.border-white { border: 2px solid #fff; } .border-black { border: 2px solid #000; } .border-core-blue, div.theme-sky .hp-news-social-panel__button .uk-button, div.theme-sky .hp-news-social-panel__button .FormButton, div.theme-sky .hp-news-social-panel__button .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-sky .hp-news-social-panel__button .btnPrev, div.theme-sky .hp-news-social-panel__button .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-sky .hp-news-social-panel__button .btnNext, div.theme-sky .hp-news-social-panel__button form input[type='reset'], form div.theme-sky .hp-news-social-panel__button input[type='reset'], div.theme-sky .hp-news-social-panel__button form button.FormSubmitButton, form div.theme-sky .hp-news-social-panel__button button.FormSubmitButton, .core-light-secondary, .core-dark-secondary, .uk-button.sky-secondary, .webapp .account-info.theme-sky .uk-button.secondary, .sky-secondary.FormButton, .webapp .account-info.theme-sky .FormButton.secondary, form input.sky-secondary[type='reset'], .webapp .account-info.theme-sky form input[type='reset'].secondary, form .webapp .account-info.theme-sky input[type='reset'].secondary, form button.sky-secondary.FormSubmitButton, .webapp .account-info.theme-sky form button.FormSubmitButton.secondary, form .webapp .account-info.theme-sky button.FormSubmitButton.secondary, .Form__NavigationBar .sky-secondary.btnPrev, .webapp .account-info.theme-sky .Form__NavigationBar .btnPrev.secondary, .Form__NavigationBar .webapp .account-info.theme-sky .btnPrev.secondary, .Form__NavigationBar .sky-secondary.btnNext, .webapp .account-info.theme-sky .Form__NavigationBar .btnNext.secondary, .Form__NavigationBar .webapp .account-info.theme-sky .btnNext.secondary, .uk-button.sky-primary-dark, .sky-primary-dark.FormButton, form input.sky-primary-dark[type='reset'], form button.sky-primary-dark.FormSubmitButton, .Form__NavigationBar .sky-primary-dark.btnPrev, .Form__NavigationBar .sky-primary-dark.btnNext, .uk-button.sky, .sky.FormButton, form input.sky[type='reset'], form button.sky.FormSubmitButton, .Form__NavigationBar .sky.btnPrev, .Form__NavigationBar .sky.btnNext { border: 2px solid #214187; } .border-core-dark-blue { border: 2px solid #00344f; } .border-core-orange, div.theme-desert .hp-news-social-panel__featured-text .uk-button, div.theme-desert .hp-news-social-panel__featured-text .FormButton, div.theme-desert .hp-news-social-panel__featured-text .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-desert .hp-news-social-panel__featured-text .btnPrev, div.theme-desert .hp-news-social-panel__featured-text .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-desert .hp-news-social-panel__featured-text .btnNext, div.theme-desert .hp-news-social-panel__featured-text form input[type='reset'], form div.theme-desert .hp-news-social-panel__featured-text input[type='reset'], div.theme-desert .hp-news-social-panel__featured-text form button.FormSubmitButton, form div.theme-desert .hp-news-social-panel__featured-text button.FormSubmitButton, .desert-secondary, .webapp .account-info.theme-core-light .uk-button.secondary, .webapp .account-info.theme-core-light .Form__NavigationBar .secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-light .secondary.btnPrev, .webapp .account-info.theme-core-light .Form__NavigationBar .secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-light .secondary.btnNext, .webapp .account-info.theme-core-light form input.secondary[type='reset'], form .webapp .account-info.theme-core-light input.secondary[type='reset'], .webapp .account-info.theme-core-light form button.secondary.FormSubmitButton, form .webapp .account-info.theme-core-light button.secondary.FormSubmitButton, .webapp .account-info.theme-core-light .secondary.FormButton, .webapp .account-info.theme-core-dark .uk-button.secondary, .webapp .account-info.theme-core-dark .Form__NavigationBar .secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-dark .secondary.btnPrev, .webapp .account-info.theme-core-dark .Form__NavigationBar .secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-dark .secondary.btnNext, .webapp .account-info.theme-core-dark form input.secondary[type='reset'], form .webapp .account-info.theme-core-dark input.secondary[type='reset'], .webapp .account-info.theme-core-dark form button.secondary.FormSubmitButton, form .webapp .account-info.theme-core-dark button.secondary.FormSubmitButton, .webapp .account-info.theme-core-dark .secondary.FormButton, .webapp .account-info.theme-desert .uk-button.secondary, .webapp .account-info.theme-desert .Form__NavigationBar .secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-desert .secondary.btnPrev, .webapp .account-info.theme-desert .Form__NavigationBar .secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-desert .secondary.btnNext, .webapp .account-info.theme-desert form input.secondary[type='reset'], form .webapp .account-info.theme-desert input.secondary[type='reset'], .webapp .account-info.theme-desert form button.secondary.FormSubmitButton, form .webapp .account-info.theme-desert button.secondary.FormSubmitButton, .webapp .account-info.theme-desert .secondary.FormButton, .desert-primary, .webapp .account-info.theme-core-light .uk-button.primary, .webapp .account-info.theme-core-light .Form__NavigationBar .primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-light .primary.btnPrev, .webapp .account-info.theme-core-light .Form__NavigationBar .primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-light .primary.btnNext, .webapp .account-info.theme-core-light form input.primary[type='reset'], form .webapp .account-info.theme-core-light input.primary[type='reset'], .webapp .account-info.theme-core-light form button.primary.FormSubmitButton, form .webapp .account-info.theme-core-light button.primary.FormSubmitButton, .webapp .account-info.theme-core-light .primary.FormButton, .webapp .account-info.theme-core-dark .uk-button.primary, .webapp .account-info.theme-core-dark .Form__NavigationBar .primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-dark .primary.btnPrev, .webapp .account-info.theme-core-dark .Form__NavigationBar .primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-dark .primary.btnNext, .webapp .account-info.theme-core-dark form input.primary[type='reset'], form .webapp .account-info.theme-core-dark input.primary[type='reset'], .webapp .account-info.theme-core-dark form button.primary.FormSubmitButton, form .webapp .account-info.theme-core-dark button.primary.FormSubmitButton, .webapp .account-info.theme-core-dark .primary.FormButton, .webapp .account-info.theme-desert .uk-button.primary, .webapp .account-info.theme-desert .Form__NavigationBar .primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-desert .primary.btnPrev, .webapp .account-info.theme-desert .Form__NavigationBar .primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-desert .primary.btnNext, .webapp .account-info.theme-desert form input.primary[type='reset'], form .webapp .account-info.theme-desert input.primary[type='reset'], .webapp .account-info.theme-desert form button.primary.FormSubmitButton, form .webapp .account-info.theme-desert button.primary.FormSubmitButton, .webapp .account-info.theme-desert .primary.FormButton, .uk-button.desert-secondary, .webapp .account-info.theme-core-light .uk-button.secondary, .webapp .account-info.theme-core-dark .uk-button.secondary, .webapp .account-info.theme-desert .uk-button.secondary, .desert-secondary.FormButton, .webapp .account-info.theme-core-light .FormButton.secondary, .webapp .account-info.theme-core-dark .FormButton.secondary, .webapp .account-info.theme-desert .FormButton.secondary, form input.desert-secondary[type='reset'], form .webapp .account-info.theme-core-light input[type='reset'].uk-button.secondary, .webapp .account-info.theme-core-light form input[type='reset'].uk-button.secondary, form .webapp .account-info.theme-core-light .Form__NavigationBar input[type='reset'].secondary.btnPrev, .webapp .account-info.theme-core-light .Form__NavigationBar form input[type='reset'].secondary.btnPrev, form .Form__NavigationBar .webapp .account-info.theme-core-light input[type='reset'].secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-light form input[type='reset'].secondary.btnPrev, form .webapp .account-info.theme-core-light .Form__NavigationBar input[type='reset'].secondary.btnNext, .webapp .account-info.theme-core-light .Form__NavigationBar form input[type='reset'].secondary.btnNext, form .Form__NavigationBar .webapp .account-info.theme-core-light input[type='reset'].secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-light form input[type='reset'].secondary.btnNext, .webapp .account-info.theme-core-light form input[type='reset'].secondary, form .webapp .account-info.theme-core-light input[type='reset'].secondary, form .webapp .account-info.theme-core-light input[type='reset'].secondary.FormButton, .webapp .account-info.theme-core-light form input[type='reset'].secondary.FormButton, form .webapp .account-info.theme-core-dark input[type='reset'].uk-button.secondary, .webapp .account-info.theme-core-dark form input[type='reset'].uk-button.secondary, form .webapp .account-info.theme-core-dark .Form__NavigationBar input[type='reset'].secondary.btnPrev, .webapp .account-info.theme-core-dark .Form__NavigationBar form input[type='reset'].secondary.btnPrev, form .Form__NavigationBar .webapp .account-info.theme-core-dark input[type='reset'].secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-dark form input[type='reset'].secondary.btnPrev, form .webapp .account-info.theme-core-dark .Form__NavigationBar input[type='reset'].secondary.btnNext, .webapp .account-info.theme-core-dark .Form__NavigationBar form input[type='reset'].secondary.btnNext, form .Form__NavigationBar .webapp .account-info.theme-core-dark input[type='reset'].secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-dark form input[type='reset'].secondary.btnNext, .webapp .account-info.theme-core-dark form input[type='reset'].secondary, form .webapp .account-info.theme-core-dark input[type='reset'].secondary, form .webapp .account-info.theme-core-dark input[type='reset'].secondary.FormButton, .webapp .account-info.theme-core-dark form input[type='reset'].secondary.FormButton, form .webapp .account-info.theme-desert input[type='reset'].uk-button.secondary, .webapp .account-info.theme-desert form input[type='reset'].uk-button.secondary, form .webapp .account-info.theme-desert .Form__NavigationBar input[type='reset'].secondary.btnPrev, .webapp .account-info.theme-desert .Form__NavigationBar form input[type='reset'].secondary.btnPrev, form .Form__NavigationBar .webapp .account-info.theme-desert input[type='reset'].secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-desert form input[type='reset'].secondary.btnPrev, form .webapp .account-info.theme-desert .Form__NavigationBar input[type='reset'].secondary.btnNext, .webapp .account-info.theme-desert .Form__NavigationBar form input[type='reset'].secondary.btnNext, form .Form__NavigationBar .webapp .account-info.theme-desert input[type='reset'].secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-desert form input[type='reset'].secondary.btnNext, .webapp .account-info.theme-desert form input[type='reset'].secondary, form .webapp .account-info.theme-desert input[type='reset'].secondary, form .webapp .account-info.theme-desert input[type='reset'].secondary.FormButton, .webapp .account-info.theme-desert form input[type='reset'].secondary.FormButton, form button.desert-secondary.FormSubmitButton, form .webapp .account-info.theme-core-light button.FormSubmitButton.uk-button.secondary, .webapp .account-info.theme-core-light form button.FormSubmitButton.uk-button.secondary, form .webapp .account-info.theme-core-light .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev, .webapp .account-info.theme-core-light .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev, form .Form__NavigationBar .webapp .account-info.theme-core-light button.FormSubmitButton.secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary.btnPrev, form .webapp .account-info.theme-core-light .Form__NavigationBar button.FormSubmitButton.secondary.btnNext, .webapp .account-info.theme-core-light .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext, form .Form__NavigationBar .webapp .account-info.theme-core-light button.FormSubmitButton.secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary.btnNext, .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary, form .webapp .account-info.theme-core-light button.FormSubmitButton.secondary, form .webapp .account-info.theme-core-light button.FormSubmitButton.secondary.FormButton, .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary.FormButton, form .webapp .account-info.theme-core-dark button.FormSubmitButton.uk-button.secondary, .webapp .account-info.theme-core-dark form button.FormSubmitButton.uk-button.secondary, form .webapp .account-info.theme-core-dark .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev, .webapp .account-info.theme-core-dark .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev, form .Form__NavigationBar .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary.btnPrev, form .webapp .account-info.theme-core-dark .Form__NavigationBar button.FormSubmitButton.secondary.btnNext, .webapp .account-info.theme-core-dark .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext, form .Form__NavigationBar .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary.btnNext, .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary, form .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary, form .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary.FormButton, .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary.FormButton, form .webapp .account-info.theme-desert button.FormSubmitButton.uk-button.secondary, .webapp .account-info.theme-desert form button.FormSubmitButton.uk-button.secondary, form .webapp .account-info.theme-desert .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev, .webapp .account-info.theme-desert .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev, form .Form__NavigationBar .webapp .account-info.theme-desert button.FormSubmitButton.secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-desert form button.FormSubmitButton.secondary.btnPrev, form .webapp .account-info.theme-desert .Form__NavigationBar button.FormSubmitButton.secondary.btnNext, .webapp .account-info.theme-desert .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext, form .Form__NavigationBar .webapp .account-info.theme-desert button.FormSubmitButton.secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-desert form button.FormSubmitButton.secondary.btnNext, .webapp .account-info.theme-desert form button.FormSubmitButton.secondary, form .webapp .account-info.theme-desert button.FormSubmitButton.secondary, form .webapp .account-info.theme-desert button.FormSubmitButton.secondary.FormButton, .webapp .account-info.theme-desert form button.FormSubmitButton.secondary.FormButton, .Form__NavigationBar .desert-secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.uk-button.secondary, .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.uk-button.secondary, .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.secondary, .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.secondary, .Form__NavigationBar .webapp .account-info.theme-core-light form input.btnPrev.secondary[type='reset'], .webapp .account-info.theme-core-light form .Form__NavigationBar input.btnPrev.secondary[type='reset'], .Form__NavigationBar form .webapp .account-info.theme-core-light input.btnPrev.secondary[type='reset'], form .webapp .account-info.theme-core-light .Form__NavigationBar input.btnPrev.secondary[type='reset'], .Form__NavigationBar .webapp .account-info.theme-core-light form button.btnPrev.secondary.FormSubmitButton, .webapp .account-info.theme-core-light form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton, .Form__NavigationBar form .webapp .account-info.theme-core-light button.btnPrev.secondary.FormSubmitButton, form .webapp .account-info.theme-core-light .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton, .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.secondary.FormButton, .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.secondary.FormButton, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.uk-button.secondary, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.uk-button.secondary, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.secondary, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.secondary, .Form__NavigationBar .webapp .account-info.theme-core-dark form input.btnPrev.secondary[type='reset'], .webapp .account-info.theme-core-dark form .Form__NavigationBar input.btnPrev.secondary[type='reset'], .Form__NavigationBar form .webapp .account-info.theme-core-dark input.btnPrev.secondary[type='reset'], form .webapp .account-info.theme-core-dark .Form__NavigationBar input.btnPrev.secondary[type='reset'], .Form__NavigationBar .webapp .account-info.theme-core-dark form button.btnPrev.secondary.FormSubmitButton, .webapp .account-info.theme-core-dark form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton, .Form__NavigationBar form .webapp .account-info.theme-core-dark button.btnPrev.secondary.FormSubmitButton, form .webapp .account-info.theme-core-dark .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.secondary.FormButton, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.secondary.FormButton, .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.uk-button.secondary, .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.uk-button.secondary, .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.secondary, .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.secondary, .Form__NavigationBar .webapp .account-info.theme-desert form input.btnPrev.secondary[type='reset'], .webapp .account-info.theme-desert form .Form__NavigationBar input.btnPrev.secondary[type='reset'], .Form__NavigationBar form .webapp .account-info.theme-desert input.btnPrev.secondary[type='reset'], form .webapp .account-info.theme-desert .Form__NavigationBar input.btnPrev.secondary[type='reset'], .Form__NavigationBar .webapp .account-info.theme-desert form button.btnPrev.secondary.FormSubmitButton, .webapp .account-info.theme-desert form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton, .Form__NavigationBar form .webapp .account-info.theme-desert button.btnPrev.secondary.FormSubmitButton, form .webapp .account-info.theme-desert .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton, .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.secondary.FormButton, .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.secondary.FormButton, .Form__NavigationBar .desert-secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.uk-button.secondary, .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.uk-button.secondary, .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.secondary, .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.secondary, .Form__NavigationBar .webapp .account-info.theme-core-light form input.btnNext.secondary[type='reset'], .webapp .account-info.theme-core-light form .Form__NavigationBar input.btnNext.secondary[type='reset'], .Form__NavigationBar form .webapp .account-info.theme-core-light input.btnNext.secondary[type='reset'], form .webapp .account-info.theme-core-light .Form__NavigationBar input.btnNext.secondary[type='reset'], .Form__NavigationBar .webapp .account-info.theme-core-light form button.btnNext.secondary.FormSubmitButton, .webapp .account-info.theme-core-light form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton, .Form__NavigationBar form .webapp .account-info.theme-core-light button.btnNext.secondary.FormSubmitButton, form .webapp .account-info.theme-core-light .Form__NavigationBar button.btnNext.secondary.FormSubmitButton, .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.secondary.FormButton, .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.secondary.FormButton, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.uk-button.secondary, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.uk-button.secondary, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.secondary, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.secondary, .Form__NavigationBar .webapp .account-info.theme-core-dark form input.btnNext.secondary[type='reset'], .webapp .account-info.theme-core-dark form .Form__NavigationBar input.btnNext.secondary[type='reset'], .Form__NavigationBar form .webapp .account-info.theme-core-dark input.btnNext.secondary[type='reset'], form .webapp .account-info.theme-core-dark .Form__NavigationBar input.btnNext.secondary[type='reset'], .Form__NavigationBar .webapp .account-info.theme-core-dark form button.btnNext.secondary.FormSubmitButton, .webapp .account-info.theme-core-dark form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton, .Form__NavigationBar form .webapp .account-info.theme-core-dark button.btnNext.secondary.FormSubmitButton, form .webapp .account-info.theme-core-dark .Form__NavigationBar button.btnNext.secondary.FormSubmitButton, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.secondary.FormButton, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.secondary.FormButton, .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.uk-button.secondary, .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.uk-button.secondary, .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.secondary, .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.secondary, .Form__NavigationBar .webapp .account-info.theme-desert form input.btnNext.secondary[type='reset'], .webapp .account-info.theme-desert form .Form__NavigationBar input.btnNext.secondary[type='reset'], .Form__NavigationBar form .webapp .account-info.theme-desert input.btnNext.secondary[type='reset'], form .webapp .account-info.theme-desert .Form__NavigationBar input.btnNext.secondary[type='reset'], .Form__NavigationBar .webapp .account-info.theme-desert form button.btnNext.secondary.FormSubmitButton, .webapp .account-info.theme-desert form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton, .Form__NavigationBar form .webapp .account-info.theme-desert button.btnNext.secondary.FormSubmitButton, form .webapp .account-info.theme-desert .Form__NavigationBar button.btnNext.secondary.FormSubmitButton, .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.secondary.FormButton, .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.secondary.FormButton, .uk-button.desert-primary-light, .desert-primary-light.FormButton, form input.desert-primary-light[type='reset'], form button.desert-primary-light.FormSubmitButton, .Form__NavigationBar .desert-primary-light.btnPrev, .Form__NavigationBar .desert-primary-light.btnNext, .uk-button.core-dark, .core-dark.FormButton, form input.core-dark[type='reset'], form button.core-dark.FormSubmitButton, .Form__NavigationBar .core-dark.btnPrev, .Form__NavigationBar .core-dark.btnNext { border: 2px solid #c14d34; } .border-dark-teal, div.theme-sea .hp-news-social-panel__button .uk-button, div.theme-sea .hp-news-social-panel__button .FormButton, div.theme-sea .hp-news-social-panel__button .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-sea .hp-news-social-panel__button .btnPrev, div.theme-sea .hp-news-social-panel__button .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-sea .hp-news-social-panel__button .btnNext, div.theme-sea .hp-news-social-panel__button form input[type='reset'], form div.theme-sea .hp-news-social-panel__button input[type='reset'], div.theme-sea .hp-news-social-panel__button form button.FormSubmitButton, form div.theme-sea .hp-news-social-panel__button button.FormSubmitButton, .sea-secondary, .webapp .account-info.theme-sea .uk-button.secondary, .webapp .account-info.theme-sea .Form__NavigationBar .secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-sea .secondary.btnPrev, .webapp .account-info.theme-sea .Form__NavigationBar .secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-sea .secondary.btnNext, .webapp .account-info.theme-sea form input.secondary[type='reset'], form .webapp .account-info.theme-sea input.secondary[type='reset'], .webapp .account-info.theme-sea form button.secondary.FormSubmitButton, form .webapp .account-info.theme-sea button.secondary.FormSubmitButton, .webapp .account-info.theme-sea .secondary.FormButton, .sea-primary, .webapp .account-info.theme-sea .uk-button.primary, .webapp .account-info.theme-sea .Form__NavigationBar .primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-sea .primary.btnPrev, .webapp .account-info.theme-sea .Form__NavigationBar .primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-sea .primary.btnNext, .webapp .account-info.theme-sea form input.primary[type='reset'], form .webapp .account-info.theme-sea input.primary[type='reset'], .webapp .account-info.theme-sea form button.primary.FormSubmitButton, form .webapp .account-info.theme-sea button.primary.FormSubmitButton, .webapp .account-info.theme-sea .primary.FormButton, .uk-button.thumbs, .thumbs.FormButton, form input.thumbs[type='reset'], form button.thumbs.FormSubmitButton, .Form__NavigationBar .thumbs.btnPrev, .Form__NavigationBar .thumbs.btnNext, .uk-button.sea-secondary, .webapp .account-info.theme-sea .uk-button.secondary, .sea-secondary.FormButton, .webapp .account-info.theme-sea .FormButton.secondary, form input.sea-secondary[type='reset'], form .webapp .account-info.theme-sea input[type='reset'].uk-button.secondary, .webapp .account-info.theme-sea form input[type='reset'].uk-button.secondary, form .webapp .account-info.theme-sea .Form__NavigationBar input[type='reset'].secondary.btnPrev, .webapp .account-info.theme-sea .Form__NavigationBar form input[type='reset'].secondary.btnPrev, form .Form__NavigationBar .webapp .account-info.theme-sea input[type='reset'].secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-sea form input[type='reset'].secondary.btnPrev, form .webapp .account-info.theme-sea .Form__NavigationBar input[type='reset'].secondary.btnNext, .webapp .account-info.theme-sea .Form__NavigationBar form input[type='reset'].secondary.btnNext, form .Form__NavigationBar .webapp .account-info.theme-sea input[type='reset'].secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-sea form input[type='reset'].secondary.btnNext, .webapp .account-info.theme-sea form input[type='reset'].secondary, form .webapp .account-info.theme-sea input[type='reset'].secondary, form .webapp .account-info.theme-sea input[type='reset'].secondary.FormButton, .webapp .account-info.theme-sea form input[type='reset'].secondary.FormButton, form button.sea-secondary.FormSubmitButton, form .webapp .account-info.theme-sea button.FormSubmitButton.uk-button.secondary, .webapp .account-info.theme-sea form button.FormSubmitButton.uk-button.secondary, form .webapp .account-info.theme-sea .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev, .webapp .account-info.theme-sea .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev, form .Form__NavigationBar .webapp .account-info.theme-sea button.FormSubmitButton.secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-sea form button.FormSubmitButton.secondary.btnPrev, form .webapp .account-info.theme-sea .Form__NavigationBar button.FormSubmitButton.secondary.btnNext, .webapp .account-info.theme-sea .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext, form .Form__NavigationBar .webapp .account-info.theme-sea button.FormSubmitButton.secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-sea form button.FormSubmitButton.secondary.btnNext, .webapp .account-info.theme-sea form button.FormSubmitButton.secondary, form .webapp .account-info.theme-sea button.FormSubmitButton.secondary, form .webapp .account-info.theme-sea button.FormSubmitButton.secondary.FormButton, .webapp .account-info.theme-sea form button.FormSubmitButton.secondary.FormButton, .Form__NavigationBar .sea-secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-sea .btnPrev.uk-button.secondary, .webapp .account-info.theme-sea .Form__NavigationBar .btnPrev.uk-button.secondary, .webapp .account-info.theme-sea .Form__NavigationBar .btnPrev.secondary, .Form__NavigationBar .webapp .account-info.theme-sea .btnPrev.secondary, .Form__NavigationBar .webapp .account-info.theme-sea form input.btnPrev.secondary[type='reset'], .webapp .account-info.theme-sea form .Form__NavigationBar input.btnPrev.secondary[type='reset'], .Form__NavigationBar form .webapp .account-info.theme-sea input.btnPrev.secondary[type='reset'], form .webapp .account-info.theme-sea .Form__NavigationBar input.btnPrev.secondary[type='reset'], .Form__NavigationBar .webapp .account-info.theme-sea form button.btnPrev.secondary.FormSubmitButton, .webapp .account-info.theme-sea form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton, .Form__NavigationBar form .webapp .account-info.theme-sea button.btnPrev.secondary.FormSubmitButton, form .webapp .account-info.theme-sea .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton, .Form__NavigationBar .webapp .account-info.theme-sea .btnPrev.secondary.FormButton, .webapp .account-info.theme-sea .Form__NavigationBar .btnPrev.secondary.FormButton, .Form__NavigationBar .sea-secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-sea .btnNext.uk-button.secondary, .webapp .account-info.theme-sea .Form__NavigationBar .btnNext.uk-button.secondary, .webapp .account-info.theme-sea .Form__NavigationBar .btnNext.secondary, .Form__NavigationBar .webapp .account-info.theme-sea .btnNext.secondary, .Form__NavigationBar .webapp .account-info.theme-sea form input.btnNext.secondary[type='reset'], .webapp .account-info.theme-sea form .Form__NavigationBar input.btnNext.secondary[type='reset'], .Form__NavigationBar form .webapp .account-info.theme-sea input.btnNext.secondary[type='reset'], form .webapp .account-info.theme-sea .Form__NavigationBar input.btnNext.secondary[type='reset'], .Form__NavigationBar .webapp .account-info.theme-sea form button.btnNext.secondary.FormSubmitButton, .webapp .account-info.theme-sea form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton, .Form__NavigationBar form .webapp .account-info.theme-sea button.btnNext.secondary.FormSubmitButton, form .webapp .account-info.theme-sea .Form__NavigationBar button.btnNext.secondary.FormSubmitButton, .Form__NavigationBar .webapp .account-info.theme-sea .btnNext.secondary.FormButton, .webapp .account-info.theme-sea .Form__NavigationBar .btnNext.secondary.FormButton, .uk-button.sea-primary-dark, .sea-primary-dark.FormButton, form input.sea-primary-dark[type='reset'], form button.sea-primary-dark.FormSubmitButton, .Form__NavigationBar .sea-primary-dark.btnPrev, .Form__NavigationBar .sea-primary-dark.btnNext, .uk-button.sea, .sea.FormButton, form input.sea[type='reset'], form button.sea.FormSubmitButton, .Form__NavigationBar .sea.btnPrev, .Form__NavigationBar .sea.btnNext { border: 2px solid #125252; } .border-dark-green { border: 2px solid #365938; } .border-dark-red, div.theme-desert .hp-news-social-panel__button .uk-button, div.theme-desert .hp-news-social-panel__button .FormButton, div.theme-desert .hp-news-social-panel__button .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-desert .hp-news-social-panel__button .btnPrev, div.theme-desert .hp-news-social-panel__button .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-desert .hp-news-social-panel__button .btnNext, div.theme-desert .hp-news-social-panel__button form input[type='reset'], form div.theme-desert .hp-news-social-panel__button input[type='reset'], div.theme-desert .hp-news-social-panel__button form button.FormSubmitButton, form div.theme-desert .hp-news-social-panel__button button.FormSubmitButton, .uk-button.desert-primary-dark, .desert-primary-dark.FormButton, form input.desert-primary-dark[type='reset'], form button.desert-primary-dark.FormSubmitButton, .Form__NavigationBar .desert-primary-dark.btnPrev, .Form__NavigationBar .desert-primary-dark.btnNext, .uk-button.desert, .desert.FormButton, form input.desert[type='reset'], form button.desert.FormSubmitButton, .Form__NavigationBar .desert.btnPrev, .Form__NavigationBar .desert.btnNext { border: 2px solid #7a0306; } .border-teal { border: 2px solid #55848a; } .border-green { border: 2px solid #466041; } .border-grey { border: 2px solid #e4e4e4; } .border-light-grey { border: 2px solid #f4f2ef; } .border-light-blue, div.theme-sky .hp-news-social-panel__featured-content .uk-button, div.theme-sky .hp-news-social-panel__featured-content .FormButton, div.theme-sky .hp-news-social-panel__featured-content .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-sky .hp-news-social-panel__featured-content .btnPrev, div.theme-sky .hp-news-social-panel__featured-content .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-sky .hp-news-social-panel__featured-content .btnNext, div.theme-sky .hp-news-social-panel__featured-content form input[type='reset'], form div.theme-sky .hp-news-social-panel__featured-content input[type='reset'], div.theme-sky .hp-news-social-panel__featured-content form button.FormSubmitButton, form div.theme-sky .hp-news-social-panel__featured-content button.FormSubmitButton, .core-light-primary, .uk-button.sky-primary-light, .sky-primary-light.FormButton, form input.sky-primary-light[type='reset'], form button.sky-primary-light.FormSubmitButton, .Form__NavigationBar .sky-primary-light.btnPrev, .Form__NavigationBar .sky-primary-light.btnNext { border: 2px solid #bac8e2; } .border-light-teal { border: 2px solid #83a6a8; } .border-light-teal-2, div.theme-sea .hp-news-social-panel__featured-content .uk-button, div.theme-sea .hp-news-social-panel__featured-content .FormButton, div.theme-sea .hp-news-social-panel__featured-content .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-sea .hp-news-social-panel__featured-content .btnPrev, div.theme-sea .hp-news-social-panel__featured-content .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-sea .hp-news-social-panel__featured-content .btnNext, div.theme-sea .hp-news-social-panel__featured-content form input[type='reset'], form div.theme-sea .hp-news-social-panel__featured-content input[type='reset'], div.theme-sea .hp-news-social-panel__featured-content form button.FormSubmitButton, form div.theme-sea .hp-news-social-panel__featured-content button.FormSubmitButton, .uk-button.sea-primary-light, .sea-primary-light.FormButton, form input.sea-primary-light[type='reset'], form button.sea-primary-light.FormSubmitButton, .Form__NavigationBar .sea-primary-light.btnPrev, .Form__NavigationBar .sea-primary-light.btnNext { border: 2px solid #8ecdc7; } .border-light-green { border: 2px solid #5e7761; } .border-light-red { border: 2px solid #f57f48; } .border-brightone-blue, .core-dark-primary, .uk-button.sky-bright-primary-dark, .uk-button.FormButton, .sky-bright-primary-dark.FormButton, .FormButton, form input.uk-button[type='reset'], form button.uk-button.FormSubmitButton, form input.sky-bright-primary-dark[type='reset'], form input[type='reset'], form button.sky-bright-primary-dark.FormSubmitButton, form button.FormSubmitButton, .Form__NavigationBar .sky-bright-primary-dark.btnPrev, .Form__NavigationBar .btnPrev.FormButton, .Form__NavigationBar form input.btnPrev[type='reset'], form .Form__NavigationBar input.btnPrev[type='reset'], .Form__NavigationBar form button.btnPrev.FormSubmitButton, form .Form__NavigationBar button.btnPrev.FormSubmitButton, .Form__NavigationBar .sky-bright-primary-dark.btnNext, .Form__NavigationBar .btnNext.FormButton, .Form__NavigationBar form input.btnNext[type='reset'], form .Form__NavigationBar input.btnNext[type='reset'], .Form__NavigationBar form button.btnNext.FormSubmitButton, form .Form__NavigationBar button.btnNext.FormSubmitButton { border: 2px solid #145b7c; } .border-brightone-teal { border: 2px solid #00757d; } .border-brightone-green { border: 2px solid #337a58; } .border-brightone-red { border: 2px solid #de5126; } .border-brighttwo-blue { border: 2px solid #7092ac; } .border-brighttwo-teal { border: 2px solid #78c4bc; } .border-brighttwo-green { border: 2px solid #85a184; } .border-brighttwo-red { border: 2px solid #eba70e; } .border-tintone-sky { border: 2px solid #919495; } .border-tintthree-teal { border: 2px solid #d4d7d0; } .border-tintthree-desert { border: 2px solid #e3ded6; } .border-tintthree-sky { border: 2px solid #c8c9ca; } .border-tintthree-bush { border: 2px solid #e0e1dc; } .border-tintfour-desert { border: 2px solid #f1eeeb; } .border-tintfour-sky { border: 2px solid #e4e4e4; } .border-tintfour-sea { border: 2px solid #eaebe7; } .border-tintfour-bush { border: 2px solid #f0f0ed; } .border-sky { border: 2px solid #76797a; } .border-sea { border: 2px solid #949b89; } .border-bush { border: 2px solid #b2b4a7; } .border-desert { border: 2px solid #b9ac99; } .border-sandstone, .uk-button.sandstone, .sandstone.FormButton, form input.sandstone[type='reset'], form button.sandstone.FormSubmitButton, .Form__NavigationBar .sandstone.btnPrev, .Form__NavigationBar .sandstone.btnNext { border: 2px solid #eae6e0; } .border-core-light { border: 2px solid #76797a; } .border-core-dark { border: 2px solid #76797a; } .border-sunshine-saver-red { border: 2px solid #c23224; } .background-pattern-core::before { content: ''; background-image: url('/svg/patterns/core-pattern.svg'); position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .background-pattern-core::after { content: ''; position: absolute; right: 0; bottom: 0; top: 0; left: 0; pointer-events: none; } .background-pattern-desert::before { content: ''; background-image: url('/svg/patterns/desert-pattern.svg'); position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .background-pattern-desert::after { content: ''; position: absolute; right: 0; bottom: 0; top: 0; left: 0; pointer-events: none; } .background-pattern-sea::before { content: ''; background-image: url('/svg/patterns/sea-pattern.svg'); position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .background-pattern-sea::after { content: ''; position: absolute; right: 0; bottom: 0; top: 0; left: 0; pointer-events: none; } .background-pattern-sky::before { content: ''; background-image: url('/svg/patterns/sky-pattern.svg'); position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .background-pattern-sky::after { content: ''; position: absolute; right: 0; bottom: 0; top: 0; left: 0; pointer-events: none; } .background-pattern-core::before { background-position: top center; } .background-pattern-desert::before { background-position: top center; } .background-pattern-sea::before { background-position: center; } .background-pattern-sky::before { background-position: center; } .background-pattern-core { background-color: #eae6e0 !important; } .background-pattern-desert { background-color: #f1eeeb !important; } .background-pattern-sea { background-color: #eaebe7 !important; } .background-pattern-sky { background-color: #e4e4e4 !important; } .background-white { background-color: #fff !important; } .background-black { background-color: #000 !important; } .background-core-blue, div.theme-sky .hp-news-social-panel__button .uk-button, div.theme-sky .hp-news-social-panel__button .FormButton, div.theme-sky .hp-news-social-panel__button .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-sky .hp-news-social-panel__button .btnPrev, div.theme-sky .hp-news-social-panel__button .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-sky .hp-news-social-panel__button .btnNext, div.theme-sky .hp-news-social-panel__button form input[type='reset'], form div.theme-sky .hp-news-social-panel__button input[type='reset'], div.theme-sky .hp-news-social-panel__button form button.FormSubmitButton, form div.theme-sky .hp-news-social-panel__button button.FormSubmitButton, .uk-button.sky-primary-dark, .sky-primary-dark.FormButton, form input.sky-primary-dark[type='reset'], form button.sky-primary-dark.FormSubmitButton, .Form__NavigationBar .sky-primary-dark.btnPrev, .Form__NavigationBar .sky-primary-dark.btnNext, .uk-button.sky, .sky.FormButton, form input.sky[type='reset'], form button.sky.FormSubmitButton, .Form__NavigationBar .sky.btnPrev, .Form__NavigationBar .sky.btnNext { background-color: #214187 !important; } .background-core-dark-blue { background-color: #00344f !important; } .background-core-orange, div.theme-desert .hp-news-social-panel__featured-text .uk-button, div.theme-desert .hp-news-social-panel__featured-text .FormButton, div.theme-desert .hp-news-social-panel__featured-text .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-desert .hp-news-social-panel__featured-text .btnPrev, div.theme-desert .hp-news-social-panel__featured-text .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-desert .hp-news-social-panel__featured-text .btnNext, div.theme-desert .hp-news-social-panel__featured-text form input[type='reset'], form div.theme-desert .hp-news-social-panel__featured-text input[type='reset'], div.theme-desert .hp-news-social-panel__featured-text form button.FormSubmitButton, form div.theme-desert .hp-news-social-panel__featured-text button.FormSubmitButton, .desert-primary, .webapp .account-info.theme-core-light .uk-button.primary, .webapp .account-info.theme-core-light .Form__NavigationBar .primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-light .primary.btnPrev, .webapp .account-info.theme-core-light .Form__NavigationBar .primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-light .primary.btnNext, .webapp .account-info.theme-core-light form input.primary[type='reset'], form .webapp .account-info.theme-core-light input.primary[type='reset'], .webapp .account-info.theme-core-light form button.primary.FormSubmitButton, form .webapp .account-info.theme-core-light button.primary.FormSubmitButton, .webapp .account-info.theme-core-light .primary.FormButton, .webapp .account-info.theme-core-dark .uk-button.primary, .webapp .account-info.theme-core-dark .Form__NavigationBar .primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-dark .primary.btnPrev, .webapp .account-info.theme-core-dark .Form__NavigationBar .primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-dark .primary.btnNext, .webapp .account-info.theme-core-dark form input.primary[type='reset'], form .webapp .account-info.theme-core-dark input.primary[type='reset'], .webapp .account-info.theme-core-dark form button.primary.FormSubmitButton, form .webapp .account-info.theme-core-dark button.primary.FormSubmitButton, .webapp .account-info.theme-core-dark .primary.FormButton, .webapp .account-info.theme-desert .uk-button.primary, .webapp .account-info.theme-desert .Form__NavigationBar .primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-desert .primary.btnPrev, .webapp .account-info.theme-desert .Form__NavigationBar .primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-desert .primary.btnNext, .webapp .account-info.theme-desert form input.primary[type='reset'], form .webapp .account-info.theme-desert input.primary[type='reset'], .webapp .account-info.theme-desert form button.primary.FormSubmitButton, form .webapp .account-info.theme-desert button.primary.FormSubmitButton, .webapp .account-info.theme-desert .primary.FormButton, .uk-button.desert-primary-light, .desert-primary-light.FormButton, form input.desert-primary-light[type='reset'], form button.desert-primary-light.FormSubmitButton, .Form__NavigationBar .desert-primary-light.btnPrev, .Form__NavigationBar .desert-primary-light.btnNext, .uk-button.core-dark, .core-dark.FormButton, form input.core-dark[type='reset'], form button.core-dark.FormSubmitButton, .Form__NavigationBar .core-dark.btnPrev, .Form__NavigationBar .core-dark.btnNext { background-color: #c14d34 !important; } .background-dark-teal, div.theme-sea .hp-news-social-panel__button .uk-button, div.theme-sea .hp-news-social-panel__button .FormButton, div.theme-sea .hp-news-social-panel__button .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-sea .hp-news-social-panel__button .btnPrev, div.theme-sea .hp-news-social-panel__button .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-sea .hp-news-social-panel__button .btnNext, div.theme-sea .hp-news-social-panel__button form input[type='reset'], form div.theme-sea .hp-news-social-panel__button input[type='reset'], div.theme-sea .hp-news-social-panel__button form button.FormSubmitButton, form div.theme-sea .hp-news-social-panel__button button.FormSubmitButton, .sea-primary, .webapp .account-info.theme-sea .uk-button.primary, .webapp .account-info.theme-sea .Form__NavigationBar .primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-sea .primary.btnPrev, .webapp .account-info.theme-sea .Form__NavigationBar .primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-sea .primary.btnNext, .webapp .account-info.theme-sea form input.primary[type='reset'], form .webapp .account-info.theme-sea input.primary[type='reset'], .webapp .account-info.theme-sea form button.primary.FormSubmitButton, form .webapp .account-info.theme-sea button.primary.FormSubmitButton, .webapp .account-info.theme-sea .primary.FormButton, .uk-button.sea-primary-dark, .sea-primary-dark.FormButton, form input.sea-primary-dark[type='reset'], form button.sea-primary-dark.FormSubmitButton, .Form__NavigationBar .sea-primary-dark.btnPrev, .Form__NavigationBar .sea-primary-dark.btnNext, .uk-button.sea, .sea.FormButton, form input.sea[type='reset'], form button.sea.FormSubmitButton, .Form__NavigationBar .sea.btnPrev, .Form__NavigationBar .sea.btnNext { background-color: #125252 !important; } .background-dark-green { background-color: #365938 !important; } .background-dark-red, div.theme-desert .hp-news-social-panel__button .uk-button, div.theme-desert .hp-news-social-panel__button .FormButton, div.theme-desert .hp-news-social-panel__button .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-desert .hp-news-social-panel__button .btnPrev, div.theme-desert .hp-news-social-panel__button .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-desert .hp-news-social-panel__button .btnNext, div.theme-desert .hp-news-social-panel__button form input[type='reset'], form div.theme-desert .hp-news-social-panel__button input[type='reset'], div.theme-desert .hp-news-social-panel__button form button.FormSubmitButton, form div.theme-desert .hp-news-social-panel__button button.FormSubmitButton, .uk-button.desert-primary-dark, .desert-primary-dark.FormButton, form input.desert-primary-dark[type='reset'], form button.desert-primary-dark.FormSubmitButton, .Form__NavigationBar .desert-primary-dark.btnPrev, .Form__NavigationBar .desert-primary-dark.btnNext, .uk-button.desert, .desert.FormButton, form input.desert[type='reset'], form button.desert.FormSubmitButton, .Form__NavigationBar .desert.btnPrev, .Form__NavigationBar .desert.btnNext { background-color: #7a0306 !important; } .background-teal { background-color: #55848a !important; } .background-green { background-color: #466041 !important; } .background-grey { background-color: #e4e4e4 !important; } .background-light-grey { background-color: #f4f2ef !important; } .background-light-blue, div.theme-sky .hp-news-social-panel__featured-content .uk-button, div.theme-sky .hp-news-social-panel__featured-content .FormButton, div.theme-sky .hp-news-social-panel__featured-content .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-sky .hp-news-social-panel__featured-content .btnPrev, div.theme-sky .hp-news-social-panel__featured-content .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-sky .hp-news-social-panel__featured-content .btnNext, div.theme-sky .hp-news-social-panel__featured-content form input[type='reset'], form div.theme-sky .hp-news-social-panel__featured-content input[type='reset'], div.theme-sky .hp-news-social-panel__featured-content form button.FormSubmitButton, form div.theme-sky .hp-news-social-panel__featured-content button.FormSubmitButton, .core-light-primary, .uk-button.sky-primary-light, .sky-primary-light.FormButton, form input.sky-primary-light[type='reset'], form button.sky-primary-light.FormSubmitButton, .Form__NavigationBar .sky-primary-light.btnPrev, .Form__NavigationBar .sky-primary-light.btnNext { background-color: #bac8e2 !important; } .background-light-teal { background-color: #83a6a8 !important; } .background-light-teal-2, div.theme-sea .hp-news-social-panel__featured-content .uk-button, div.theme-sea .hp-news-social-panel__featured-content .FormButton, div.theme-sea .hp-news-social-panel__featured-content .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-sea .hp-news-social-panel__featured-content .btnPrev, div.theme-sea .hp-news-social-panel__featured-content .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-sea .hp-news-social-panel__featured-content .btnNext, div.theme-sea .hp-news-social-panel__featured-content form input[type='reset'], form div.theme-sea .hp-news-social-panel__featured-content input[type='reset'], div.theme-sea .hp-news-social-panel__featured-content form button.FormSubmitButton, form div.theme-sea .hp-news-social-panel__featured-content button.FormSubmitButton, .uk-button.sea-primary-light, .sea-primary-light.FormButton, form input.sea-primary-light[type='reset'], form button.sea-primary-light.FormSubmitButton, .Form__NavigationBar .sea-primary-light.btnPrev, .Form__NavigationBar .sea-primary-light.btnNext { background-color: #8ecdc7 !important; } .background-light-green { background-color: #5e7761 !important; } .background-light-red { background-color: #f57f48 !important; } .background-brightone-blue, .core-dark-primary, .uk-button.sky-bright-primary-dark, .uk-button.FormButton, .sky-bright-primary-dark.FormButton, .FormButton, form input.uk-button[type='reset'], form button.uk-button.FormSubmitButton, form input.sky-bright-primary-dark[type='reset'], form input[type='reset'], form button.sky-bright-primary-dark.FormSubmitButton, form button.FormSubmitButton, .Form__NavigationBar .sky-bright-primary-dark.btnPrev, .Form__NavigationBar .btnPrev.FormButton, .Form__NavigationBar form input.btnPrev[type='reset'], form .Form__NavigationBar input.btnPrev[type='reset'], .Form__NavigationBar form button.btnPrev.FormSubmitButton, form .Form__NavigationBar button.btnPrev.FormSubmitButton, .Form__NavigationBar .sky-bright-primary-dark.btnNext, .Form__NavigationBar .btnNext.FormButton, .Form__NavigationBar form input.btnNext[type='reset'], form .Form__NavigationBar input.btnNext[type='reset'], .Form__NavigationBar form button.btnNext.FormSubmitButton, form .Form__NavigationBar button.btnNext.FormSubmitButton { background-color: #145b7c !important; } .background-brightone-teal { background-color: #00757d !important; } .background-brightone-green { background-color: #337a58 !important; } .background-brightone-red { background-color: #de5126 !important; } .background-brighttwo-blue { background-color: #7092ac !important; } .background-brighttwo-teal { background-color: #78c4bc !important; } .background-brighttwo-green { background-color: #85a184 !important; } .background-brighttwo-red { background-color: #eba70e !important; } .background-tintone-sky { background-color: #919495 !important; } .background-tintthree-teal { background-color: #d4d7d0 !important; } .background-tintthree-desert { background-color: #e3ded6 !important; } .background-tintthree-sky { background-color: #c8c9ca !important; } .background-tintthree-bush { background-color: #e0e1dc !important; } .background-tintfour-desert { background-color: #f1eeeb !important; } .background-tintfour-sky { background-color: #e4e4e4 !important; } .background-tintfour-sea { background-color: #eaebe7 !important; } .background-tintfour-bush { background-color: #f0f0ed !important; } .background-sky { background-color: #76797a !important; } .background-sea { background-color: #949b89 !important; } .background-bush { background-color: #b2b4a7 !important; } .background-desert { background-color: #b9ac99 !important; } .background-sandstone, .uk-button.sandstone, .sandstone.FormButton, form input.sandstone[type='reset'], form button.sandstone.FormSubmitButton, .Form__NavigationBar .sandstone.btnPrev, .Form__NavigationBar .sandstone.btnNext { background-color: #eae6e0 !important; } .background-core-light { background-color: #76797a !important; } .background-core-dark { background-color: #76797a !important; } .background-sunshine-saver-red { background-color: #c23224 !important; } .text-white { color: #fff; } .text-black { color: #000; } .text-core-blue { color: #214187; } .text-core-dark-blue { color: #00344f; } .text-core-orange { color: #c14d34; } .text-dark-teal { color: #125252; } .text-dark-green { color: #365938; } .text-dark-red { color: #7a0306; } .text-teal { color: #55848a; } .text-green { color: #466041; } .text-grey { color: #e4e4e4; } .text-light-grey { color: #f4f2ef; } .text-light-blue { color: #bac8e2; } .text-light-teal { color: #83a6a8; } .text-light-teal-2 { color: #8ecdc7; } .text-light-green { color: #5e7761; } .text-light-red { color: #f57f48; } .text-brightone-blue { color: #145b7c; } .text-brightone-teal { color: #00757d; } .text-brightone-green { color: #337a58; } .text-brightone-red { color: #de5126; } .text-brighttwo-blue { color: #7092ac; } .text-brighttwo-teal { color: #78c4bc; } .text-brighttwo-green { color: #85a184; } .text-brighttwo-red { color: #eba70e; } .text-tintone-sky { color: #919495; } .text-tintthree-teal { color: #d4d7d0; } .text-tintthree-desert { color: #e3ded6; } .text-tintthree-sky { color: #c8c9ca; } .text-tintthree-bush { color: #e0e1dc; } .text-tintfour-desert { color: #f1eeeb; } .text-tintfour-sky { color: #e4e4e4; } .text-tintfour-sea { color: #eaebe7; } .text-tintfour-bush { color: #f0f0ed; } .text-sky { color: #76797a; } .text-sea { color: #949b89; } .text-bush { color: #b2b4a7; } .text-desert { color: #b9ac99; } .text-sandstone { color: #eae6e0; } .text-core-light { color: #76797a; } .text-core-dark { color: #76797a; } .text-sunshine-saver-red { color: #c23224; } .background-texture-kimberley-dark, .footer { background-image: url('/img/textures/kimberley-texture-dark-medium.jpg'); background-size: cover; background-repeat: no-repeat; } .background-texture-pilbara-sea { background-image: url('/img/textures/pilbara-texture-sea.jpg'); background-size: cover; background-repeat: no-repeat; } .background-texture-kimberley-sea-1 { background-image: url('/img/textures/kimberley-texture-sea-1.jpg'); background-size: cover; background-repeat: no-repeat; } .background-texture-kimberley-sea-2 { background-image: url('/img/textures/kimberley-texture-sea-2.jpg'); background-size: cover; background-repeat: no-repeat; } .background-texture-goldfields-esperance-sea-1 { background-image: url('/img/textures/goldfields-esperance-texture-sea-1.jpg'); background-size: cover; background-repeat: no-repeat; } .background-texture-goldfields-esperance-sea-2 { background-image: url('/img/textures/goldfields-esperance-texture-sea-2.jpg'); background-size: cover; background-repeat: no-repeat; } .background-texture-kimberley-desert-1 { background-image: url('/img/textures/kimberley-texture-desert-1.jpg'); background-size: cover; background-repeat: no-repeat; } .background-texture-kimberley-desert-2 { background-image: url('/img/textures/kimberley-texture-desert-2.jpg'); background-size: cover; background-repeat: no-repeat; } .background-texture-goldfields-esperance-sky { background-image: url('/img/textures/goldfields-esperance-texture-sky.jpg'); background-size: cover; background-repeat: no-repeat; } .background-texture-footer { background-image: url('/img/textures/footer-texture.jpg'); background-size: cover; background-repeat: no-repeat; } .background-texture-pilbara-bush-green { background-image: url('/img/textures/pilbara-texture-bush-green.jpg'); background-size: cover; background-repeat: no-repeat; } .edge-clip-top__one { -webkit-mask-image: url('/svg/wavy/edge-mask.svg'), linear-gradient(#000, #fff); mask-image: url('/svg/wavy/edge-mask.svg'), linear-gradient(#000, #fff); } .edge-clip-top__two { -webkit-mask-image: url('/svg/wavy/edge-mask-two.svg'), linear-gradient(#000, #fff); mask-image: url('/svg/wavy/edge-mask-two.svg'), linear-gradient(#000, #fff); } .edge-clip-top__three { -webkit-mask-image: url('/svg/wavy/edge-mask-three.svg'), linear-gradient(#000, #fff); mask-image: url('/svg/wavy/edge-mask-three.svg'), linear-gradient(#000, #fff); } .edge-clip-top__four { -webkit-mask-image: url('/svg/wavy/edge-mask-four.svg'), linear-gradient(#000, #fff); mask-image: url('/svg/wavy/edge-mask-four.svg'), linear-gradient(#000, #fff); } @font-face { font-family: 'Beausite'; src: url('/font/BeausiteClassic-Light.eot'); src: url('/font/BeausiteClassic-Light.eot?#iefix') format('embedded-opentype'), url('/font/BeausiteClassic-Light.woff2') format('woff2'), url('/font/BeausiteClassic-Light.woff') format('woff'), url('/font/BeausiteClassic-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Beausite'; src: url('/font/BeausiteClassic-Regular.eot'); src: url('/font/BeausiteClassic-Regular.eot?#iefix') format('embedded-opentype'), url('/font/BeausiteClassic-Regular.woff2') format('woff2'), url('/font/BeausiteClassic-Regular.woff') format('woff'), url('/font/BeausiteClassic-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Beausite'; src: url('/font/BeausiteClassic-Medium.eot'); src: url('/font/BeausiteClassic-Medium.eot?#iefix') format('embedded-opentype'), url('/font/BeausiteClassic-Medium.woff2') format('woff2'), url('/font/BeausiteClassic-Medium.woff') format('woff'), url('/font/BeausiteClassic-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Beausite'; src: url('/font/BeausiteClassic-Semibold.eot'); src: url('/font/BeausiteClassic-Semibold.eot?#iefix') format('embedded-opentype'), url('/font/BeausiteClassic-Semibold.woff2') format('woff2'), url('/font/BeausiteClassic-Semibold.woff') format('woff'), url('/font/BeausiteClassic-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Beausite'; src: url('/font/BeausiteClassic-Bold.eot'); src: url('/font/BeausiteClassic-Bold.eot?#iefix') format('embedded-opentype'), url('/font/BeausiteClassic-Bold.woff2') format('woff2'), url('/font/BeausiteClassic-Bold.woff') format('woff'), url('/font/BeausiteClassic-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Beausite'; src: url('/font/BeausiteClassic-Black.eot'); src: url('/font/BeausiteClassic-Black.eot?#iefix') format('embedded-opentype'), url('/font/BeausiteClassic-Black.woff2') format('woff2'), url('/font/BeausiteClassic-Black.woff') format('woff'), url('/font/BeausiteClassic-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } .hp-manage-alerts-block ul, .hp-main-nav-container .hp-main-nav > ul, .hp-utility-nav-container .utility-nav ul { list-style: none; padding: 0; margin: 0; } .hp-main-nav-search .hp-main-nav-search__overlay, .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav-overlay { flex-grow: 1; background-color: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } .uppercase { text-transform: uppercase; } .uppercase::-moz-placeholder { text-transform: none; } .uppercase::placeholder { text-transform: none; } /*! UIkit 3.14.3 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */ html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 16px; font-weight: normal; line-height: 1.5; -webkit-text-size-adjust: 100%; background: #fff; color: #666; } body { margin: 0; } a, .uk-link { color: #1e87f0; text-decoration: none; cursor: pointer; } a:hover, .uk-link:hover, .uk-link-toggle:hover .uk-link { color: #0f6ecd; text-decoration: underline; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; -webkit-text-decoration-style: dotted; } b, strong { font-weight: bolder; } :not(pre) > code, :not(pre) > kbd, :not(pre) > samp { font-family: Consolas, monaco, monospace; font-size: 0.875rem; color: #f0506e; white-space: nowrap; padding: 2px 6px; background: #f8f8f8; } em { color: #f0506e; } ins { background: #ffd; color: #666; text-decoration: none; } mark { background: #ffd; color: #666; } q { font-style: italic; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } canvas, img, svg, video { max-width: 100%; height: auto; box-sizing: border-box; } img:not([src]) { visibility: hidden; min-width: 1px; } iframe { border: 0; } p, ul, ol, dl, pre, address, fieldset, figure { margin: 0 0 20px 0; } * + p, * + ul, * + ol, * + dl, * + pre, * + address, * + fieldset, * + figure { margin-top: 20px; } h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6, .uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge { margin: 0 0 20px 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-weight: normal; color: #333; text-transform: none; } * + h1, * + .uk-h1, * + h2, * + .uk-h2, * + h3, * + .uk-h3, * + h4, * + .uk-h4, * + h5, * + .uk-h5, * + h6, * + .uk-h6, * + .uk-heading-small, * + .uk-heading-medium, * + .uk-heading-large, * + .uk-heading-xlarge, * + .uk-heading-2xlarge { margin-top: 40px; } h1, .uk-h1 { font-size: 2.23125rem; line-height: 1.2; } h2, .uk-h2 { font-size: 1.7rem; line-height: 1.3; } h3, .uk-h3 { font-size: 1.5rem; line-height: 1.4; } h4, .uk-h4 { font-size: 1.25rem; line-height: 1.4; } h5, .uk-h5 { font-size: 16px; line-height: 1.4; } h6, .uk-h6 { font-size: 0.875rem; line-height: 1.4; } @media (min-width: 960px) { h1, .uk-h1 { font-size: 2.625rem; } h2, .uk-h2 { font-size: 2rem; } } ul, ol { padding-left: 30px; } ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul { margin: 0; } dt { font-weight: bold; } dd { margin-left: 0; } hr, .uk-hr { overflow: visible; text-align: inherit; margin: 0 0 20px 0; border: 0; border-top: 1px solid #e5e5e5; } * + hr, * + .uk-hr { margin-top: 20px; } address { font-style: normal; } blockquote { margin: 0 0 20px 0; font-size: 1.25rem; line-height: 1.5; font-style: italic; color: #333; } * + blockquote { margin-top: 20px; } blockquote p:last-of-type { margin-bottom: 0; } blockquote footer { margin-top: 10px; font-size: 0.875rem; line-height: 1.5; color: #666; } blockquote footer::before { content: '— '; } pre { font: 0.875rem/1.5 Consolas, monaco, monospace; color: #666; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; overflow: auto; padding: 10px; border: 1px solid #e5e5e5; border-radius: 3px; background: #fff; } pre code { font-family: Consolas, monaco, monospace; } :focus { outline: none; } :focus-visible { outline: 2px dotted #333; } ::-moz-selection { background: #39f; color: #fff; text-shadow: none; } ::selection { background: #39f; color: #fff; text-shadow: none; } details, main { display: block; } summary { display: list-item; } template { display: none; } :root { --uk-breakpoint-s: 640px; --uk-breakpoint-m: 960px; --uk-breakpoint-l: 1200px; --uk-breakpoint-xl: 1600px; } a.uk-link-muted, .uk-link-muted a, .uk-link-toggle .uk-link-muted { color: #999; } a.uk-link-muted:hover, .uk-link-muted a:hover, .uk-link-toggle:hover .uk-link-muted { color: #666; } a.uk-link-text, .uk-link-text a, .uk-link-toggle .uk-link-text { color: inherit; } a.uk-link-text:hover, .uk-link-text a:hover, .uk-link-toggle:hover .uk-link-text { color: #999; } a.uk-link-heading, .uk-link-heading a, .uk-link-toggle .uk-link-heading { color: inherit; } a.uk-link-heading:hover, .uk-link-heading a:hover, .uk-link-toggle:hover .uk-link-heading { color: #1e87f0; text-decoration: none; } a.uk-link-reset, .uk-link-reset a { color: inherit !important; text-decoration: none !important; } .uk-link-toggle { color: inherit !important; text-decoration: none !important; } .uk-heading-small { font-size: 2.6rem; line-height: 1.2; } .uk-heading-medium { font-size: 2.8875rem; line-height: 1.1; } .uk-heading-large { font-size: 3.4rem; line-height: 1.1; } .uk-heading-xlarge { font-size: 4rem; line-height: 1; } .uk-heading-2xlarge { font-size: 6rem; line-height: 1; } @media (min-width: 960px) { .uk-heading-small { font-size: 3.25rem; } .uk-heading-medium { font-size: 3.5rem; } .uk-heading-large { font-size: 4rem; } .uk-heading-xlarge { font-size: 6rem; } .uk-heading-2xlarge { font-size: 8rem; } } @media (min-width: 1200px) { .uk-heading-medium { font-size: 4rem; } .uk-heading-large { font-size: 6rem; } .uk-heading-xlarge { font-size: 8rem; } .uk-heading-2xlarge { font-size: 11rem; } } .uk-heading-divider { padding-bottom: calc(5px + 0.1em); border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; } .uk-heading-bullet { position: relative; } .uk-heading-bullet::before { content: ''; display: inline-block; position: relative; top: -0.1em; vertical-align: middle; height: calc(4px + 0.7em); margin-right: calc(5px + 0.2em); border-left: calc(5px + 0.1em) solid #e5e5e5; } .uk-heading-line { overflow: hidden; } .uk-heading-line > * { display: inline-block; position: relative; } .uk-heading-line > ::before, .uk-heading-line > ::after { content: ''; position: absolute; top: calc(50% - (0.2px + 0.05em) / 2); width: 2000px; border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; } .uk-heading-line > ::before { right: 100%; margin-right: calc(5px + 0.3em); } .uk-heading-line > ::after { left: 100%; margin-left: calc(5px + 0.3em); } [class*='uk-divider'] { border: none; margin-bottom: 20px; } * + [class*='uk-divider'] { margin-top: 20px; } .uk-divider-icon { position: relative; height: 20px; background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A'); background-repeat: no-repeat; background-position: 50% 50%; } .uk-divider-icon::before, .uk-divider-icon::after { content: ''; position: absolute; top: 50%; max-width: calc(50% - 25px); border-bottom: 1px solid #e5e5e5; } .uk-divider-icon::before { right: calc(50% + 25px); width: 100%; } .uk-divider-icon::after { left: calc(50% + 25px); width: 100%; } .uk-divider-small { line-height: 0; } .uk-divider-small::after { content: ''; display: inline-block; width: 100px; max-width: 100%; border-top: 1px solid #e5e5e5; vertical-align: top; } .uk-divider-vertical { width: -moz-max-content; width: max-content; height: 100px; margin-left: auto; margin-right: auto; border-left: 1px solid #e5e5e5; } .uk-list { padding: 0; list-style: none; } .uk-list > * > :last-child { margin-bottom: 0; } .uk-list > :nth-child(n + 2), .uk-list > * > ul { margin-top: 10px; } .uk-list-disc > *, .uk-list-circle > *, .uk-list-square > *, .uk-list-decimal > *, .uk-list-hyphen > * { padding-left: 30px; } .uk-list-decimal { counter-reset: decimal; } .uk-list-decimal > * { counter-increment: decimal; } .uk-list-disc > ::before, .uk-list-circle > ::before, .uk-list-square > ::before, .uk-list-decimal > ::before, .uk-list-hyphen > ::before { content: ''; position: relative; left: -30px; width: 30px; height: 1.5em; margin-bottom: -1.5em; display: list-item; list-style-position: inside; text-align: right; } .uk-list-disc > ::before { list-style-type: disc; } .uk-list-circle > ::before { list-style-type: circle; } .uk-list-square > ::before { list-style-type: square; } .uk-list-decimal > ::before { content: counter(decimal, decimal) ' . '; } .uk-list-hyphen > ::before { content: '–  '; } .uk-list-muted > ::before { color: #999 !important; } .uk-list-emphasis > ::before { color: #333 !important; } .uk-list-primary > ::before { color: #1e87f0 !important; } .uk-list-secondary > ::before { color: #222 !important; } .uk-list-bullet > * { padding-left: 30px; } .uk-list-bullet > ::before { content: ''; display: list-item; position: relative; left: -30px; width: 30px; height: 1.5em; margin-bottom: -1.5em; background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: 50% 50%; } .uk-list-divider > :nth-child(n + 2) { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e5e5e5; } .uk-list-striped > * { padding: 10px 10px; } .uk-list-striped > *:nth-of-type(odd) { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .uk-list-striped > :nth-of-type(odd) { background: #f8f8f8; } .uk-list-striped > :nth-child(n + 2) { margin-top: 0; } .uk-list-large > :nth-child(n + 2), .uk-list-large > * > ul { margin-top: 20px; } .uk-list-collapse > :nth-child(n + 2), .uk-list-collapse > * > ul { margin-top: 0; } .uk-list-large.uk-list-divider > :nth-child(n + 2) { margin-top: 20px; padding-top: 20px; } .uk-list-collapse.uk-list-divider > :nth-child(n + 2) { margin-top: 0; padding-top: 0; } .uk-list-large.uk-list-striped > * { padding: 20px 10px; } .uk-list-collapse.uk-list-striped > * { padding-top: 0; padding-bottom: 0; } .uk-list-large.uk-list-striped > :nth-child(n + 2), .uk-list-collapse.uk-list-striped > :nth-child(n + 2) { margin-top: 0; } .uk-description-list > dt { color: #333; font-size: 0.875rem; font-weight: normal; text-transform: uppercase; } .uk-description-list > dt:nth-child(n + 2) { margin-top: 20px; } .uk-description-list-divider > dt:nth-child(n + 2) { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e5e5e5; } .uk-table { border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 20px; } * + .uk-table { margin-top: 20px; } .uk-table th { padding: 16px 12px; text-align: left; vertical-align: bottom; font-size: 0.875rem; font-weight: normal; color: #999; text-transform: uppercase; } .uk-table td { padding: 16px 12px; vertical-align: top; } .uk-table td > :last-child { margin-bottom: 0; } .uk-table tfoot { font-size: 0.875rem; } .uk-table caption { font-size: 0.875rem; text-align: left; color: #999; } .uk-table-middle, .uk-table-middle td { vertical-align: middle !important; } .uk-table-divider > tr:not(:first-child), .uk-table-divider > :not(:first-child) > tr, .uk-table-divider > :first-child > tr:not(:first-child) { border-top: 1px solid #e5e5e5; } .uk-table-striped > tr:nth-of-type(odd), .uk-table-striped tbody tr:nth-of-type(odd) { background: #f8f8f8; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .uk-table-hover > tr:hover, .uk-table-hover tbody tr:hover { background: #ffd; } .uk-table > tr.uk-active, .uk-table tbody tr.uk-active { background: #ffd; } .uk-table-small th, .uk-table-small td { padding: 10px 12px; } .uk-table-large th, .uk-table-large td { padding: 22px 12px; } .uk-table-justify th:first-child, .uk-table-justify td:first-child { padding-left: 0; } .uk-table-justify th:last-child, .uk-table-justify td:last-child { padding-right: 0; } .uk-table-shrink { width: 1px; } .uk-table-expand { min-width: 150px; } .uk-table-link { padding: 0 !important; } .uk-table-link > a { display: block; padding: 16px 12px; } .uk-table-small .uk-table-link > a { padding: 10px 12px; } @media (max-width: 959px) { .uk-table-responsive, .uk-table-responsive tbody, .uk-table-responsive th, .uk-table-responsive td, .uk-table-responsive tr { display: block; } .uk-table-responsive thead { display: none; } .uk-table-responsive th, .uk-table-responsive td { width: auto !important; max-width: none !important; min-width: 0 !important; overflow: visible !important; white-space: normal !important; } .uk-table-responsive th:not(:first-child):not(.uk-table-link), .uk-table-responsive td:not(:first-child):not(.uk-table-link), .uk-table-responsive .uk-table-link:not(:first-child) > a { padding-top: 5px !important; } .uk-table-responsive th:not(:last-child):not(.uk-table-link), .uk-table-responsive td:not(:last-child):not(.uk-table-link), .uk-table-responsive .uk-table-link:not(:last-child) > a { padding-bottom: 5px !important; } .uk-table-justify.uk-table-responsive th, .uk-table-justify.uk-table-responsive td { padding-left: 0; padding-right: 0; } } .uk-table tbody tr { transition: background-color 0.1s linear; } .uk-table-striped > tr:nth-of-type(even):last-child, .uk-table-striped tbody tr:nth-of-type(even):last-child { border-bottom: 1px solid #e5e5e5; } .uk-icon { margin: 0; border: none; border-radius: 0; overflow: visible; font: inherit; color: inherit; text-transform: none; padding: 0; background-color: transparent; display: inline-block; fill: currentcolor; line-height: 0; } button.uk-icon:not(:disabled) { cursor: pointer; } .uk-icon::-moz-focus-inner { border: 0; padding: 0; } .uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill: currentcolor; } .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke: currentcolor; } .uk-icon > * { transform: translate(0, 0); } .uk-icon-image { width: 20px; height: 20px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; vertical-align: middle; -o-object-fit: scale-down; object-fit: scale-down; max-width: none; } .uk-icon-link { color: #999; text-decoration: none !important; } .uk-icon-link:hover { color: #666; } .uk-icon-link:active, .uk-active > .uk-icon-link { color: #595959; } .uk-icon-button { box-sizing: border-box; width: 36px; height: 36px; border-radius: 500px; background: #f8f8f8; color: #999; vertical-align: middle; display: inline-flex; justify-content: center; align-items: center; transition: 0.1s ease-in-out; transition-property: color, background-color; } .uk-icon-button:hover { background-color: #ebebeb; color: #666; } .uk-icon-button:active, .uk-active > .uk-icon-button { background-color: #dfdfdf; color: #666; } .uk-range { -webkit-appearance: none; box-sizing: border-box; margin: 0; vertical-align: middle; max-width: 100%; width: 100%; background: transparent; } .uk-range:focus { outline: none; } .uk-range::-moz-focus-outer { border: none; } .uk-range:not(:disabled)::-webkit-slider-thumb { cursor: pointer; } .uk-range:not(:disabled)::-moz-range-thumb { cursor: pointer; } .uk-range::-webkit-slider-runnable-track { height: 3px; background: #ebebeb; border-radius: 500px; } .uk-range:focus::-webkit-slider-runnable-track, .uk-range:active::-webkit-slider-runnable-track { background: #dedede; } .uk-range::-moz-range-track { height: 3px; background: #ebebeb; border-radius: 500px; } .uk-range:focus::-moz-range-track { background: #dedede; } .uk-range::-webkit-slider-thumb { -webkit-appearance: none; margin-top: -7px; height: 15px; width: 15px; border-radius: 500px; background: #fff; border: 1px solid #ccc; } .uk-range::-moz-range-thumb { border: none; height: 15px; width: 15px; margin-top: -7px; border-radius: 500px; background: #fff; border: 1px solid #ccc; } .uk-input, .uk-select, .uk-textarea, .uk-radio, .uk-checkbox { box-sizing: border-box; margin: 0; border-radius: 0; font: inherit; } .uk-input { overflow: visible; } .uk-select { text-transform: none; } .uk-select optgroup { font: inherit; font-weight: bold; } .uk-textarea { overflow: auto; } .uk-input[type='search']::-webkit-search-cancel-button, .uk-input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } .uk-input[type='number']::-webkit-inner-spin-button, .uk-input[type='number']::-webkit-outer-spin-button { height: auto; } .uk-input::-moz-placeholder, .uk-textarea::-moz-placeholder { opacity: 1; } .uk-radio:not(:disabled), .uk-checkbox:not(:disabled) { cursor: pointer; } .uk-fieldset { border: none; margin: 0; padding: 0; } .uk-input, .uk-textarea { -webkit-appearance: none; } .uk-input, .uk-select, .uk-textarea { max-width: 100%; width: 100%; border: 0 none; padding: 0 10px; background: #fff; color: #666; border: 1px solid #e5e5e5; transition: 0.2s ease-in-out; transition-property: color, background-color, border; } .uk-input, .uk-select:not([multiple]):not([size]) { height: 40px; vertical-align: middle; display: inline-block; } .uk-input:not(input), .uk-select:not(select) { line-height: 38px; } .uk-select[multiple], .uk-select[size], .uk-textarea { padding-top: 6px; padding-bottom: 6px; vertical-align: top; } .uk-select[multiple], .uk-select[size] { resize: vertical; } .uk-input:focus, .uk-select:focus, .uk-textarea:focus { outline: none; background-color: #fff; color: #666; border-color: #1e87f0; } .uk-input:disabled, .uk-select:disabled, .uk-textarea:disabled { background-color: #f8f8f8; color: #999; border-color: #e5e5e5; } .uk-input::-moz-placeholder { color: #999; } .uk-input::placeholder { color: #999; } .uk-textarea::-moz-placeholder { color: #999; } .uk-textarea::placeholder { color: #999; } .uk-form-small { font-size: 0.875rem; } .uk-form-small:not(textarea):not([multiple]):not([size]) { height: 30px; padding-left: 8px; padding-right: 8px; } textarea.uk-form-small, [multiple].uk-form-small, [size].uk-form-small { padding: 5px 8px; } .uk-form-small:not(select):not(input):not(textarea) { line-height: 28px; } .uk-form-large { font-size: 1.25rem; } .uk-form-large:not(textarea):not([multiple]):not([size]) { height: 55px; padding-left: 12px; padding-right: 12px; } textarea.uk-form-large, [multiple].uk-form-large, [size].uk-form-large { padding: 7px 12px; } .uk-form-large:not(select):not(input):not(textarea) { line-height: 53px; } .uk-form-danger, .uk-form-danger:focus { color: #f0506e; border-color: #f0506e; } .uk-form-success, .uk-form-success:focus { color: #32d296; border-color: #32d296; } .uk-form-blank { background: none; border-color: transparent; } .uk-form-blank:focus { border-color: #e5e5e5; border-style: solid; } input.uk-form-width-xsmall { width: 50px; } select.uk-form-width-xsmall { width: 75px; } .uk-form-width-small { width: 130px; } .uk-form-width-medium { width: 200px; } .uk-form-width-large { width: 500px; } .uk-select:not([multiple]):not([size]) { -webkit-appearance: none; -moz-appearance: none; padding-right: 20px; background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A'); background-repeat: no-repeat; background-position: 100% 50%; } .uk-select:not([multiple]):not([size]) option { color: #666; } .uk-select:not([multiple]):not([size]):disabled { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A'); } .uk-input[list] { padding-right: 20px; background-repeat: no-repeat; background-position: 100% 50%; } .uk-input[list]:hover, .uk-input[list]:focus { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A'); } .uk-input[list]::-webkit-calendar-picker-indicator { display: none !important; } .uk-radio, .uk-checkbox { display: inline-block; height: 16px; width: 16px; overflow: hidden; margin-top: -4px; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #ccc; transition: 0.2s ease-in-out; transition-property: background-color, border; } .uk-radio { border-radius: 50%; } .uk-radio:focus, .uk-checkbox:focus { background-color: rgba(0, 0, 0, 0); outline: none; border-color: #1e87f0; } .uk-radio:checked, .uk-checkbox:checked, .uk-checkbox:indeterminate { background-color: #1e87f0; border-color: transparent; } .uk-radio:checked:focus, .uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus { background-color: #0e6dcd; } .uk-radio:checked { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E'); } .uk-checkbox:checked { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A'); } .uk-checkbox:indeterminate { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E'); } .uk-radio:disabled, .uk-checkbox:disabled { background-color: #f8f8f8; border-color: #e5e5e5; } .uk-radio:disabled:checked { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E'); } .uk-checkbox:disabled:checked { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A'); } .uk-checkbox:disabled:indeterminate { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E'); } .uk-legend { width: 100%; color: inherit; padding: 0; font-size: 1.5rem; line-height: 1.4; } .uk-form-custom { display: inline-block; position: relative; max-width: 100%; vertical-align: middle; } .uk-form-custom select, .uk-form-custom input[type='file'] { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; left: 0; -webkit-appearance: none; opacity: 0; cursor: pointer; } .uk-form-custom input[type='file'] { font-size: 500px; overflow: hidden; } .uk-form-label { color: #333; font-size: 0.875rem; } .uk-form-stacked .uk-form-label { display: block; margin-bottom: 5px; } @media (max-width: 959px) { .uk-form-horizontal .uk-form-label { display: block; margin-bottom: 5px; } } @media (min-width: 960px) { .uk-form-horizontal .uk-form-label { width: 200px; margin-top: 7px; float: left; } .uk-form-horizontal .uk-form-controls { margin-left: 215px; } .uk-form-horizontal .uk-form-controls-text { padding-top: 7px; } } .uk-form-icon { position: absolute; top: 0; bottom: 0; left: 0; width: 40px; display: inline-flex; justify-content: center; align-items: center; color: #999; } .uk-form-icon:hover { color: #666; } .uk-form-icon:not(a):not(button):not(input) { pointer-events: none; } .uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input { padding-left: 40px !important; } .uk-form-icon-flip { right: 0; left: auto; } .uk-form-icon-flip ~ .uk-input { padding-right: 40px !important; } .uk-button, .FormButton, form input[type='reset'], form button.FormSubmitButton, .Form__NavigationBar .btnPrev, .Form__NavigationBar .btnNext { margin: 0; border: none; overflow: visible; font: inherit; color: inherit; text-transform: none; -webkit-appearance: none; border-radius: 0; display: inline-block; box-sizing: border-box; padding: 0 30px; vertical-align: middle; font-size: 0.875rem; line-height: 38px; text-align: center; text-decoration: none; text-transform: uppercase; transition: 0.1s ease-in-out; transition-property: color, background-color, border-color; } .uk-button:not(:disabled), .FormButton:not(:disabled), form input[type='reset']:not(:disabled), form button.FormSubmitButton:not(:disabled), .Form__NavigationBar .btnPrev:not(:disabled), .Form__NavigationBar .btnNext:not(:disabled) { cursor: pointer; } .uk-button::-moz-focus-inner, .FormButton::-moz-focus-inner, form input[type='reset']::-moz-focus-inner, form button.FormSubmitButton::-moz-focus-inner, .Form__NavigationBar .btnPrev::-moz-focus-inner, .Form__NavigationBar .btnNext::-moz-focus-inner { border: 0; padding: 0; } .uk-button:hover, .FormButton:hover, form input[type='reset']:hover, form button.FormSubmitButton:hover, .Form__NavigationBar .btnPrev:hover, .Form__NavigationBar .btnNext:hover { text-decoration: none; } .uk-button-default { background-color: transparent; color: #333; border: 1px solid #e5e5e5; } .uk-button-default:hover { background-color: transparent; color: #333; border-color: #b2b2b2; } .uk-button-default:active, .uk-button-default.uk-active { background-color: transparent; color: #333; border-color: #999; } .uk-button-primary { background-color: #1e87f0; color: #fff; border: 1px solid transparent; } .uk-button-primary:hover { background-color: #0f7ae5; color: #fff; } .uk-button-primary:active, .uk-button-primary.uk-active { background-color: #0e6dcd; color: #fff; } .uk-button-secondary { background-color: #222; color: #fff; border: 1px solid transparent; } .uk-button-secondary:hover { background-color: #151515; color: #fff; } .uk-button-secondary:active, .uk-button-secondary.uk-active { background-color: #080808; color: #fff; } .uk-button-danger { background-color: #f0506e; color: #fff; border: 1px solid transparent; } .uk-button-danger:hover { background-color: #ee395b; color: #fff; } .uk-button-danger:active, .uk-button-danger.uk-active { background-color: #ec2147; color: #fff; } .uk-button-default:disabled, .uk-button-primary:disabled, .uk-button-secondary:disabled, .uk-button-danger:disabled { background-color: transparent; color: #999; border-color: #e5e5e5; } .uk-button-small { padding: 0 15px; line-height: 28px; font-size: 0.875rem; } .uk-button-large { padding: 0 40px; line-height: 53px; font-size: 0.875rem; } .uk-button-text { padding: 0; line-height: 1.5; background: none; color: #333; position: relative; } .uk-button-text::before { content: ''; position: absolute; bottom: 0; left: 0; right: 100%; border-bottom: 1px solid #333; transition: right 0.3s ease-out; } .uk-button-text:hover { color: #333; } .uk-button-text:hover::before { right: 0; } .uk-button-text:disabled { color: #999; } .uk-button-text:disabled::before { display: none; } .uk-button-link { padding: 0; line-height: 1.5; background: none; color: #333; } .uk-button-link:hover { color: #999; text-decoration: none; } .uk-button-link:disabled { color: #999; text-decoration: none; } .uk-button-group { display: inline-flex; vertical-align: middle; position: relative; } .uk-button-group > .uk-button:nth-child(n + 2), .uk-button-group > .FormButton:nth-child(n + 2), form .uk-button-group > input[type='reset']:nth-child(n + 2), form .uk-button-group > button.FormSubmitButton:nth-child(n + 2), .Form__NavigationBar .uk-button-group > .btnPrev:nth-child(n + 2), .Form__NavigationBar .uk-button-group > .btnNext:nth-child(n + 2), .uk-button-group > div:nth-child(n + 2) .uk-button, .uk-button-group > div:nth-child(n + 2) .FormButton, .uk-button-group > div:nth-child(n + 2) form input[type='reset'], form .uk-button-group > div:nth-child(n + 2) input[type='reset'], .uk-button-group > div:nth-child(n + 2) form button.FormSubmitButton, form .uk-button-group > div:nth-child(n + 2) button.FormSubmitButton, .uk-button-group > div:nth-child(n + 2) .Form__NavigationBar .btnPrev, .Form__NavigationBar .uk-button-group > div:nth-child(n + 2) .btnPrev, .uk-button-group > div:nth-child(n + 2) .Form__NavigationBar .btnNext, .Form__NavigationBar .uk-button-group > div:nth-child(n + 2) .btnNext { margin-left: -1px; } .uk-button-group .uk-button:hover, .uk-button-group .FormButton:hover, .uk-button-group form input[type='reset']:hover, form .uk-button-group input[type='reset']:hover, .uk-button-group form button.FormSubmitButton:hover, form .uk-button-group button.FormSubmitButton:hover, .uk-button-group .Form__NavigationBar .btnPrev:hover, .Form__NavigationBar .uk-button-group .btnPrev:hover, .uk-button-group .Form__NavigationBar .btnNext:hover, .Form__NavigationBar .uk-button-group .btnNext:hover, .uk-button-group .uk-button:active, .uk-button-group .FormButton:active, .uk-button-group form input[type='reset']:active, form .uk-button-group input[type='reset']:active, .uk-button-group form button.FormSubmitButton:active, form .uk-button-group button.FormSubmitButton:active, .uk-button-group .Form__NavigationBar .btnPrev:active, .Form__NavigationBar .uk-button-group .btnPrev:active, .uk-button-group .Form__NavigationBar .btnNext:active, .Form__NavigationBar .uk-button-group .btnNext:active, .uk-button-group .uk-button.uk-active, .uk-button-group .uk-active.FormButton, .uk-button-group form input.uk-active[type='reset'], form .uk-button-group input.uk-active[type='reset'], .uk-button-group form button.uk-active.FormSubmitButton, form .uk-button-group button.uk-active.FormSubmitButton, .uk-button-group .Form__NavigationBar .uk-active.btnPrev, .Form__NavigationBar .uk-button-group .uk-active.btnPrev, .uk-button-group .Form__NavigationBar .uk-active.btnNext, .Form__NavigationBar .uk-button-group .uk-active.btnNext { position: relative; z-index: 1; } .uk-progress { vertical-align: baseline; display: block; width: 100%; border: 0; background-color: #f8f8f8; margin-bottom: 20px; height: 15px; border-radius: 500px; overflow: hidden; } * + .uk-progress { margin-top: 20px; } .uk-progress::-webkit-progress-bar { background-color: transparent; } .uk-progress::-webkit-progress-value { background-color: #1e87f0; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .uk-progress::-moz-progress-bar { background-color: #1e87f0; -moz-transition: width 0.6s ease; transition: width 0.6s ease; } .uk-section { display: flow-root; box-sizing: border-box; padding-top: 40px; padding-bottom: 40px; } @media (min-width: 960px) { .uk-section { padding-top: 70px; padding-bottom: 70px; } } .uk-section > :last-child { margin-bottom: 0; } .uk-section-xsmall { padding-top: 20px; padding-bottom: 20px; } .uk-section-small { padding-top: 40px; padding-bottom: 40px; } .uk-section-large { padding-top: 70px; padding-bottom: 70px; } @media (min-width: 960px) { .uk-section-large { padding-top: 140px; padding-bottom: 140px; } } .uk-section-xlarge { padding-top: 140px; padding-bottom: 140px; } @media (min-width: 960px) { .uk-section-xlarge { padding-top: 210px; padding-bottom: 210px; } } .uk-section-default { background: #fff; } .uk-section-muted { background: #f8f8f8; } .uk-section-primary { background: #1e87f0; } .uk-section-secondary { background: #222; } .uk-container { display: flow-root; box-sizing: content-box; max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 640px) { .uk-container { padding-left: 30px; padding-right: 30px; } } @media (min-width: 960px) { .uk-container { padding-left: 40px; padding-right: 40px; } } .uk-container > :last-child { margin-bottom: 0; } .uk-container .uk-container { padding-left: 0; padding-right: 0; } .uk-container-xsmall { max-width: 750px; } .uk-container-small { max-width: 900px; } .uk-container-large { max-width: 1400px; } .uk-container-xlarge { max-width: 1600px; } .uk-container-expand { max-width: none; } .uk-container-expand-left { margin-left: 0; } .uk-container-expand-right { margin-right: 0; } @media (min-width: 640px) { .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall { max-width: calc(50% + 375px - 30px); } .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small { max-width: calc(50% + 450px - 30px); } } @media (min-width: 960px) { .uk-container-expand-left, .uk-container-expand-right { max-width: calc(50% + 600px - 40px); } .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall { max-width: calc(50% + 375px - 40px); } .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small { max-width: calc(50% + 450px - 40px); } .uk-container-expand-left.uk-container-large, .uk-container-expand-right.uk-container-large { max-width: calc(50% + 700px - 40px); } .uk-container-expand-left.uk-container-xlarge, .uk-container-expand-right.uk-container-xlarge { max-width: calc(50% + 800px - 40px); } } .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right { width: calc(100% + 15px); } .uk-container-item-padding-remove-left { margin-left: -15px; } .uk-container-item-padding-remove-right { margin-right: -15px; } @media (min-width: 640px) { .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right { width: calc(100% + 30px); } .uk-container-item-padding-remove-left { margin-left: -30px; } .uk-container-item-padding-remove-right { margin-right: -30px; } } @media (min-width: 960px) { .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right { width: calc(100% + 40px); } .uk-container-item-padding-remove-left { margin-left: -40px; } .uk-container-item-padding-remove-right { margin-right: -40px; } } .uk-tile { display: flow-root; position: relative; box-sizing: border-box; padding-left: 15px; padding-right: 15px; padding-top: 40px; padding-bottom: 40px; } @media (min-width: 640px) { .uk-tile { padding-left: 30px; padding-right: 30px; } } @media (min-width: 960px) { .uk-tile { padding-left: 40px; padding-right: 40px; padding-top: 70px; padding-bottom: 70px; } } .uk-tile > :last-child { margin-bottom: 0; } .uk-tile-xsmall { padding-top: 20px; padding-bottom: 20px; } .uk-tile-small { padding-top: 40px; padding-bottom: 40px; } .uk-tile-large { padding-top: 70px; padding-bottom: 70px; } @media (min-width: 960px) { .uk-tile-large { padding-top: 140px; padding-bottom: 140px; } } .uk-tile-xlarge { padding-top: 140px; padding-bottom: 140px; } @media (min-width: 960px) { .uk-tile-xlarge { padding-top: 210px; padding-bottom: 210px; } } .uk-tile-default { background-color: #fff; } .uk-tile-muted { background-color: #f8f8f8; } .uk-tile-primary { background-color: #1e87f0; } .uk-tile-secondary { background-color: #222; } .uk-card { position: relative; box-sizing: border-box; transition: box-shadow 0.1s ease-in-out; } .uk-card-body { display: flow-root; padding: 30px 30px; } .uk-card-header { display: flow-root; padding: 15px 30px; } .uk-card-footer { display: flow-root; padding: 15px 30px; } @media (min-width: 1200px) { .uk-card-body { padding: 40px 40px; } .uk-card-header { padding: 20px 40px; } .uk-card-footer { padding: 20px 40px; } } .uk-card-body > :last-child, .uk-card-header > :last-child, .uk-card-footer > :last-child { margin-bottom: 0; } .uk-card-title { font-size: 1.5rem; line-height: 1.4; } .uk-card-badge { position: absolute; top: 15px; right: 15px; z-index: 1; height: 22px; padding: 0 10px; background: #1e87f0; color: #fff; font-size: 0.875rem; display: flex; justify-content: center; align-items: center; line-height: 0; border-radius: 2px; text-transform: uppercase; } .uk-card-badge:first-child + * { margin-top: 0; } .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { background-color: #fff; box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } .uk-card-default { background-color: #fff; color: #666; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } .uk-card-default .uk-card-title { color: #333; } .uk-card-default.uk-card-hover:hover { background-color: #fff; box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } .uk-card-default .uk-card-header { border-bottom: 1px solid #e5e5e5; } .uk-card-default .uk-card-footer { border-top: 1px solid #e5e5e5; } .uk-card-primary { background-color: #1e87f0; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } .uk-card-primary .uk-card-title { color: #fff; } .uk-card-primary.uk-card-hover:hover { background-color: #1e87f0; box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } .uk-card-secondary { background-color: #222; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } .uk-card-secondary .uk-card-title { color: #fff; } .uk-card-secondary.uk-card-hover:hover { background-color: #222; box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } .uk-card-small.uk-card-body, .uk-card-small .uk-card-body { padding: 20px 20px; } .uk-card-small .uk-card-header { padding: 13px 20px; } .uk-card-small .uk-card-footer { padding: 13px 20px; } @media (min-width: 1200px) { .uk-card-large.uk-card-body, .uk-card-large .uk-card-body { padding: 70px 70px; } .uk-card-large .uk-card-header { padding: 35px 70px; } .uk-card-large .uk-card-footer { padding: 35px 70px; } } .uk-card-body > .uk-nav-default { margin-left: -30px; margin-right: -30px; } .uk-card-body > .uk-nav-default:only-child { margin-top: -15px; margin-bottom: -15px; } .uk-card-body > .uk-nav-default > li > a, .uk-card-body > .uk-nav-default .uk-nav-header, .uk-card-body > .uk-nav-default .uk-nav-divider { padding-left: 30px; padding-right: 30px; } .uk-card-body > .uk-nav-default .uk-nav-sub { padding-left: 45px; } @media (min-width: 1200px) { .uk-card-body > .uk-nav-default { margin-left: -40px; margin-right: -40px; } .uk-card-body > .uk-nav-default:only-child { margin-top: -25px; margin-bottom: -25px; } .uk-card-body > .uk-nav-default > li > a, .uk-card-body > .uk-nav-default .uk-nav-header, .uk-card-body > .uk-nav-default .uk-nav-divider { padding-left: 40px; padding-right: 40px; } .uk-card-body > .uk-nav-default .uk-nav-sub { padding-left: 55px; } } .uk-card-small > .uk-nav-default { margin-left: -20px; margin-right: -20px; } .uk-card-small > .uk-nav-default:only-child { margin-top: -5px; margin-bottom: -5px; } .uk-card-small > .uk-nav-default > li > a, .uk-card-small > .uk-nav-default .uk-nav-header, .uk-card-small > .uk-nav-default .uk-nav-divider { padding-left: 20px; padding-right: 20px; } .uk-card-small > .uk-nav-default .uk-nav-sub { padding-left: 35px; } @media (min-width: 1200px) { .uk-card-large > .uk-nav-default { margin: 0; } .uk-card-large > .uk-nav-default:only-child { margin: 0; } .uk-card-large > .uk-nav-default > li > a, .uk-card-large > .uk-nav-default .uk-nav-header, .uk-card-large > .uk-nav-default .uk-nav-divider { padding-left: 0; padding-right: 0; } .uk-card-large > .uk-nav-default .uk-nav-sub { padding-left: 15px; } } .uk-close { color: #999; transition: 0.1s ease-in-out; transition-property: color, opacity; } .uk-close:hover { color: #666; } .uk-spinner > * { animation: uk-spinner-rotate 1.4s linear infinite; } @keyframes uk-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .uk-spinner > * > * { stroke-dasharray: 88px; stroke-dashoffset: 0; transform-origin: center; animation: uk-spinner-dash 1.4s ease-in-out infinite; stroke-width: 1; stroke-linecap: round; } @keyframes uk-spinner-dash { 0% { stroke-dashoffset: 88px; } 50% { stroke-dashoffset: 22px; transform: rotate(135deg); } 100% { stroke-dashoffset: 88px; transform: rotate(450deg); } } .uk-totop { padding: 5px; color: #999; transition: color 0.1s ease-in-out; } .uk-totop:hover { color: #666; } .uk-totop:active { color: #333; } .uk-marker { padding: 5px; background: #222; color: #fff; border-radius: 500px; } .uk-marker:hover { color: #fff; } .uk-alert { position: relative; margin-bottom: 20px; padding: 15px 29px 15px 15px; background: #f8f8f8; color: #666; } * + .uk-alert { margin-top: 20px; } .uk-alert > :last-child { margin-bottom: 0; } .uk-alert-close { position: absolute; top: 20px; right: 15px; color: inherit; opacity: 0.4; } .uk-alert-close:first-child + * { margin-top: 0; } .uk-alert-close:hover { color: inherit; opacity: 0.8; } .uk-alert-primary { background: #d8eafc; color: #1e87f0; } .uk-alert-success { background: #edfbf6; color: #32d296; } .uk-alert-warning { background: #fff6ee; color: #faa05a; } .uk-alert-danger { background: #fef4f6; color: #f0506e; } .uk-alert h1, .uk-alert h2, .uk-alert h3, .uk-alert h4, .uk-alert h5, .uk-alert h6 { color: inherit; } .uk-alert a:not([class]) { color: inherit; text-decoration: underline; } .uk-alert a:not([class]):hover { color: inherit; text-decoration: underline; } .uk-placeholder { margin-bottom: 20px; padding: 30px 30px; background: transparent; border: 1px dashed #e5e5e5; } * + .uk-placeholder { margin-top: 20px; } .uk-placeholder > :last-child { margin-bottom: 0; } .uk-badge { box-sizing: border-box; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 500px; vertical-align: middle; background: #1e87f0; color: #fff !important; font-size: 11px; display: inline-flex; justify-content: center; align-items: center; line-height: 0; } .uk-badge:hover { text-decoration: none; } .uk-label { display: inline-block; padding: 0 10px; background: #1e87f0; line-height: 1.5; font-size: 0.875rem; color: #fff; vertical-align: middle; white-space: nowrap; border-radius: 2px; text-transform: uppercase; } .uk-label-success { background-color: #32d296; color: #fff; } .uk-label-warning { background-color: #faa05a; color: #fff; } .uk-label-danger { background-color: #f0506e; color: #fff; } .uk-overlay { padding: 30px 30px; } .uk-overlay > :last-child { margin-bottom: 0; } .uk-overlay-default { background: rgba(255, 255, 255, 0.8); } .uk-overlay-primary { background: rgba(34, 34, 34, 0.8); } .uk-article { display: flow-root; } .uk-article > :last-child { margin-bottom: 0; } .uk-article + .uk-article { margin-top: 70px; } .uk-article-title { font-size: 2.23125rem; line-height: 1.2; } @media (min-width: 960px) { .uk-article-title { font-size: 2.625rem; } } .uk-article-meta { font-size: 0.875rem; line-height: 1.4; color: #999; } .uk-article-meta a { color: #999; } .uk-article-meta a:hover { color: #666; text-decoration: none; } .uk-comment-body { display: flow-root; overflow-wrap: break-word; word-wrap: break-word; } .uk-comment-header { display: flow-root; margin-bottom: 20px; } .uk-comment-body > :last-child, .uk-comment-header > :last-child { margin-bottom: 0; } .uk-comment-title { font-size: 1.25rem; line-height: 1.4; } .uk-comment-meta { font-size: 0.875rem; line-height: 1.4; color: #999; } .uk-comment-list { padding: 0; list-style: none; } .uk-comment-list > :nth-child(n + 2) { margin-top: 70px; } .uk-comment-list .uk-comment ~ ul { margin: 70px 0 0 0; padding-left: 30px; list-style: none; } @media (min-width: 960px) { .uk-comment-list .uk-comment ~ ul { padding-left: 100px; } } .uk-comment-list .uk-comment ~ ul > :nth-child(n + 2) { margin-top: 70px; } .uk-comment-primary { padding: 30px; background-color: #f8f8f8; } .uk-search { display: inline-block; position: relative; max-width: 100%; margin: 0; } .uk-search-input::-webkit-search-cancel-button, .uk-search-input::-webkit-search-decoration { -webkit-appearance: none; } .uk-search-input::-moz-placeholder { opacity: 1; } .uk-search-input { box-sizing: border-box; margin: 0; border-radius: 0; font: inherit; overflow: visible; -webkit-appearance: none; vertical-align: middle; width: 100%; border: none; color: #666; } .uk-search-input:focus { outline: none; } .uk-search-input::-moz-placeholder { color: #999; } .uk-search-input::placeholder { color: #999; } .uk-search .uk-search-icon { position: absolute; top: 0; bottom: 0; left: 0; display: inline-flex; justify-content: center; align-items: center; color: #999; } .uk-search .uk-search-icon:hover { color: #999; } .uk-search .uk-search-icon:not(a):not(button):not(input) { pointer-events: none; } .uk-search .uk-search-icon-flip { right: 0; left: auto; } .uk-search-default { width: 240px; } .uk-search-default .uk-search-input { height: 40px; padding-left: 10px; padding-right: 10px; background: transparent; border: 1px solid #e5e5e5; } .uk-search-default .uk-search-input:focus { background-color: rgba(0, 0, 0, 0); border-color: #1e87f0; } .uk-search-default .uk-search-icon { width: 40px; } .uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { padding-left: 40px; } .uk-search-default .uk-search-icon-flip ~ .uk-search-input { padding-right: 40px; } .uk-search-navbar { width: 400px; } .uk-search-navbar .uk-search-input { height: 40px; background: transparent; font-size: 1.5rem; } .uk-search-navbar .uk-search-icon { width: 40px; } .uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { padding-left: 40px; } .uk-search-navbar .uk-search-icon-flip ~ .uk-search-input { padding-right: 40px; } .uk-search-large { width: 500px; } .uk-search-large .uk-search-input { height: 80px; background: transparent; font-size: 2.625rem; } .uk-search-large .uk-search-icon { width: 80px; } .uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { padding-left: 80px; } .uk-search-large .uk-search-icon-flip ~ .uk-search-input { padding-right: 80px; } .uk-search-toggle { color: #999; } .uk-search-toggle:hover { color: #666; } .uk-accordion { padding: 0; list-style: none; } .uk-accordion > :nth-child(n + 2) { margin-top: 20px; } .uk-accordion-title { display: block; font-size: 1.25rem; line-height: 1.4; color: #333; overflow: hidden; } .uk-accordion-title::before { content: ''; width: 1.4em; height: 1.4em; margin-left: 10px; float: right; background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: 50% 50%; } .uk-open > .uk-accordion-title::before { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E'); } .uk-accordion-title:hover { color: #666; text-decoration: none; } .uk-accordion-content { display: flow-root; margin-top: 20px; } .uk-accordion-content > :last-child { margin-bottom: 0; } .uk-drop { display: none; position: absolute; z-index: 1020; --uk-position-offset: 20px; --uk-position-viewport-offset: 10; box-sizing: border-box; width: 300px; } .uk-drop.uk-open { display: block; } .uk-drop-stack .uk-drop-grid > * { width: 100% !important; } .uk-dropdown { display: none; position: absolute; z-index: 1020; --uk-position-offset: 10px; --uk-position-viewport-offset: 10; box-sizing: border-box; min-width: 200px; max-width: 100vw; padding: 25px; background: #fff; color: #666; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); } .uk-dropdown.uk-open { display: block; } .uk-dropdown-nav { font-size: 0.875rem; } .uk-dropdown-nav > li > a { color: #999; } .uk-dropdown-nav > li > a:hover, .uk-dropdown-nav > li.uk-active > a { color: #666; } .uk-dropdown-nav .uk-nav-subtitle { font-size: 12px; } .uk-dropdown-nav .uk-nav-header { color: #333; } .uk-dropdown-nav .uk-nav-divider { border-top: 1px solid #e5e5e5; } .uk-dropdown-nav .uk-nav-sub a { color: #999; } .uk-dropdown-nav .uk-nav-sub a:hover, .uk-dropdown-nav .uk-nav-sub li.uk-active > a { color: #666; } .uk-dropdown-stack .uk-dropdown-grid > * { width: 100% !important; } .uk-modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 15px 15px; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: opacity 0.15s linear; } @media (min-width: 640px) { .uk-modal { padding: 50px 30px; } } @media (min-width: 960px) { .uk-modal { padding-left: 40px; padding-right: 40px; } } .uk-modal.uk-open { opacity: 1; } .uk-modal-page { overflow: hidden; } .uk-modal-dialog { position: relative; box-sizing: border-box; margin: 0 auto; width: 600px; max-width: 100% !important; background: #fff; opacity: 0; transform: translateY(-100px); transition: 0.3s linear; transition-property: opacity, transform; } .uk-open > .uk-modal-dialog { opacity: 1; transform: translateY(0); } .uk-modal-container .uk-modal-dialog { width: 1200px; } .uk-modal-full { padding: 0; background: none; } .uk-modal-full .uk-modal-dialog { margin: 0; width: 100%; max-width: 100%; transform: translateY(0); } .uk-modal-body { display: flow-root; padding: 30px 30px; } .uk-modal-header { display: flow-root; padding: 15px 30px; background: #fff; border-bottom: 1px solid #e5e5e5; } .uk-modal-footer { display: flow-root; padding: 15px 30px; background: #fff; border-top: 1px solid #e5e5e5; } .uk-modal-body > :last-child, .uk-modal-header > :last-child, .uk-modal-footer > :last-child { margin-bottom: 0; } .uk-modal-title { font-size: 2rem; line-height: 1.3; } [class*='uk-modal-close-'] { position: absolute; z-index: 1010; top: 10px; right: 10px; padding: 5px; } [class*='uk-modal-close-']:first-child + * { margin-top: 0; } .uk-modal-close-outside { top: 0; right: -5px; transform: translate(0, -100%); color: #fff; } .uk-modal-close-outside:hover { color: #fff; } @media (min-width: 960px) { .uk-modal-close-outside { right: 0; transform: translate(100%, -100%); } } .uk-modal-close-full { top: 0; right: 0; padding: 20px; background: #fff; } .uk-slideshow { -webkit-tap-highlight-color: transparent; } .uk-slideshow-items { position: relative; z-index: 0; margin: 0; padding: 0; list-style: none; overflow: hidden; -webkit-touch-callout: none; touch-action: pan-y; } .uk-slideshow-items > * { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; will-change: transform, opacity; } .uk-slideshow-items > :not(.uk-active) { display: none; } .uk-slider { -webkit-tap-highlight-color: transparent; } .uk-slider-container { overflow: hidden; } .uk-slider-container-offset { margin: -11px -25px -39px -25px; padding: 11px 25px 39px 25px; } .uk-slider-items { will-change: transform; position: relative; touch-action: pan-y; } .uk-slider-items:not(.uk-grid) { display: flex; margin: 0; padding: 0; list-style: none; -webkit-touch-callout: none; } .uk-slider-items.uk-grid { flex-wrap: nowrap; } .uk-slider-items > * { flex: none; max-width: 100%; position: relative; } .uk-sticky { position: relative; box-sizing: border-box; } .uk-sticky-fixed { z-index: 980; margin: 0 !important; backface-visibility: hidden; } .uk-sticky[class*='uk-animation-'] { animation-duration: 0.2s; } .uk-sticky.uk-animation-reverse { animation-duration: 0.2s; } .uk-sticky-placeholder { pointer-events: none; } .uk-offcanvas { display: none; position: fixed; top: 0; bottom: 0; left: 0; z-index: 1000; } .uk-offcanvas-flip .uk-offcanvas { right: 0; left: auto; } .uk-offcanvas-bar { position: absolute; top: 0; bottom: 0; left: -270px; box-sizing: border-box; width: 270px; padding: 20px 20px; background: #222; overflow-y: auto; -webkit-overflow-scrolling: touch; } @media (min-width: 960px) { .uk-offcanvas-bar { left: -350px; width: 350px; padding: 40px 40px; } } .uk-offcanvas-flip .uk-offcanvas-bar { left: auto; right: -270px; } @media (min-width: 960px) { .uk-offcanvas-flip .uk-offcanvas-bar { right: -350px; } } .uk-open > .uk-offcanvas-bar { left: 0; } .uk-offcanvas-flip .uk-open > .uk-offcanvas-bar { left: auto; right: 0; } .uk-offcanvas-bar-animation { transition: left 0.3s ease-out; } .uk-offcanvas-flip .uk-offcanvas-bar-animation { transition-property: right; } .uk-offcanvas-reveal { position: absolute; top: 0; bottom: 0; left: 0; width: 0; overflow: hidden; transition: width 0.3s ease-out; } .uk-offcanvas-reveal .uk-offcanvas-bar { left: 0; } .uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar { left: auto; right: 0; } .uk-open > .uk-offcanvas-reveal { width: 270px; } @media (min-width: 960px) { .uk-open > .uk-offcanvas-reveal { width: 350px; } } .uk-offcanvas-flip .uk-offcanvas-reveal { right: 0; left: auto; } .uk-offcanvas-close { position: absolute; z-index: 1000; top: 5px; right: 5px; padding: 5px; } @media (min-width: 960px) { .uk-offcanvas-close { top: 20px; right: 20px; } } .uk-offcanvas-close:first-child + * { margin-top: 0; } .uk-offcanvas-overlay { width: 100vw; touch-action: none; } .uk-offcanvas-overlay::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.1); opacity: 0; transition: opacity 0.15s linear; } .uk-offcanvas-overlay.uk-open::before { opacity: 1; } .uk-offcanvas-page, .uk-offcanvas-container { overflow-x: hidden; } .uk-offcanvas-container { position: relative; left: 0; transition: left 0.3s ease-out; box-sizing: border-box; width: 100%; } :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { left: 270px; } .uk-offcanvas-flip.uk-offcanvas-container-animation { left: -270px; } @media (min-width: 960px) { :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { left: 350px; } .uk-offcanvas-flip.uk-offcanvas-container-animation { left: -350px; } } .uk-switcher { margin: 0; padding: 0; list-style: none; } .uk-switcher > :not(.uk-active) { display: none; } .uk-switcher > * > :last-child { margin-bottom: 0; } .uk-leader { overflow: hidden; } .uk-leader-fill::after { display: inline-block; margin-left: 15px; width: 0; content: attr(data-fill); white-space: nowrap; } .uk-leader-fill.uk-leader-hide::after { display: none; } :root { --uk-leader-fill-content: '.'; } .uk-notification { position: fixed; top: 10px; left: 10px; z-index: 1040; box-sizing: border-box; width: 350px; } .uk-notification-top-right, .uk-notification-bottom-right { left: auto; right: 10px; } .uk-notification-top-center, .uk-notification-bottom-center { left: 50%; margin-left: -175px; } .uk-notification-bottom-left, .uk-notification-bottom-right, .uk-notification-bottom-center { top: auto; bottom: 10px; } @media (max-width: 639px) { .uk-notification { left: 10px; right: 10px; width: auto; margin: 0; } } .uk-notification-message { position: relative; padding: 15px; background: #f8f8f8; color: #666; font-size: 1.25rem; line-height: 1.4; cursor: pointer; } * + .uk-notification-message { margin-top: 10px; } .uk-notification-close { display: none; position: absolute; top: 20px; right: 15px; } .uk-notification-message:hover .uk-notification-close { display: block; } .uk-notification-message-primary { color: #1e87f0; } .uk-notification-message-success { color: #32d296; } .uk-notification-message-warning { color: #faa05a; } .uk-notification-message-danger { color: #f0506e; } .uk-tooltip { display: none; position: absolute; z-index: 1030; --uk-position-offset: 10px; --uk-position-viewport-offset: 10; top: 0; box-sizing: border-box; max-width: 200px; padding: 3px 6px; background: #666; border-radius: 2px; color: #fff; font-size: 12px; } .uk-tooltip.uk-active { display: block; } .uk-sortable { position: relative; } .uk-sortable > :last-child { margin-bottom: 0; } .uk-sortable-drag { position: fixed !important; z-index: 1050 !important; pointer-events: none; } .uk-sortable-placeholder { opacity: 0; pointer-events: none; } .uk-sortable-empty { min-height: 50px; } .uk-sortable-handle:hover { cursor: move; } .uk-countdown-number { font-variant-numeric: tabular-nums; font-size: 2rem; line-height: 0.8; } @media (min-width: 640px) { .uk-countdown-number { font-size: 4rem; } } @media (min-width: 960px) { .uk-countdown-number { font-size: 6rem; } } .uk-countdown-separator { font-size: 1rem; line-height: 1.6; } @media (min-width: 640px) { .uk-countdown-separator { font-size: 2rem; } } @media (min-width: 960px) { .uk-countdown-separator { font-size: 3rem; } } .uk-grid { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .uk-grid > * { margin: 0; } .uk-grid > * > :last-child { margin-bottom: 0; } .uk-grid { margin-left: -30px; } .uk-grid > * { padding-left: 30px; } .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin, * + .uk-grid-margin { margin-top: 30px; } @media (min-width: 1200px) { .uk-grid { margin-left: -40px; } .uk-grid > * { padding-left: 40px; } .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin, * + .uk-grid-margin { margin-top: 40px; } } .uk-grid-small, .uk-grid-column-small { margin-left: -15px; } .uk-grid-small > *, .uk-grid-column-small > * { padding-left: 15px; } .uk-grid + .uk-grid-small, .uk-grid + .uk-grid-row-small, .uk-grid-small > .uk-grid-margin, .uk-grid-row-small > .uk-grid-margin, * + .uk-grid-margin-small { margin-top: 15px; } .uk-grid-medium, .uk-grid-column-medium { margin-left: -30px; } .uk-grid-medium > *, .uk-grid-column-medium > * { padding-left: 30px; } .uk-grid + .uk-grid-medium, .uk-grid + .uk-grid-row-medium, .uk-grid-medium > .uk-grid-margin, .uk-grid-row-medium > .uk-grid-margin, * + .uk-grid-margin-medium { margin-top: 30px; } .uk-grid-large, .uk-grid-column-large { margin-left: -40px; } .uk-grid-large > *, .uk-grid-column-large > * { padding-left: 40px; } .uk-grid + .uk-grid-large, .uk-grid + .uk-grid-row-large, .uk-grid-large > .uk-grid-margin, .uk-grid-row-large > .uk-grid-margin, * + .uk-grid-margin-large { margin-top: 40px; } @media (min-width: 1200px) { .uk-grid-large, .uk-grid-column-large { margin-left: -70px; } .uk-grid-large > *, .uk-grid-column-large > * { padding-left: 70px; } .uk-grid + .uk-grid-large, .uk-grid + .uk-grid-row-large, .uk-grid-large > .uk-grid-margin, .uk-grid-row-large > .uk-grid-margin, * + .uk-grid-margin-large { margin-top: 70px; } } .uk-grid-collapse, .uk-grid-column-collapse { margin-left: 0; } .uk-grid-collapse > *, .uk-grid-column-collapse > * { padding-left: 0; } .uk-grid + .uk-grid-collapse, .uk-grid + .uk-grid-row-collapse, .uk-grid-collapse > .uk-grid-margin, .uk-grid-row-collapse > .uk-grid-margin { margin-top: 0; } .uk-grid-divider > * { position: relative; } .uk-grid-divider > :not(.uk-first-column)::before { content: ''; position: absolute; top: 0; bottom: 0; border-left: 1px solid #e5e5e5; } .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { content: ''; position: absolute; left: 0; right: 0; border-top: 1px solid #e5e5e5; } .uk-grid-divider { margin-left: -60px; } .uk-grid-divider > * { padding-left: 60px; } .uk-grid-divider > :not(.uk-first-column)::before { left: 30px; } .uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: 60px; } .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { top: -30px; left: 60px; } @media (min-width: 1200px) { .uk-grid-divider { margin-left: -80px; } .uk-grid-divider > * { padding-left: 80px; } .uk-grid-divider > :not(.uk-first-column)::before { left: 40px; } .uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: 80px; } .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { top: -40px; left: 80px; } } .uk-grid-divider.uk-grid-small, .uk-grid-divider.uk-grid-column-small { margin-left: -30px; } .uk-grid-divider.uk-grid-small > *, .uk-grid-divider.uk-grid-column-small > * { padding-left: 30px; } .uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before { left: 15px; } .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin { margin-top: 30px; } .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { top: -15px; left: 30px; } .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before { top: -15px; } .uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before { left: 30px; } .uk-grid-divider.uk-grid-medium, .uk-grid-divider.uk-grid-column-medium { margin-left: -60px; } .uk-grid-divider.uk-grid-medium > *, .uk-grid-divider.uk-grid-column-medium > * { padding-left: 60px; } .uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before { left: 30px; } .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin { margin-top: 60px; } .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { top: -30px; left: 60px; } .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before { top: -30px; } .uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before { left: 60px; } .uk-grid-divider.uk-grid-large, .uk-grid-divider.uk-grid-column-large { margin-left: -80px; } .uk-grid-divider.uk-grid-large > *, .uk-grid-divider.uk-grid-column-large > * { padding-left: 80px; } .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { left: 40px; } .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { margin-top: 80px; } .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { top: -40px; left: 80px; } .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { top: -40px; } .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { left: 80px; } @media (min-width: 1200px) { .uk-grid-divider.uk-grid-large, .uk-grid-divider.uk-grid-column-large { margin-left: -140px; } .uk-grid-divider.uk-grid-large > *, .uk-grid-divider.uk-grid-column-large > * { padding-left: 140px; } .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { left: 70px; } .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { margin-top: 140px; } .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { top: -70px; left: 140px; } .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { top: -70px; } .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { left: 140px; } } .uk-grid-match > *, .uk-grid-item-match { display: flex; flex-wrap: wrap; } .uk-grid-match > * > :not([class*='uk-width']), .uk-grid-item-match > :not([class*='uk-width']) { box-sizing: border-box; width: 100%; flex: auto; } .uk-nav, .uk-nav ul { margin: 0; padding: 0; list-style: none; } .uk-nav li > a { display: flex; align-items: center; -moz-column-gap: 0.25em; column-gap: 0.25em; text-decoration: none; } .uk-nav > li > a { padding: 5px 0; } ul.uk-nav-sub { padding: 5px 0 5px 15px; } .uk-nav-sub ul { padding-left: 15px; } .uk-nav-sub a { padding: 2px 0; } .uk-nav-parent-icon > .uk-parent > a::after { content: ''; width: 1.5em; height: 1.5em; margin-left: auto; background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: 50% 50%; } .uk-nav-parent-icon > .uk-parent.uk-open > a::after { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E'); } .uk-nav-header { padding: 5px 0; text-transform: uppercase; font-size: 0.875rem; } .uk-nav-header:not(:first-child) { margin-top: 20px; } .uk-nav .uk-nav-divider { margin: 5px 0; } .uk-nav-default { font-size: 0.875rem; } .uk-nav-default > li > a { color: #999; } .uk-nav-default > li > a:hover { color: #666; } .uk-nav-default > li.uk-active > a { color: #333; } .uk-nav-default .uk-nav-subtitle { font-size: 12px; } .uk-nav-default .uk-nav-header { color: #333; } .uk-nav-default .uk-nav-divider { border-top: 1px solid #e5e5e5; } .uk-nav-default .uk-nav-sub a { color: #999; } .uk-nav-default .uk-nav-sub a:hover { color: #666; } .uk-nav-default .uk-nav-sub li.uk-active > a { color: #333; } .uk-nav-primary > li > a { font-size: 1.5rem; line-height: 1.5; color: #999; } .uk-nav-primary > li > a:hover { color: #666; } .uk-nav-primary > li.uk-active > a { color: #333; } .uk-nav-primary .uk-nav-subtitle { font-size: 1.25rem; } .uk-nav-primary .uk-nav-header { color: #333; } .uk-nav-primary .uk-nav-divider { border-top: 1px solid #e5e5e5; } .uk-nav-primary .uk-nav-sub a { color: #999; } .uk-nav-primary .uk-nav-sub a:hover { color: #666; } .uk-nav-primary .uk-nav-sub li.uk-active > a { color: #333; } .uk-nav-center { text-align: center; } .uk-nav-center li > a { justify-content: center; } .uk-nav-center .uk-nav-sub, .uk-nav-center .uk-nav-sub ul { padding-left: 0; } .uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after { margin-left: 0; } .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { margin-top: 0; padding-top: 0; border-top: 1px solid #e5e5e5; } .uk-navbar { display: flex; position: relative; } .uk-navbar-container:not(.uk-navbar-transparent) { background: #f8f8f8; } .uk-navbar-left, .uk-navbar-right, .uk-navbar-center, .uk-navbar-center-left > *, .uk-navbar-center-right > * { display: flex; align-items: center; } .uk-navbar-right { margin-left: auto; } .uk-navbar-center:only-child { margin-left: auto; margin-right: auto; position: relative; } .uk-navbar-center:not(:only-child) { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: -moz-max-content; width: max-content; box-sizing: border-box; z-index: 990; } .uk-navbar-center-left, .uk-navbar-center-right { position: absolute; top: 0; } .uk-navbar-center-left { right: 100%; } .uk-navbar-center-right { left: 100%; } [class*='uk-navbar-center-'] { width: -moz-max-content; width: max-content; box-sizing: border-box; } .uk-navbar-nav { display: flex; margin: 0; padding: 0; list-style: none; } .uk-navbar-left, .uk-navbar-right, .uk-navbar-center:only-child { flex-wrap: wrap; } .uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle { display: flex; justify-content: center; align-items: center; -moz-column-gap: 0.25em; column-gap: 0.25em; box-sizing: border-box; min-height: 80px; padding: 0 15px; font-size: 0.875rem; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; text-decoration: none; } .uk-navbar-nav > li > a { color: #999; text-transform: uppercase; transition: 0.1s ease-in-out; transition-property: color, background-color; } .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a[aria-expanded='true'] { color: #666; } .uk-navbar-nav > li > a:active { color: #333; } .uk-navbar-nav > li.uk-active > a { color: #333; } .uk-navbar-item { color: #666; } .uk-navbar-item > :last-child { margin-bottom: 0; } .uk-navbar-toggle { color: #999; } .uk-navbar-toggle:hover, .uk-navbar-toggle[aria-expanded='true'] { color: #666; text-decoration: none; } .uk-navbar-subtitle { font-size: 0.875rem; } .uk-navbar-justify .uk-navbar-left, .uk-navbar-justify .uk-navbar-right, .uk-navbar-justify .uk-navbar-nav, .uk-navbar-justify .uk-navbar-nav > li, .uk-navbar-justify .uk-navbar-item, .uk-navbar-justify .uk-navbar-toggle { flex-grow: 1; } .uk-navbar-dropdown { display: none; position: absolute; z-index: 1020; --uk-position-offset: 15px; --uk-position-viewport-offset: 10; box-sizing: border-box; width: 200px; max-width: 100vw; padding: 25px; background: #fff; color: #666; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); } .uk-navbar-dropdown.uk-open { display: block; } .uk-navbar-dropdown-grid { margin-left: -50px; } .uk-navbar-dropdown-grid > * { padding-left: 50px; } .uk-navbar-dropdown-grid > .uk-grid-margin { margin-top: 50px; } .uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * { width: 100% !important; } .uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) { width: 400px; } .uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) { width: 600px; } .uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) { width: 800px; } .uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) { width: 1000px; } .uk-navbar-dropdown-dropbar { --uk-position-offset: 0px; --uk-position-viewport-offset: 0; margin-bottom: 0px; padding-left: 15px; padding-right: 15px; box-shadow: none; } .uk-navbar-dropdown-nav { font-size: 0.875rem; } .uk-navbar-dropdown-nav > li > a { color: #999; } .uk-navbar-dropdown-nav > li > a:hover { color: #666; } .uk-navbar-dropdown-nav > li.uk-active > a { color: #333; } .uk-navbar-dropdown-nav .uk-nav-subtitle { font-size: 12px; } .uk-navbar-dropdown-nav .uk-nav-header { color: #333; } .uk-navbar-dropdown-nav .uk-nav-divider { border-top: 1px solid #e5e5e5; } .uk-navbar-dropdown-nav .uk-nav-sub a { color: #999; } .uk-navbar-dropdown-nav .uk-nav-sub a:hover { color: #666; } .uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a { color: #333; } .uk-navbar-dropbar { position: absolute; z-index: 980; left: 0; right: 0; background: #fff; box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05); } .uk-container > :not(.uk-navbar-justified) > .uk-navbar-left .uk-navbar-nav:first-child, .uk-container > :not(.uk-navbar-justified) > .uk-navbar-left .uk-navbar-item:first-child, .uk-container > :not(.uk-navbar-justified) > .uk-navbar-left .uk-navbar-toggle:first-child { margin-left: -15px; } .uk-container > :not(.uk-navbar-justified) > .uk-navbar-right .uk-navbar-nav:last-child, .uk-container > :not(.uk-navbar-justified) > .uk-navbar-right .uk-navbar-item:last-child, .uk-container > :not(.uk-navbar-justified) > .uk-navbar-right .uk-navbar-toggle:last-child { margin-right: -15px; } .uk-navbar-dropdown-grid > * { position: relative; } .uk-navbar-dropdown-grid > :not(.uk-first-column)::before { content: ''; position: absolute; top: 0; bottom: 0; left: 25px; border-left: 1px solid #e5e5e5; } .uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin::before { content: ''; position: absolute; top: -25px; left: 50px; right: 0; border-top: 1px solid #e5e5e5; } .uk-subnav { display: flex; flex-wrap: wrap; align-items: center; margin-left: -20px; padding: 0; list-style: none; } .uk-subnav > * { flex: none; padding-left: 20px; position: relative; } .uk-subnav > * > :first-child { display: flex; align-items: center; -moz-column-gap: 0.25em; column-gap: 0.25em; color: #999; font-size: 0.875rem; text-transform: uppercase; transition: 0.1s ease-in-out; transition-property: color, background-color; } .uk-subnav > * > a:hover { color: #666; text-decoration: none; } .uk-subnav > .uk-active > a { color: #333; } .uk-subnav-divider { margin-left: -41px; } .uk-subnav-divider > * { display: flex; align-items: center; } .uk-subnav-divider > ::before { content: ''; height: 1.5em; margin-left: 0px; margin-right: 20px; border-left: 1px solid transparent; } .uk-subnav-divider > :nth-child(n + 2):not(.uk-first-column)::before { border-left-color: #e5e5e5; } .uk-subnav-pill > * > :first-child { padding: 5px 10px; background: transparent; color: #999; } .uk-subnav-pill > * > a:hover { background-color: #f8f8f8; color: #666; } .uk-subnav-pill > * > a:active { background-color: #f8f8f8; color: #666; } .uk-subnav-pill > .uk-active > a { background-color: #1e87f0; color: #fff; } .uk-subnav > .uk-disabled > a { color: #999; } .uk-breadcrumb { padding: 0; list-style: none; } .uk-breadcrumb > * { display: contents; } .uk-breadcrumb > * > * { font-size: 0.875rem; color: #999; } .uk-breadcrumb > * > :hover { color: #666; text-decoration: none; } .uk-breadcrumb > :last-child > span, .uk-breadcrumb > :last-child > a:not([href]) { color: #666; } .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before { content: '/'; display: inline-block; margin: 0 20px 0 16px; font-size: 0.875rem; color: #999; } .uk-pagination { display: flex; flex-wrap: wrap; margin-left: 0; padding: 0; list-style: none; } .uk-pagination > * { flex: none; padding-left: 0; position: relative; } .uk-pagination > * > * { display: block; padding: 5px 10px; color: #999; transition: color 0.1s ease-in-out; } .uk-pagination > * > :hover { color: #666; text-decoration: none; } .uk-pagination > .uk-active > * { color: #666; } .uk-pagination > .uk-disabled > * { color: #999; } .uk-tab { display: flex; flex-wrap: wrap; margin-left: -20px; padding: 0; list-style: none; position: relative; } .uk-tab::before { content: ''; position: absolute; bottom: 0; left: 20px; right: 0; border-bottom: 1px solid #e5e5e5; } .uk-tab > * { flex: none; padding-left: 20px; position: relative; } .uk-tab > * > a { display: flex; align-items: center; -moz-column-gap: 0.25em; column-gap: 0.25em; justify-content: center; padding: 5px 10px; color: #999; border-bottom: 1px solid transparent; font-size: 0.875rem; text-transform: uppercase; transition: color 0.1s ease-in-out; } .uk-tab > * > a:hover { color: #666; text-decoration: none; } .uk-tab > .uk-active > a { color: #333; border-color: #1e87f0; } .uk-tab > .uk-disabled > a { color: #999; } .uk-tab-bottom::before { top: 0; bottom: auto; } .uk-tab-bottom > * > a { border-top: 1px solid transparent; border-bottom: none; } .uk-tab-left, .uk-tab-right { flex-direction: column; margin-left: 0; } .uk-tab-left > *, .uk-tab-right > * { padding-left: 0; } .uk-tab-left::before { top: 0; bottom: 0; left: auto; right: 0; border-left: 1px solid #e5e5e5; border-bottom: none; } .uk-tab-right::before { top: 0; bottom: 0; left: 0; right: auto; border-left: 1px solid #e5e5e5; border-bottom: none; } .uk-tab-left > * > a { justify-content: left; border-right: 1px solid transparent; border-bottom: none; } .uk-tab-right > * > a { justify-content: left; border-left: 1px solid transparent; border-bottom: none; } .uk-tab .uk-dropdown { margin-left: 30px; } .uk-slidenav { padding: 5px 10px; color: rgba(102, 102, 102, 0.5); transition: color 0.1s ease-in-out; } .uk-slidenav:hover { color: rgba(102, 102, 102, 0.9); } .uk-slidenav:active { color: rgba(102, 102, 102, 0.5); } .uk-slidenav-large { padding: 10px 10px; } .uk-slidenav-container { display: flex; } .uk-dotnav { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; margin-left: -12px; } .uk-dotnav > * { flex: none; padding-left: 12px; } .uk-dotnav > * > * { display: block; box-sizing: border-box; width: 10px; height: 10px; border-radius: 50%; background: transparent; text-indent: 100%; overflow: hidden; white-space: nowrap; border: 1px solid rgba(102, 102, 102, 0.4); transition: 0.2s ease-in-out; transition-property: background-color, border-color; } .uk-dotnav > * > :hover { background-color: rgba(102, 102, 102, 0.6); border-color: transparent; } .uk-dotnav > * > :active { background-color: rgba(102, 102, 102, 0.2); border-color: transparent; } .uk-dotnav > .uk-active > * { background-color: rgba(102, 102, 102, 0.6); border-color: transparent; } .uk-dotnav-vertical { flex-direction: column; margin-left: 0; margin-top: -12px; } .uk-dotnav-vertical > * { padding-left: 0; padding-top: 12px; } .uk-thumbnav { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; margin-left: -15px; } .uk-thumbnav > * { padding-left: 15px; } .uk-thumbnav > * > * { display: inline-block; position: relative; } .uk-thumbnav > * > *::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.4); transition: background-color 0.1s ease-in-out; } .uk-thumbnav > * > :hover::after { background-color: transparent; } .uk-thumbnav > .uk-active > *::after { background-color: transparent; } .uk-thumbnav-vertical { flex-direction: column; margin-left: 0; margin-top: -15px; } .uk-thumbnav-vertical > * { padding-left: 0; padding-top: 15px; } .uk-iconnav { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; margin-left: -10px; } .uk-iconnav > * { padding-left: 10px; } .uk-iconnav > * > a { display: flex; align-items: center; -moz-column-gap: 0.25em; column-gap: 0.25em; line-height: 0; color: #999; text-decoration: none; font-size: 0.875rem; transition: 0.1s ease-in-out; transition-property: color, background-color; } .uk-iconnav > * > a:hover { color: #666; } .uk-iconnav > .uk-active > a { color: #666; } .uk-iconnav-vertical { flex-direction: column; margin-left: 0; margin-top: -10px; } .uk-iconnav-vertical > * { padding-left: 0; padding-top: 10px; } .uk-lightbox { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; background: #000; opacity: 0; transition: opacity 0.15s linear; touch-action: pinch-zoom; } .uk-lightbox.uk-open { display: block; opacity: 1; } .uk-lightbox :focus { outline-color: rgba(255, 255, 255, 0.7); } .uk-lightbox :focus-visible { outline-color: rgba(255, 255, 255, 0.7); } .uk-lightbox-page { overflow: hidden; } .uk-lightbox-items > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; justify-content: center; align-items: center; color: rgba(255, 255, 255, 0.7); will-change: transform, opacity; } .uk-lightbox-items > * > * { max-width: 100vw; max-height: 100vh; } .uk-lightbox-items > * > :not(iframe) { width: auto; height: auto; } .uk-lightbox-items > .uk-active { display: flex; } .uk-lightbox-toolbar { padding: 10px 10px; background: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.7); } .uk-lightbox-toolbar > * { color: rgba(255, 255, 255, 0.7); } .uk-lightbox-toolbar-icon { padding: 5px; color: rgba(255, 255, 255, 0.7); } .uk-lightbox-toolbar-icon:hover { color: #fff; } .uk-lightbox-button { box-sizing: border-box; width: 50px; height: 50px; background: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.7); display: inline-flex; justify-content: center; align-items: center; } .uk-lightbox-button:hover { color: #fff; } .uk-lightbox-caption:empty { display: none; } .uk-lightbox-iframe { width: 80%; height: 80%; } [class*='uk-animation-'] { animation: 0.5s ease-out both; } .uk-animation-fade { animation-name: uk-fade; animation-duration: 0.8s; animation-timing-function: linear; } .uk-animation-scale-up { animation-name: uk-fade, uk-scale-up; } .uk-animation-scale-down { animation-name: uk-fade, uk-scale-down; } .uk-animation-slide-top { animation-name: uk-fade, uk-slide-top; } .uk-animation-slide-bottom { animation-name: uk-fade, uk-slide-bottom; } .uk-animation-slide-left { animation-name: uk-fade, uk-slide-left; } .uk-animation-slide-right { animation-name: uk-fade, uk-slide-right; } .uk-animation-slide-top-small { animation-name: uk-fade, uk-slide-top-small; } .uk-animation-slide-bottom-small { animation-name: uk-fade, uk-slide-bottom-small; } .uk-animation-slide-left-small { animation-name: uk-fade, uk-slide-left-small; } .uk-animation-slide-right-small { animation-name: uk-fade, uk-slide-right-small; } .uk-animation-slide-top-medium { animation-name: uk-fade, uk-slide-top-medium; } .uk-animation-slide-bottom-medium { animation-name: uk-fade, uk-slide-bottom-medium; } .uk-animation-slide-left-medium { animation-name: uk-fade, uk-slide-left-medium; } .uk-animation-slide-right-medium { animation-name: uk-fade, uk-slide-right-medium; } .uk-animation-kenburns { animation-name: uk-kenburns; animation-duration: 15s; } .uk-animation-shake { animation-name: uk-shake; } .uk-animation-stroke { animation-name: uk-stroke; animation-duration: 2s; stroke-dasharray: var(--uk-animation-stroke); } .uk-animation-reverse { animation-direction: reverse; animation-timing-function: ease-in; } .uk-animation-fast { animation-duration: 0.1s; } .uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] { animation-name: none; } @keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes uk-scale-up { 0% { transform: scale(0.9); } 100% { transform: scale(1); } } @keyframes uk-scale-down { 0% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes uk-slide-top { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes uk-slide-bottom { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @keyframes uk-slide-left { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes uk-slide-right { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } @keyframes uk-slide-top-small { 0% { transform: translateY(-10px); } 100% { transform: translateY(0); } } @keyframes uk-slide-bottom-small { 0% { transform: translateY(10px); } 100% { transform: translateY(0); } } @keyframes uk-slide-left-small { 0% { transform: translateX(-10px); } 100% { transform: translateX(0); } } @keyframes uk-slide-right-small { 0% { transform: translateX(10px); } 100% { transform: translateX(0); } } @keyframes uk-slide-top-medium { 0% { transform: translateY(-50px); } 100% { transform: translateY(0); } } @keyframes uk-slide-bottom-medium { 0% { transform: translateY(50px); } 100% { transform: translateY(0); } } @keyframes uk-slide-left-medium { 0% { transform: translateX(-50px); } 100% { transform: translateX(0); } } @keyframes uk-slide-right-medium { 0% { transform: translateX(50px); } 100% { transform: translateX(0); } } @keyframes uk-kenburns { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } @keyframes uk-shake { 0%, 100% { transform: translateX(0); } 10% { transform: translateX(-9px); } 20% { transform: translateX(8px); } 30% { transform: translateX(-7px); } 40% { transform: translateX(6px); } 50% { transform: translateX(-5px); } 60% { transform: translateX(4px); } 70% { transform: translateX(-3px); } 80% { transform: translateX(2px); } 90% { transform: translateX(-1px); } } @keyframes uk-stroke { 0% { stroke-dashoffset: var(--uk-animation-stroke); } 100% { stroke-dashoffset: 0; } } [class*='uk-child-width'] > * { box-sizing: border-box; width: 100%; } .uk-child-width-1-2 > * { width: 50%; } .uk-child-width-1-3 > * { width: 33.3222259247%; } .uk-child-width-1-4 > * { width: 25%; } .uk-child-width-1-5 > * { width: 20%; } .uk-child-width-1-6 > * { width: 16.6638893518%; } .uk-child-width-auto > * { width: auto; } .uk-child-width-expand > :not([class*='uk-width']) { flex: 1; min-width: 1px; } @media (min-width: 640px) { .uk-child-width-1-1\@s > * { width: 100%; } .uk-child-width-1-2\@s > * { width: 50%; } .uk-child-width-1-3\@s > * { width: 33.3222259247%; } .uk-child-width-1-4\@s > * { width: 25%; } .uk-child-width-1-5\@s > * { width: 20%; } .uk-child-width-1-6\@s > * { width: 16.6638893518%; } .uk-child-width-auto\@s > * { width: auto; } .uk-child-width-expand\@s > :not([class*='uk-width']) { flex: 1; min-width: 1px; } } @media (min-width: 960px) { .uk-child-width-1-1\@m > * { width: 100%; } .uk-child-width-1-2\@m > * { width: 50%; } .uk-child-width-1-3\@m > * { width: 33.3222259247%; } .uk-child-width-1-4\@m > * { width: 25%; } .uk-child-width-1-5\@m > * { width: 20%; } .uk-child-width-1-6\@m > * { width: 16.6638893518%; } .uk-child-width-auto\@m > * { width: auto; } .uk-child-width-expand\@m > :not([class*='uk-width']) { flex: 1; min-width: 1px; } } @media (min-width: 1200px) { .uk-child-width-1-1\@l > * { width: 100%; } .uk-child-width-1-2\@l > * { width: 50%; } .uk-child-width-1-3\@l > * { width: 33.3222259247%; } .uk-child-width-1-4\@l > * { width: 25%; } .uk-child-width-1-5\@l > * { width: 20%; } .uk-child-width-1-6\@l > * { width: 16.6638893518%; } .uk-child-width-auto\@l > * { width: auto; } .uk-child-width-expand\@l > :not([class*='uk-width']) { flex: 1; min-width: 1px; } } @media (min-width: 1600px) { .uk-child-width-1-1\@xl > * { width: 100%; } .uk-child-width-1-2\@xl > * { width: 50%; } .uk-child-width-1-3\@xl > * { width: 33.3222259247%; } .uk-child-width-1-4\@xl > * { width: 25%; } .uk-child-width-1-5\@xl > * { width: 20%; } .uk-child-width-1-6\@xl > * { width: 16.6638893518%; } .uk-child-width-auto\@xl > * { width: auto; } .uk-child-width-expand\@xl > :not([class*='uk-width']) { flex: 1; min-width: 1px; } } [class*='uk-width'] { box-sizing: border-box; width: 100%; max-width: 100%; } .uk-width-1-2 { width: 50%; } .uk-width-1-3 { width: 33.3222259247%; } .uk-width-2-3 { width: 66.6444518494%; } .uk-width-1-4 { width: 25%; } .uk-width-3-4 { width: 75%; } .uk-width-1-5 { width: 20%; } .uk-width-2-5 { width: 40%; } .uk-width-3-5 { width: 60%; } .uk-width-4-5 { width: 80%; } .uk-width-1-6 { width: 16.6638893518%; } .uk-width-5-6 { width: 83.3194467589%; } .uk-width-small { width: 150px; } .uk-width-medium { width: 300px; } .uk-width-large { width: 450px; } .uk-width-xlarge { width: 600px; } .uk-width-2xlarge { width: 750px; } .uk-width-auto { width: auto; } .uk-width-expand { flex: 1; min-width: 1px; } @media (min-width: 640px) { .uk-width-1-1\@s { width: 100%; } .uk-width-1-2\@s { width: 50%; } .uk-width-1-3\@s { width: 33.3222259247%; } .uk-width-2-3\@s { width: 66.6444518494%; } .uk-width-1-4\@s { width: 25%; } .uk-width-3-4\@s { width: 75%; } .uk-width-1-5\@s { width: 20%; } .uk-width-2-5\@s { width: 40%; } .uk-width-3-5\@s { width: 60%; } .uk-width-4-5\@s { width: 80%; } .uk-width-1-6\@s { width: 16.6638893518%; } .uk-width-5-6\@s { width: 83.3194467589%; } .uk-width-small\@s { width: 150px; } .uk-width-medium\@s { width: 300px; } .uk-width-large\@s { width: 450px; } .uk-width-xlarge\@s { width: 600px; } .uk-width-2xlarge\@s { width: 750px; } .uk-width-auto\@s { width: auto; } .uk-width-expand\@s { flex: 1; min-width: 1px; } } @media (min-width: 960px) { .uk-width-1-1\@m { width: 100%; } .uk-width-1-2\@m { width: 50%; } .uk-width-1-3\@m { width: 33.3222259247%; } .uk-width-2-3\@m { width: 66.6444518494%; } .uk-width-1-4\@m { width: 25%; } .uk-width-3-4\@m { width: 75%; } .uk-width-1-5\@m { width: 20%; } .uk-width-2-5\@m { width: 40%; } .uk-width-3-5\@m { width: 60%; } .uk-width-4-5\@m { width: 80%; } .uk-width-1-6\@m { width: 16.6638893518%; } .uk-width-5-6\@m { width: 83.3194467589%; } .uk-width-small\@m { width: 150px; } .uk-width-medium\@m { width: 300px; } .uk-width-large\@m { width: 450px; } .uk-width-xlarge\@m { width: 600px; } .uk-width-2xlarge\@m { width: 750px; } .uk-width-auto\@m { width: auto; } .uk-width-expand\@m { flex: 1; min-width: 1px; } } @media (min-width: 1200px) { .uk-width-1-1\@l { width: 100%; } .uk-width-1-2\@l { width: 50%; } .uk-width-1-3\@l { width: 33.3222259247%; } .uk-width-2-3\@l { width: 66.6444518494%; } .uk-width-1-4\@l { width: 25%; } .uk-width-3-4\@l { width: 75%; } .uk-width-1-5\@l { width: 20%; } .uk-width-2-5\@l { width: 40%; } .uk-width-3-5\@l { width: 60%; } .uk-width-4-5\@l { width: 80%; } .uk-width-1-6\@l { width: 16.6638893518%; } .uk-width-5-6\@l { width: 83.3194467589%; } .uk-width-small\@l { width: 150px; } .uk-width-medium\@l { width: 300px; } .uk-width-large\@l { width: 450px; } .uk-width-xlarge\@l { width: 600px; } .uk-width-2xlarge\@l { width: 750px; } .uk-width-auto\@l { width: auto; } .uk-width-expand\@l { flex: 1; min-width: 1px; } } @media (min-width: 1600px) { .uk-width-1-1\@xl { width: 100%; } .uk-width-1-2\@xl { width: 50%; } .uk-width-1-3\@xl { width: 33.3222259247%; } .uk-width-2-3\@xl { width: 66.6444518494%; } .uk-width-1-4\@xl { width: 25%; } .uk-width-3-4\@xl { width: 75%; } .uk-width-1-5\@xl { width: 20%; } .uk-width-2-5\@xl { width: 40%; } .uk-width-3-5\@xl { width: 60%; } .uk-width-4-5\@xl { width: 80%; } .uk-width-1-6\@xl { width: 16.6638893518%; } .uk-width-5-6\@xl { width: 83.3194467589%; } .uk-width-small\@xl { width: 150px; } .uk-width-medium\@xl { width: 300px; } .uk-width-large\@xl { width: 450px; } .uk-width-xlarge\@xl { width: 600px; } .uk-width-2xlarge\@xl { width: 750px; } .uk-width-auto\@xl { width: auto; } .uk-width-expand\@xl { flex: 1; min-width: 1px; } } .uk-width-max-content { width: -moz-max-content; width: max-content; } .uk-width-min-content { width: -moz-min-content; width: min-content; } [class*='uk-height'] { box-sizing: border-box; } .uk-height-1-1 { height: 100%; } .uk-height-viewport { min-height: 100vh; } .uk-height-viewport-2 { min-height: 200vh; } .uk-height-viewport-3 { min-height: 300vh; } .uk-height-viewport-4 { min-height: 400vh; } .uk-height-small { height: 150px; } .uk-height-medium { height: 300px; } .uk-height-large { height: 450px; } .uk-height-max-small { max-height: 150px; } .uk-height-max-medium { max-height: 300px; } .uk-height-max-large { max-height: 450px; } .uk-text-lead { font-size: 1.5rem; line-height: 1.5; color: #333; } .uk-text-meta { font-size: 0.875rem; line-height: 1.4; color: #999; } .uk-text-meta a { color: #999; } .uk-text-meta a:hover { color: #666; text-decoration: none; } .uk-text-small { font-size: 0.875rem; line-height: 1.5; } .uk-text-large { font-size: 1.5rem; line-height: 1.5; } .uk-text-default { font-size: 16px; line-height: 1.5; } .uk-text-light { font-weight: 300; } .uk-text-normal { font-weight: 400; } .uk-text-bold { font-weight: 700; } .uk-text-lighter { font-weight: lighter; } .uk-text-bolder { font-weight: bolder; } .uk-text-italic { font-style: italic; } .uk-text-capitalize { text-transform: capitalize !important; } .uk-text-uppercase { text-transform: uppercase !important; } .uk-text-lowercase { text-transform: lowercase !important; } .uk-text-decoration-none { text-decoration: none !important; } .uk-text-muted { color: #999 !important; } .uk-text-emphasis { color: #333 !important; } .uk-text-primary { color: #1e87f0 !important; } .uk-text-secondary { color: #222 !important; } .uk-text-success { color: #32d296 !important; } .uk-text-warning { color: #faa05a !important; } .uk-text-danger { color: #f0506e !important; } .uk-text-background { -webkit-background-clip: text; color: transparent !important; display: inline-block; background-color: #1e87f0; } .uk-text-left { text-align: left !important; } .uk-text-right { text-align: right !important; } .uk-text-center { text-align: center !important; } .uk-text-justify { text-align: justify !important; } @media (min-width: 640px) { .uk-text-left\@s { text-align: left !important; } .uk-text-right\@s { text-align: right !important; } .uk-text-center\@s { text-align: center !important; } } @media (min-width: 960px) { .uk-text-left\@m { text-align: left !important; } .uk-text-right\@m { text-align: right !important; } .uk-text-center\@m { text-align: center !important; } } @media (min-width: 1200px) { .uk-text-left\@l { text-align: left !important; } .uk-text-right\@l { text-align: right !important; } .uk-text-center\@l { text-align: center !important; } } @media (min-width: 1600px) { .uk-text-left\@xl { text-align: left !important; } .uk-text-right\@xl { text-align: right !important; } .uk-text-center\@xl { text-align: center !important; } } .uk-text-top { vertical-align: top !important; } .uk-text-middle { vertical-align: middle !important; } .uk-text-bottom { vertical-align: bottom !important; } .uk-text-baseline { vertical-align: baseline !important; } .uk-text-nowrap { white-space: nowrap; } .uk-text-truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } th.uk-text-truncate, td.uk-text-truncate { max-width: 0; } .uk-text-break { overflow-wrap: break-word; } th.uk-text-break, td.uk-text-break { word-break: break-word; } [class*='uk-column-'] { -moz-column-gap: 30px; column-gap: 30px; } @media (min-width: 1200px) { [class*='uk-column-'] { -moz-column-gap: 40px; column-gap: 40px; } } [class*='uk-column-'] img { transform: translate3d(0, 0, 0); } .uk-column-divider { -moz-column-rule: 1px solid #e5e5e5; column-rule: 1px solid #e5e5e5; -moz-column-gap: 60px; column-gap: 60px; } @media (min-width: 1200px) { .uk-column-divider { -moz-column-gap: 80px; column-gap: 80px; } } .uk-column-1-2 { -moz-column-count: 2; column-count: 2; } .uk-column-1-3 { -moz-column-count: 3; column-count: 3; } .uk-column-1-4 { -moz-column-count: 4; column-count: 4; } .uk-column-1-5 { -moz-column-count: 5; column-count: 5; } .uk-column-1-6 { -moz-column-count: 6; column-count: 6; } @media (min-width: 640px) { .uk-column-1-2\@s { -moz-column-count: 2; column-count: 2; } .uk-column-1-3\@s { -moz-column-count: 3; column-count: 3; } .uk-column-1-4\@s { -moz-column-count: 4; column-count: 4; } .uk-column-1-5\@s { -moz-column-count: 5; column-count: 5; } .uk-column-1-6\@s { -moz-column-count: 6; column-count: 6; } } @media (min-width: 960px) { .uk-column-1-2\@m { -moz-column-count: 2; column-count: 2; } .uk-column-1-3\@m { -moz-column-count: 3; column-count: 3; } .uk-column-1-4\@m { -moz-column-count: 4; column-count: 4; } .uk-column-1-5\@m { -moz-column-count: 5; column-count: 5; } .uk-column-1-6\@m { -moz-column-count: 6; column-count: 6; } } @media (min-width: 1200px) { .uk-column-1-2\@l { -moz-column-count: 2; column-count: 2; } .uk-column-1-3\@l { -moz-column-count: 3; column-count: 3; } .uk-column-1-4\@l { -moz-column-count: 4; column-count: 4; } .uk-column-1-5\@l { -moz-column-count: 5; column-count: 5; } .uk-column-1-6\@l { -moz-column-count: 6; column-count: 6; } } @media (min-width: 1600px) { .uk-column-1-2\@xl { -moz-column-count: 2; column-count: 2; } .uk-column-1-3\@xl { -moz-column-count: 3; column-count: 3; } .uk-column-1-4\@xl { -moz-column-count: 4; column-count: 4; } .uk-column-1-5\@xl { -moz-column-count: 5; column-count: 5; } .uk-column-1-6\@xl { -moz-column-count: 6; column-count: 6; } } .uk-column-span { -moz-column-span: all; column-span: all; } [uk-cover], [data-uk-cover] { max-width: none; position: absolute; left: 50%; top: 50%; --uk-position-translate-x: -50%; --uk-position-translate-y: -50%; transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); } iframe[uk-cover], iframe[data-uk-cover] { pointer-events: none; } .uk-cover-container { overflow: hidden; position: relative; } .uk-background-default { background-color: #fff; } .uk-background-muted { background-color: #f8f8f8; } .uk-background-primary { background-color: #1e87f0; } .uk-background-secondary { background-color: #222; } .uk-background-cover, .uk-background-contain, .uk-background-width-1-1, .uk-background-height-1-1 { background-position: 50% 50%; background-repeat: no-repeat; } .uk-background-cover { background-size: cover; } .uk-background-contain { background-size: contain; } .uk-background-width-1-1 { background-size: 100%; } .uk-background-height-1-1 { background-size: auto 100%; } .uk-background-top-left { background-position: 0 0; } .uk-background-top-center { background-position: 50% 0; } .uk-background-top-right { background-position: 100% 0; } .uk-background-center-left { background-position: 0 50%; } .uk-background-center-center { background-position: 50% 50%; } .uk-background-center-right { background-position: 100% 50%; } .uk-background-bottom-left { background-position: 0 100%; } .uk-background-bottom-center { background-position: 50% 100%; } .uk-background-bottom-right { background-position: 100% 100%; } .uk-background-norepeat { background-repeat: no-repeat; } .uk-background-fixed { background-attachment: fixed; backface-visibility: hidden; } @media (pointer: coarse) { .uk-background-fixed { background-attachment: scroll; } } @media (max-width: 639px) { .uk-background-image\@s { background-image: none !important; } } @media (max-width: 959px) { .uk-background-image\@m { background-image: none !important; } } @media (max-width: 1199px) { .uk-background-image\@l { background-image: none !important; } } @media (max-width: 1599px) { .uk-background-image\@xl { background-image: none !important; } } .uk-background-blend-multiply { background-blend-mode: multiply; } .uk-background-blend-screen { background-blend-mode: screen; } .uk-background-blend-overlay { background-blend-mode: overlay; } .uk-background-blend-darken { background-blend-mode: darken; } .uk-background-blend-lighten { background-blend-mode: lighten; } .uk-background-blend-color-dodge { background-blend-mode: color-dodge; } .uk-background-blend-color-burn { background-blend-mode: color-burn; } .uk-background-blend-hard-light { background-blend-mode: hard-light; } .uk-background-blend-soft-light { background-blend-mode: soft-light; } .uk-background-blend-difference { background-blend-mode: difference; } .uk-background-blend-exclusion { background-blend-mode: exclusion; } .uk-background-blend-hue { background-blend-mode: hue; } .uk-background-blend-saturation { background-blend-mode: saturation; } .uk-background-blend-color { background-blend-mode: color; } .uk-background-blend-luminosity { background-blend-mode: luminosity; } [class*='uk-align'] { display: block; margin-bottom: 30px; } * + [class*='uk-align'] { margin-top: 30px; } .uk-align-center { margin-left: auto; margin-right: auto; } .uk-align-left { margin-top: 0; margin-right: 30px; float: left; } .uk-align-right { margin-top: 0; margin-left: 30px; float: right; } @media (min-width: 640px) { .uk-align-left\@s { margin-top: 0; margin-right: 30px; float: left; } .uk-align-right\@s { margin-top: 0; margin-left: 30px; float: right; } } @media (min-width: 960px) { .uk-align-left\@m { margin-top: 0; margin-right: 30px; float: left; } .uk-align-right\@m { margin-top: 0; margin-left: 30px; float: right; } } @media (min-width: 1200px) { .uk-align-left\@l { margin-top: 0; float: left; } .uk-align-right\@l { margin-top: 0; float: right; } .uk-align-left, .uk-align-left\@s, .uk-align-left\@m, .uk-align-left\@l { margin-right: 40px; } .uk-align-right, .uk-align-right\@s, .uk-align-right\@m, .uk-align-right\@l { margin-left: 40px; } } @media (min-width: 1600px) { .uk-align-left\@xl { margin-top: 0; margin-right: 40px; float: left; } .uk-align-right\@xl { margin-top: 0; margin-left: 40px; float: right; } } .uk-svg, .uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill: currentcolor; } .uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke: currentcolor; } .uk-svg { transform: translate(0, 0); } .uk-panel { display: flow-root; position: relative; box-sizing: border-box; } .uk-panel > :last-child { margin-bottom: 0; } .uk-panel-scrollable { height: 170px; padding: 10px; border: 1px solid #e5e5e5; overflow: auto; -webkit-overflow-scrolling: touch; resize: both; } .uk-clearfix::before { content: ''; display: table-cell; } .uk-clearfix::after { content: ''; display: table; clear: both; } .uk-float-left { float: left; } .uk-float-right { float: right; } [class*='uk-float-'] { max-width: 100%; } .uk-overflow-hidden { overflow: hidden; } .uk-overflow-auto { overflow: auto; -webkit-overflow-scrolling: touch; } .uk-overflow-auto > :last-child { margin-bottom: 0; } .uk-resize { resize: both; } .uk-resize-horizontal { resize: horizontal; } .uk-resize-vertical { resize: vertical; } .uk-display-block { display: block !important; } .uk-display-inline { display: inline !important; } .uk-display-inline-block { display: inline-block !important; } [class*='uk-inline'] { display: inline-block; position: relative; max-width: 100%; vertical-align: middle; -webkit-backface-visibility: hidden; } .uk-inline-clip { overflow: hidden; } .uk-preserve-width, .uk-preserve-width canvas, .uk-preserve-width img, .uk-preserve-width svg, .uk-preserve-width video { max-width: none; } .uk-responsive-width, .uk-responsive-height { box-sizing: border-box; } .uk-responsive-width { max-width: 100% !important; height: auto; } .uk-responsive-height { max-height: 100%; width: auto; max-width: none; } [uk-responsive], [data-uk-responsive] { max-width: 100%; } .uk-object-cover { -o-object-fit: cover; object-fit: cover; } .uk-object-contain { -o-object-fit: contain; object-fit: contain; } .uk-object-fill { -o-object-fit: fill; object-fit: fill; } .uk-object-none { -o-object-fit: none; object-fit: none; } .uk-object-scale-down { -o-object-fit: scale-down; object-fit: scale-down; } .uk-object-top-left { -o-object-position: 0 0; object-position: 0 0; } .uk-object-top-center { -o-object-position: 50% 0; object-position: 50% 0; } .uk-object-top-right { -o-object-position: 100% 0; object-position: 100% 0; } .uk-object-center-left { -o-object-position: 0 50%; object-position: 0 50%; } .uk-object-center-center { -o-object-position: 50% 50%; object-position: 50% 50%; } .uk-object-center-right { -o-object-position: 100% 50%; object-position: 100% 50%; } .uk-object-bottom-left { -o-object-position: 0 100%; object-position: 0 100%; } .uk-object-bottom-center { -o-object-position: 50% 100%; object-position: 50% 100%; } .uk-object-bottom-right { -o-object-position: 100% 100%; object-position: 100% 100%; } .uk-border-circle { border-radius: 50%; } .uk-border-pill { border-radius: 500px; } .uk-border-rounded { border-radius: 5px; } .uk-inline-clip[class*='uk-border-'] { -webkit-transform: translateZ(0); } .uk-box-shadow-small { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .uk-box-shadow-medium { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } .uk-box-shadow-large { box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } .uk-box-shadow-xlarge { box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); } [class*='uk-box-shadow-hover'] { transition: box-shadow 0.1s ease-in-out; } .uk-box-shadow-hover-small:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .uk-box-shadow-hover-medium:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } .uk-box-shadow-hover-large:hover { box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } .uk-box-shadow-hover-xlarge:hover { box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); } @supports (filter: blur(0)) { .uk-box-shadow-bottom { display: inline-block; position: relative; z-index: 0; max-width: 100%; vertical-align: middle; } .uk-box-shadow-bottom::after { content: ''; position: absolute; bottom: -30px; left: 0; right: 0; z-index: -1; height: 30px; border-radius: 100%; background: #444; filter: blur(20px); will-change: filter; } } .uk-dropcap::first-letter, .uk-dropcap > p:first-of-type::first-letter { display: block; margin-right: 10px; float: left; font-size: 4.5em; line-height: 1; margin-bottom: -2px; } @-moz-document url-prefix() { .uk-dropcap::first-letter, .uk-dropcap > p:first-of-type::first-letter { margin-top: 1.1%; } } .uk-logo { font-size: 1.5rem; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; color: #333; text-decoration: none; } .uk-logo:hover { color: #333; text-decoration: none; } .uk-logo > :where(img, svg, video) { display: inline-block; } .uk-logo-inverse { display: none; } .uk-disabled { pointer-events: none; } .uk-drag, .uk-drag * { cursor: move; } .uk-drag iframe { pointer-events: none; } .uk-dragover { box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); } .uk-blend-multiply { mix-blend-mode: multiply; } .uk-blend-screen { mix-blend-mode: screen; } .uk-blend-overlay { mix-blend-mode: overlay; } .uk-blend-darken { mix-blend-mode: darken; } .uk-blend-lighten { mix-blend-mode: lighten; } .uk-blend-color-dodge { mix-blend-mode: color-dodge; } .uk-blend-color-burn { mix-blend-mode: color-burn; } .uk-blend-hard-light { mix-blend-mode: hard-light; } .uk-blend-soft-light { mix-blend-mode: soft-light; } .uk-blend-difference { mix-blend-mode: difference; } .uk-blend-exclusion { mix-blend-mode: exclusion; } .uk-blend-hue { mix-blend-mode: hue; } .uk-blend-saturation { mix-blend-mode: saturation; } .uk-blend-color { mix-blend-mode: color; } .uk-blend-luminosity { mix-blend-mode: luminosity; } .uk-transform-center { transform: translate(-50%, -50%); } .uk-transform-origin-top-left { transform-origin: 0 0; } .uk-transform-origin-top-center { transform-origin: 50% 0; } .uk-transform-origin-top-right { transform-origin: 100% 0; } .uk-transform-origin-center-left { transform-origin: 0 50%; } .uk-transform-origin-center-right { transform-origin: 100% 50%; } .uk-transform-origin-bottom-left { transform-origin: 0 100%; } .uk-transform-origin-bottom-center { transform-origin: 50% 100%; } .uk-transform-origin-bottom-right { transform-origin: 100% 100%; } .uk-flex { display: flex; } .uk-flex-inline { display: inline-flex; } .uk-flex-left { justify-content: flex-start; } .uk-flex-center { justify-content: center; } .uk-flex-right { justify-content: flex-end; } .uk-flex-between { justify-content: space-between; } .uk-flex-around { justify-content: space-around; } @media (min-width: 640px) { .uk-flex-left\@s { justify-content: flex-start; } .uk-flex-center\@s { justify-content: center; } .uk-flex-right\@s { justify-content: flex-end; } .uk-flex-between\@s { justify-content: space-between; } .uk-flex-around\@s { justify-content: space-around; } } @media (min-width: 960px) { .uk-flex-left\@m { justify-content: flex-start; } .uk-flex-center\@m { justify-content: center; } .uk-flex-right\@m { justify-content: flex-end; } .uk-flex-between\@m { justify-content: space-between; } .uk-flex-around\@m { justify-content: space-around; } } @media (min-width: 1200px) { .uk-flex-left\@l { justify-content: flex-start; } .uk-flex-center\@l { justify-content: center; } .uk-flex-right\@l { justify-content: flex-end; } .uk-flex-between\@l { justify-content: space-between; } .uk-flex-around\@l { justify-content: space-around; } } @media (min-width: 1600px) { .uk-flex-left\@xl { justify-content: flex-start; } .uk-flex-center\@xl { justify-content: center; } .uk-flex-right\@xl { justify-content: flex-end; } .uk-flex-between\@xl { justify-content: space-between; } .uk-flex-around\@xl { justify-content: space-around; } } .uk-flex-stretch { align-items: stretch; } .uk-flex-top { align-items: flex-start; } .uk-flex-middle { align-items: center; } .uk-flex-bottom { align-items: flex-end; } .uk-flex-row { flex-direction: row; } .uk-flex-row-reverse { flex-direction: row-reverse; } .uk-flex-column { flex-direction: column; } .uk-flex-column-reverse { flex-direction: column-reverse; } .uk-flex-nowrap { flex-wrap: nowrap; } .uk-flex-wrap { flex-wrap: wrap; } .uk-flex-wrap-reverse { flex-wrap: wrap-reverse; } .uk-flex-wrap-stretch { align-content: stretch; } .uk-flex-wrap-top { align-content: flex-start; } .uk-flex-wrap-middle { align-content: center; } .uk-flex-wrap-bottom { align-content: flex-end; } .uk-flex-wrap-between { align-content: space-between; } .uk-flex-wrap-around { align-content: space-around; } .uk-flex-first { order: -1; } .uk-flex-last { order: 99; } @media (min-width: 640px) { .uk-flex-first\@s { order: -1; } .uk-flex-last\@s { order: 99; } } @media (min-width: 960px) { .uk-flex-first\@m { order: -1; } .uk-flex-last\@m { order: 99; } } @media (min-width: 1200px) { .uk-flex-first\@l { order: -1; } .uk-flex-last\@l { order: 99; } } @media (min-width: 1600px) { .uk-flex-first\@xl { order: -1; } .uk-flex-last\@xl { order: 99; } } .uk-flex-none { flex: none; } .uk-flex-auto { flex: auto; } .uk-flex-1 { flex: 1; } .uk-margin { margin-bottom: 20px; } * + .uk-margin { margin-top: 20px !important; } .uk-margin-top { margin-top: 20px !important; } .uk-margin-bottom { margin-bottom: 20px !important; } .uk-margin-left { margin-left: 20px !important; } .uk-margin-right { margin-right: 20px !important; } .uk-margin-small { margin-bottom: 10px; } * + .uk-margin-small { margin-top: 10px !important; } .uk-margin-small-top { margin-top: 10px !important; } .uk-margin-small-bottom { margin-bottom: 10px !important; } .uk-margin-small-left { margin-left: 10px !important; } .uk-margin-small-right { margin-right: 10px !important; } .uk-margin-medium { margin-bottom: 40px; } * + .uk-margin-medium { margin-top: 40px !important; } .uk-margin-medium-top { margin-top: 40px !important; } .uk-margin-medium-bottom { margin-bottom: 40px !important; } .uk-margin-medium-left { margin-left: 40px !important; } .uk-margin-medium-right { margin-right: 40px !important; } .uk-margin-large { margin-bottom: 40px; } * + .uk-margin-large { margin-top: 40px !important; } .uk-margin-large-top { margin-top: 40px !important; } .uk-margin-large-bottom { margin-bottom: 40px !important; } .uk-margin-large-left { margin-left: 40px !important; } .uk-margin-large-right { margin-right: 40px !important; } @media (min-width: 1200px) { .uk-margin-large { margin-bottom: 70px; } * + .uk-margin-large { margin-top: 70px !important; } .uk-margin-large-top { margin-top: 70px !important; } .uk-margin-large-bottom { margin-bottom: 70px !important; } .uk-margin-large-left { margin-left: 70px !important; } .uk-margin-large-right { margin-right: 70px !important; } } .uk-margin-xlarge { margin-bottom: 70px; } * + .uk-margin-xlarge { margin-top: 70px !important; } .uk-margin-xlarge-top { margin-top: 70px !important; } .uk-margin-xlarge-bottom { margin-bottom: 70px !important; } .uk-margin-xlarge-left { margin-left: 70px !important; } .uk-margin-xlarge-right { margin-right: 70px !important; } @media (min-width: 1200px) { .uk-margin-xlarge { margin-bottom: 140px; } * + .uk-margin-xlarge { margin-top: 140px !important; } .uk-margin-xlarge-top { margin-top: 140px !important; } .uk-margin-xlarge-bottom { margin-bottom: 140px !important; } .uk-margin-xlarge-left { margin-left: 140px !important; } .uk-margin-xlarge-right { margin-right: 140px !important; } } .uk-margin-auto { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-top { margin-top: auto !important; } .uk-margin-auto-bottom { margin-bottom: auto !important; } .uk-margin-auto-left { margin-left: auto !important; } .uk-margin-auto-right { margin-right: auto !important; } .uk-margin-auto-vertical { margin-top: auto !important; margin-bottom: auto !important; } @media (min-width: 640px) { .uk-margin-auto\@s { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-left\@s { margin-left: auto !important; } .uk-margin-auto-right\@s { margin-right: auto !important; } } @media (min-width: 960px) { .uk-margin-auto\@m { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-left\@m { margin-left: auto !important; } .uk-margin-auto-right\@m { margin-right: auto !important; } } @media (min-width: 1200px) { .uk-margin-auto\@l { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-left\@l { margin-left: auto !important; } .uk-margin-auto-right\@l { margin-right: auto !important; } } @media (min-width: 1600px) { .uk-margin-auto\@xl { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-left\@xl { margin-left: auto !important; } .uk-margin-auto-right\@xl { margin-right: auto !important; } } .uk-margin-remove { margin: 0 !important; } .uk-margin-remove-top { margin-top: 0 !important; } .uk-margin-remove-bottom { margin-bottom: 0 !important; } .uk-margin-remove-left { margin-left: 0 !important; } .uk-margin-remove-right { margin-right: 0 !important; } .uk-margin-remove-vertical { margin-top: 0 !important; margin-bottom: 0 !important; } .uk-margin-remove-adjacent + *, .uk-margin-remove-first-child > :first-child { margin-top: 0 !important; } .uk-margin-remove-last-child > :last-child { margin-bottom: 0 !important; } @media (min-width: 640px) { .uk-margin-remove-left\@s { margin-left: 0 !important; } .uk-margin-remove-right\@s { margin-right: 0 !important; } } @media (min-width: 960px) { .uk-margin-remove-left\@m { margin-left: 0 !important; } .uk-margin-remove-right\@m { margin-right: 0 !important; } } @media (min-width: 1200px) { .uk-margin-remove-left\@l { margin-left: 0 !important; } .uk-margin-remove-right\@l { margin-right: 0 !important; } } @media (min-width: 1600px) { .uk-margin-remove-left\@xl { margin-left: 0 !important; } .uk-margin-remove-right\@xl { margin-right: 0 !important; } } .uk-padding { padding: 30px; } @media (min-width: 1200px) { .uk-padding { padding: 40px; } } .uk-padding-small { padding: 15px; } .uk-padding-large { padding: 40px; } @media (min-width: 1200px) { .uk-padding-large { padding: 70px; } } .uk-padding-remove { padding: 0 !important; } .uk-padding-remove-top { padding-top: 0 !important; } .uk-padding-remove-bottom { padding-bottom: 0 !important; } .uk-padding-remove-left { padding-left: 0 !important; } .uk-padding-remove-right { padding-right: 0 !important; } .uk-padding-remove-vertical { padding-top: 0 !important; padding-bottom: 0 !important; } .uk-padding-remove-horizontal { padding-left: 0 !important; padding-right: 0 !important; } :root { --uk-position-margin-offset: 0px; } [class*='uk-position-top'], [class*='uk-position-bottom'], [class*='uk-position-left'], [class*='uk-position-right'], [class*='uk-position-center'] { position: absolute !important; max-width: calc(100% - var(--uk-position-margin-offset) * 2); box-sizing: border-box; } .uk-position-top { top: 0; left: 0; right: 0; } .uk-position-bottom { bottom: 0; left: 0; right: 0; } .uk-position-left { top: 0; bottom: 0; left: 0; } .uk-position-right { top: 0; bottom: 0; right: 0; } .uk-position-top-left { top: 0; left: 0; } .uk-position-top-right { top: 0; right: 0; } .uk-position-bottom-left { bottom: 0; left: 0; } .uk-position-bottom-right { bottom: 0; right: 0; } .uk-position-center { top: calc(50% - var(--uk-position-margin-offset)); left: calc(50% - var(--uk-position-margin-offset)); --uk-position-translate-x: -50%; --uk-position-translate-y: -50%; transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); width: -moz-max-content; width: max-content; } [class*='uk-position-center-left'], [class*='uk-position-center-right'] { top: calc(50% - var(--uk-position-margin-offset)); --uk-position-translate-y: -50%; transform: translate(0, var(--uk-position-translate-y)); } .uk-position-center-left { left: 0; } .uk-position-center-right { right: 0; } .uk-position-center-left-out { right: 100%; width: -moz-max-content; width: max-content; } .uk-position-center-right-out { left: 100%; width: -moz-max-content; width: max-content; } .uk-position-top-center, .uk-position-bottom-center { left: calc(50% - var(--uk-position-margin-offset)); --uk-position-translate-x: -50%; transform: translate(var(--uk-position-translate-x), 0); width: -moz-max-content; width: max-content; } .uk-position-top-center { top: 0; } .uk-position-bottom-center { bottom: 0; } .uk-position-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .uk-position-small { margin: 15px; --uk-position-margin-offset: 15px; } .uk-position-medium { margin: 30px; --uk-position-margin-offset: 30px; } .uk-position-large { margin: 30px; --uk-position-margin-offset: 30px; } @media (min-width: 1200px) { .uk-position-large { margin: 50px; --uk-position-margin-offset: 50px; } } .uk-position-relative { position: relative !important; } .uk-position-absolute { position: absolute !important; } .uk-position-fixed { position: fixed !important; } .uk-position-sticky { position: sticky !important; } .uk-position-z-index { z-index: 1; } .uk-position-z-index-negative { z-index: -1; } :where(.uk-transition-fade), :where([class*='uk-transition-scale']), :where([class*='uk-transition-slide']) { --uk-position-translate-x: 0; --uk-position-translate-y: 0; } .uk-transition-fade, [class*='uk-transition-scale'], [class*='uk-transition-slide'] { --uk-translate-x: 0; --uk-translate-y: 0; --uk-scale-x: 1; --uk-scale-y: 1; transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)) translate(var(--uk-translate-x), var(--uk-translate-y)) scale(var(--uk-scale-x), var(--uk-scale-y)); transition: 0.3s ease-out; transition-property: opacity, transform, filter; opacity: 0; } .uk-transition-toggle:hover .uk-transition-fade, .uk-transition-toggle:focus .uk-transition-fade, .uk-transition-toggle .uk-transition-fade:focus-within, .uk-transition-active.uk-active .uk-transition-fade { opacity: 1; } [class*='uk-transition-scale'] { -webkit-backface-visibility: hidden; } .uk-transition-scale-up { --uk-scale-x: 1; --uk-scale-y: 1; } .uk-transition-scale-down { --uk-scale-x: 1.03; --uk-scale-y: 1.03; } .uk-transition-toggle:hover .uk-transition-scale-up, .uk-transition-toggle:focus .uk-transition-scale-up, .uk-transition-toggle .uk-transition-scale-up:focus-within, .uk-transition-active.uk-active .uk-transition-scale-up { --uk-scale-x: 1.03; --uk-scale-y: 1.03; opacity: 1; } .uk-transition-toggle:hover .uk-transition-scale-down, .uk-transition-toggle:focus .uk-transition-scale-down, .uk-transition-toggle .uk-transition-scale-down:focus-within, .uk-transition-active.uk-active .uk-transition-scale-down { --uk-scale-x: 1; --uk-scale-y: 1; opacity: 1; } .uk-transition-slide-top { --uk-translate-y: -100%; } .uk-transition-slide-bottom { --uk-translate-y: 100%; } .uk-transition-slide-left { --uk-translate-x: -100%; } .uk-transition-slide-right { --uk-translate-x: 100%; } .uk-transition-slide-top-small { --uk-translate-y: calc(-1 * 10px); } .uk-transition-slide-bottom-small { --uk-translate-y: 10px; } .uk-transition-slide-left-small { --uk-translate-x: calc(-1 * 10px); } .uk-transition-slide-right-small { --uk-translate-x: 10px; } .uk-transition-slide-top-medium { --uk-translate-y: calc(-1 * 50px); } .uk-transition-slide-bottom-medium { --uk-translate-y: 50px; } .uk-transition-slide-left-medium { --uk-translate-x: calc(-1 * 50px); } .uk-transition-slide-right-medium { --uk-translate-x: 50px; } .uk-transition-toggle:hover [class*='uk-transition-slide'], .uk-transition-toggle:focus [class*='uk-transition-slide'], .uk-transition-toggle [class*='uk-transition-slide']:focus-within, .uk-transition-active.uk-active [class*='uk-transition-slide'] { --uk-translate-x: 0; --uk-translate-y: 0; opacity: 1; } .uk-transition-opaque { opacity: 1; } .uk-transition-slow { transition-duration: 0.7s; } [hidden], .uk-hidden { display: none !important; } @media (min-width: 640px) { .uk-hidden\@s { display: none !important; } } @media (min-width: 960px) { .uk-hidden\@m { display: none !important; } } @media (min-width: 1200px) { .uk-hidden\@l { display: none !important; } } @media (min-width: 1600px) { .uk-hidden\@xl { display: none !important; } } @media (max-width: 639px) { .uk-visible\@s { display: none !important; } } @media (max-width: 959px) { .uk-visible\@m { display: none !important; } } @media (max-width: 1199px) { .uk-visible\@l { display: none !important; } } @media (max-width: 1599px) { .uk-visible\@xl { display: none !important; } } .uk-invisible { visibility: hidden !important; } .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { position: absolute !important; width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } .uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { opacity: 0 !important; } @media (hover: none) { .uk-hidden-touch { display: none !important; } } @media (hover) { .uk-hidden-notouch { display: none !important; } } .uk-light, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary.uk-card-body, .uk-card-primary > :not([class*='uk-card-media']), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*='uk-card-media']), .uk-overlay-primary, .uk-offcanvas-bar { color: rgba(255, 255, 255, 0.7); } .uk-light a, .uk-light .uk-link, .uk-section-primary:not(.uk-preserve-color) a, .uk-section-primary:not(.uk-preserve-color) .uk-link, .uk-section-secondary:not(.uk-preserve-color) a, .uk-section-secondary:not(.uk-preserve-color) .uk-link, .uk-tile-primary:not(.uk-preserve-color) a, .uk-tile-primary:not(.uk-preserve-color) .uk-link, .uk-tile-secondary:not(.uk-preserve-color) a, .uk-tile-secondary:not(.uk-preserve-color) .uk-link, .uk-card-primary.uk-card-body a, .uk-card-primary.uk-card-body .uk-link, .uk-card-primary > :not([class*='uk-card-media']) a, .uk-card-primary > :not([class*='uk-card-media']) .uk-link, .uk-card-secondary.uk-card-body a, .uk-card-secondary.uk-card-body .uk-link, .uk-card-secondary > :not([class*='uk-card-media']) a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link, .uk-overlay-primary a, .uk-overlay-primary .uk-link, .uk-offcanvas-bar a, .uk-offcanvas-bar .uk-link { color: #fff; } .uk-light a:hover, .uk-light .uk-link:hover, .uk-light .uk-link-toggle:hover .uk-link, .uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-tile-primary:not(.uk-preserve-color) a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-tile-secondary:not(.uk-preserve-color) a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-card-primary.uk-card-body a:hover, .uk-card-primary.uk-card-body .uk-link:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link, .uk-card-primary > :not([class*='uk-card-media']) a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link, .uk-card-secondary.uk-card-body a:hover, .uk-card-secondary.uk-card-body .uk-link:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link, .uk-card-secondary > :not([class*='uk-card-media']) a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link, .uk-overlay-primary a:hover, .uk-overlay-primary .uk-link:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link, .uk-offcanvas-bar a:hover, .uk-offcanvas-bar .uk-link:hover, .uk-offcanvas-bar .uk-link-toggle:hover .uk-link { color: #fff; } .uk-light :not(pre) > code, .uk-light :not(pre) > kbd, .uk-light :not(pre) > samp, .uk-section-primary:not(.uk-preserve-color) :not(pre) > code, .uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd, .uk-section-primary:not(.uk-preserve-color) :not(pre) > samp, .uk-section-secondary:not(.uk-preserve-color) :not(pre) > code, .uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd, .uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp, .uk-tile-primary:not(.uk-preserve-color) :not(pre) > code, .uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd, .uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp, .uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code, .uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd, .uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp, .uk-card-primary.uk-card-body :not(pre) > code, .uk-card-primary.uk-card-body :not(pre) > kbd, .uk-card-primary.uk-card-body :not(pre) > samp, .uk-card-primary > :not([class*='uk-card-media']) :not(pre) > code, .uk-card-primary > :not([class*='uk-card-media']) :not(pre) > kbd, .uk-card-primary > :not([class*='uk-card-media']) :not(pre) > samp, .uk-card-secondary.uk-card-body :not(pre) > code, .uk-card-secondary.uk-card-body :not(pre) > kbd, .uk-card-secondary.uk-card-body :not(pre) > samp, .uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > code, .uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > kbd, .uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > samp, .uk-overlay-primary :not(pre) > code, .uk-overlay-primary :not(pre) > kbd, .uk-overlay-primary :not(pre) > samp, .uk-offcanvas-bar :not(pre) > code, .uk-offcanvas-bar :not(pre) > kbd, .uk-offcanvas-bar :not(pre) > samp { color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.1); } .uk-light em, .uk-section-primary:not(.uk-preserve-color) em, .uk-section-secondary:not(.uk-preserve-color) em, .uk-tile-primary:not(.uk-preserve-color) em, .uk-tile-secondary:not(.uk-preserve-color) em, .uk-card-primary.uk-card-body em, .uk-card-primary > :not([class*='uk-card-media']) em, .uk-card-secondary.uk-card-body em, .uk-card-secondary > :not([class*='uk-card-media']) em, .uk-overlay-primary em, .uk-offcanvas-bar em { color: #fff; } .uk-light h1, .uk-light .uk-h1, .uk-light h2, .uk-light .uk-h2, .uk-light h3, .uk-light .uk-h3, .uk-light h4, .uk-light .uk-h4, .uk-light h5, .uk-light .uk-h5, .uk-light h6, .uk-light .uk-h6, .uk-light .uk-heading-small, .uk-light .uk-heading-medium, .uk-light .uk-heading-large, .uk-light .uk-heading-xlarge, .uk-light .uk-heading-2xlarge, .uk-section-primary:not(.uk-preserve-color) h1, .uk-section-primary:not(.uk-preserve-color) .uk-h1, .uk-section-primary:not(.uk-preserve-color) h2, .uk-section-primary:not(.uk-preserve-color) .uk-h2, .uk-section-primary:not(.uk-preserve-color) h3, .uk-section-primary:not(.uk-preserve-color) .uk-h3, .uk-section-primary:not(.uk-preserve-color) h4, .uk-section-primary:not(.uk-preserve-color) .uk-h4, .uk-section-primary:not(.uk-preserve-color) h5, .uk-section-primary:not(.uk-preserve-color) .uk-h5, .uk-section-primary:not(.uk-preserve-color) h6, .uk-section-primary:not(.uk-preserve-color) .uk-h6, .uk-section-primary:not(.uk-preserve-color) .uk-heading-small, .uk-section-primary:not(.uk-preserve-color) .uk-heading-medium, .uk-section-primary:not(.uk-preserve-color) .uk-heading-large, .uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-section-secondary:not(.uk-preserve-color) h1, .uk-section-secondary:not(.uk-preserve-color) .uk-h1, .uk-section-secondary:not(.uk-preserve-color) h2, .uk-section-secondary:not(.uk-preserve-color) .uk-h2, .uk-section-secondary:not(.uk-preserve-color) h3, .uk-section-secondary:not(.uk-preserve-color) .uk-h3, .uk-section-secondary:not(.uk-preserve-color) h4, .uk-section-secondary:not(.uk-preserve-color) .uk-h4, .uk-section-secondary:not(.uk-preserve-color) h5, .uk-section-secondary:not(.uk-preserve-color) .uk-h5, .uk-section-secondary:not(.uk-preserve-color) h6, .uk-section-secondary:not(.uk-preserve-color) .uk-h6, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-small, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-large, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-tile-primary:not(.uk-preserve-color) h1, .uk-tile-primary:not(.uk-preserve-color) .uk-h1, .uk-tile-primary:not(.uk-preserve-color) h2, .uk-tile-primary:not(.uk-preserve-color) .uk-h2, .uk-tile-primary:not(.uk-preserve-color) h3, .uk-tile-primary:not(.uk-preserve-color) .uk-h3, .uk-tile-primary:not(.uk-preserve-color) h4, .uk-tile-primary:not(.uk-preserve-color) .uk-h4, .uk-tile-primary:not(.uk-preserve-color) h5, .uk-tile-primary:not(.uk-preserve-color) .uk-h5, .uk-tile-primary:not(.uk-preserve-color) h6, .uk-tile-primary:not(.uk-preserve-color) .uk-h6, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-small, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-large, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-tile-secondary:not(.uk-preserve-color) h1, .uk-tile-secondary:not(.uk-preserve-color) .uk-h1, .uk-tile-secondary:not(.uk-preserve-color) h2, .uk-tile-secondary:not(.uk-preserve-color) .uk-h2, .uk-tile-secondary:not(.uk-preserve-color) h3, .uk-tile-secondary:not(.uk-preserve-color) .uk-h3, .uk-tile-secondary:not(.uk-preserve-color) h4, .uk-tile-secondary:not(.uk-preserve-color) .uk-h4, .uk-tile-secondary:not(.uk-preserve-color) h5, .uk-tile-secondary:not(.uk-preserve-color) .uk-h5, .uk-tile-secondary:not(.uk-preserve-color) h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-card-primary.uk-card-body h1, .uk-card-primary.uk-card-body .uk-h1, .uk-card-primary.uk-card-body h2, .uk-card-primary.uk-card-body .uk-h2, .uk-card-primary.uk-card-body h3, .uk-card-primary.uk-card-body .uk-h3, .uk-card-primary.uk-card-body h4, .uk-card-primary.uk-card-body .uk-h4, .uk-card-primary.uk-card-body h5, .uk-card-primary.uk-card-body .uk-h5, .uk-card-primary.uk-card-body h6, .uk-card-primary.uk-card-body .uk-h6, .uk-card-primary.uk-card-body .uk-heading-small, .uk-card-primary.uk-card-body .uk-heading-medium, .uk-card-primary.uk-card-body .uk-heading-large, .uk-card-primary.uk-card-body .uk-heading-xlarge, .uk-card-primary.uk-card-body .uk-heading-2xlarge, .uk-card-primary > :not([class*='uk-card-media']) h1, .uk-card-primary > :not([class*='uk-card-media']) .uk-h1, .uk-card-primary > :not([class*='uk-card-media']) h2, .uk-card-primary > :not([class*='uk-card-media']) .uk-h2, .uk-card-primary > :not([class*='uk-card-media']) h3, .uk-card-primary > :not([class*='uk-card-media']) .uk-h3, .uk-card-primary > :not([class*='uk-card-media']) h4, .uk-card-primary > :not([class*='uk-card-media']) .uk-h4, .uk-card-primary > :not([class*='uk-card-media']) h5, .uk-card-primary > :not([class*='uk-card-media']) .uk-h5, .uk-card-primary > :not([class*='uk-card-media']) h6, .uk-card-primary > :not([class*='uk-card-media']) .uk-h6, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-small, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-medium, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-large, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-xlarge, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-2xlarge, .uk-card-secondary.uk-card-body h1, .uk-card-secondary.uk-card-body .uk-h1, .uk-card-secondary.uk-card-body h2, .uk-card-secondary.uk-card-body .uk-h2, .uk-card-secondary.uk-card-body h3, .uk-card-secondary.uk-card-body .uk-h3, .uk-card-secondary.uk-card-body h4, .uk-card-secondary.uk-card-body .uk-h4, .uk-card-secondary.uk-card-body h5, .uk-card-secondary.uk-card-body .uk-h5, .uk-card-secondary.uk-card-body h6, .uk-card-secondary.uk-card-body .uk-h6, .uk-card-secondary.uk-card-body .uk-heading-small, .uk-card-secondary.uk-card-body .uk-heading-medium, .uk-card-secondary.uk-card-body .uk-heading-large, .uk-card-secondary.uk-card-body .uk-heading-xlarge, .uk-card-secondary.uk-card-body .uk-heading-2xlarge, .uk-card-secondary > :not([class*='uk-card-media']) h1, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h1, .uk-card-secondary > :not([class*='uk-card-media']) h2, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h2, .uk-card-secondary > :not([class*='uk-card-media']) h3, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h3, .uk-card-secondary > :not([class*='uk-card-media']) h4, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h4, .uk-card-secondary > :not([class*='uk-card-media']) h5, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h5, .uk-card-secondary > :not([class*='uk-card-media']) h6, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h6, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-small, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-medium, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-large, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-xlarge, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-2xlarge, .uk-overlay-primary h1, .uk-overlay-primary .uk-h1, .uk-overlay-primary h2, .uk-overlay-primary .uk-h2, .uk-overlay-primary h3, .uk-overlay-primary .uk-h3, .uk-overlay-primary h4, .uk-overlay-primary .uk-h4, .uk-overlay-primary h5, .uk-overlay-primary .uk-h5, .uk-overlay-primary h6, .uk-overlay-primary .uk-h6, .uk-overlay-primary .uk-heading-small, .uk-overlay-primary .uk-heading-medium, .uk-overlay-primary .uk-heading-large, .uk-overlay-primary .uk-heading-xlarge, .uk-overlay-primary .uk-heading-2xlarge, .uk-offcanvas-bar h1, .uk-offcanvas-bar .uk-h1, .uk-offcanvas-bar h2, .uk-offcanvas-bar .uk-h2, .uk-offcanvas-bar h3, .uk-offcanvas-bar .uk-h3, .uk-offcanvas-bar h4, .uk-offcanvas-bar .uk-h4, .uk-offcanvas-bar h5, .uk-offcanvas-bar .uk-h5, .uk-offcanvas-bar h6, .uk-offcanvas-bar .uk-h6, .uk-offcanvas-bar .uk-heading-small, .uk-offcanvas-bar .uk-heading-medium, .uk-offcanvas-bar .uk-heading-large, .uk-offcanvas-bar .uk-heading-xlarge, .uk-offcanvas-bar .uk-heading-2xlarge { color: #fff; } .uk-light blockquote, .uk-section-primary:not(.uk-preserve-color) blockquote, .uk-section-secondary:not(.uk-preserve-color) blockquote, .uk-tile-primary:not(.uk-preserve-color) blockquote, .uk-tile-secondary:not(.uk-preserve-color) blockquote, .uk-card-primary.uk-card-body blockquote, .uk-card-primary > :not([class*='uk-card-media']) blockquote, .uk-card-secondary.uk-card-body blockquote, .uk-card-secondary > :not([class*='uk-card-media']) blockquote, .uk-overlay-primary blockquote, .uk-offcanvas-bar blockquote { color: #fff; } .uk-light blockquote footer, .uk-section-primary:not(.uk-preserve-color) blockquote footer, .uk-section-secondary:not(.uk-preserve-color) blockquote footer, .uk-tile-primary:not(.uk-preserve-color) blockquote footer, .uk-tile-secondary:not(.uk-preserve-color) blockquote footer, .uk-card-primary.uk-card-body blockquote footer, .uk-card-primary > :not([class*='uk-card-media']) blockquote footer, .uk-card-secondary.uk-card-body blockquote footer, .uk-card-secondary > :not([class*='uk-card-media']) blockquote footer, .uk-overlay-primary blockquote footer, .uk-offcanvas-bar blockquote footer { color: rgba(255, 255, 255, 0.7); } .uk-light hr, .uk-light .uk-hr, .uk-section-primary:not(.uk-preserve-color) hr, .uk-section-primary:not(.uk-preserve-color) .uk-hr, .uk-section-secondary:not(.uk-preserve-color) hr, .uk-section-secondary:not(.uk-preserve-color) .uk-hr, .uk-tile-primary:not(.uk-preserve-color) hr, .uk-tile-primary:not(.uk-preserve-color) .uk-hr, .uk-tile-secondary:not(.uk-preserve-color) hr, .uk-tile-secondary:not(.uk-preserve-color) .uk-hr, .uk-card-primary.uk-card-body hr, .uk-card-primary.uk-card-body .uk-hr, .uk-card-primary > :not([class*='uk-card-media']) hr, .uk-card-primary > :not([class*='uk-card-media']) .uk-hr, .uk-card-secondary.uk-card-body hr, .uk-card-secondary.uk-card-body .uk-hr, .uk-card-secondary > :not([class*='uk-card-media']) hr, .uk-card-secondary > :not([class*='uk-card-media']) .uk-hr, .uk-overlay-primary hr, .uk-overlay-primary .uk-hr, .uk-offcanvas-bar hr, .uk-offcanvas-bar .uk-hr { border-top-color: rgba(255, 255, 255, 0.2); } .uk-light :focus, .uk-section-primary:not(.uk-preserve-color) :focus, .uk-section-secondary:not(.uk-preserve-color) :focus, .uk-tile-primary:not(.uk-preserve-color) :focus, .uk-tile-secondary:not(.uk-preserve-color) :focus, .uk-card-primary.uk-card-body :focus, .uk-card-primary > :not([class*='uk-card-media']) :focus, .uk-card-secondary.uk-card-body :focus, .uk-card-secondary > :not([class*='uk-card-media']) :focus, .uk-overlay-primary :focus, .uk-offcanvas-bar :focus { outline-color: #fff; } .uk-light :focus-visible, .uk-section-primary:not(.uk-preserve-color) :focus-visible, .uk-section-secondary:not(.uk-preserve-color) :focus-visible, .uk-tile-primary:not(.uk-preserve-color) :focus-visible, .uk-tile-secondary:not(.uk-preserve-color) :focus-visible, .uk-card-primary.uk-card-body :focus-visible, .uk-card-primary > :not([class*='uk-card-media']) :focus-visible, .uk-card-secondary.uk-card-body :focus-visible, .uk-card-secondary > :not([class*='uk-card-media']) :focus-visible, .uk-overlay-primary :focus-visible, .uk-offcanvas-bar :focus-visible { outline-color: #fff; } .uk-light a.uk-link-muted, .uk-light .uk-link-muted a, .uk-section-primary:not(.uk-preserve-color) a.uk-link-muted, .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a, .uk-card-primary.uk-card-body a.uk-link-muted, .uk-card-primary.uk-card-body .uk-link-muted a, .uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a, .uk-card-secondary.uk-card-body a.uk-link-muted, .uk-card-secondary.uk-card-body .uk-link-muted a, .uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a, .uk-overlay-primary a.uk-link-muted, .uk-overlay-primary .uk-link-muted a, .uk-offcanvas-bar a.uk-link-muted, .uk-offcanvas-bar .uk-link-muted a { color: rgba(255, 255, 255, 0.5); } .uk-light a.uk-link-muted:hover, .uk-light .uk-link-muted a:hover, .uk-light .uk-link-toggle:hover .uk-link-muted, .uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, .uk-card-primary.uk-card-body a.uk-link-muted:hover, .uk-card-primary.uk-card-body .uk-link-muted a:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted, .uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted, .uk-card-secondary.uk-card-body a.uk-link-muted:hover, .uk-card-secondary.uk-card-body .uk-link-muted a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted, .uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted, .uk-overlay-primary a.uk-link-muted:hover, .uk-overlay-primary .uk-link-muted a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link-muted, .uk-offcanvas-bar a.uk-link-muted:hover, .uk-offcanvas-bar .uk-link-muted a:hover, .uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted { color: rgba(255, 255, 255, 0.7); } .uk-light a.uk-link-text:hover, .uk-light .uk-link-text a:hover, .uk-light .uk-link-toggle:hover .uk-link-text, .uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, .uk-card-primary.uk-card-body a.uk-link-text:hover, .uk-card-primary.uk-card-body .uk-link-text a:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text, .uk-card-primary > :not([class*='uk-card-media']) a.uk-link-text:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-text a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text, .uk-card-secondary.uk-card-body a.uk-link-text:hover, .uk-card-secondary.uk-card-body .uk-link-text a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text, .uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-text:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-text a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text, .uk-overlay-primary a.uk-link-text:hover, .uk-overlay-primary .uk-link-text a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link-text, .uk-offcanvas-bar a.uk-link-text:hover, .uk-offcanvas-bar .uk-link-text a:hover, .uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text { color: rgba(255, 255, 255, 0.5); } .uk-light a.uk-link-heading:hover, .uk-light .uk-link-heading a:hover, .uk-light .uk-link-toggle:hover .uk-link-heading, .uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, .uk-card-primary.uk-card-body a.uk-link-heading:hover, .uk-card-primary.uk-card-body .uk-link-heading a:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading, .uk-card-primary > :not([class*='uk-card-media']) a.uk-link-heading:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-heading a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading, .uk-card-secondary.uk-card-body a.uk-link-heading:hover, .uk-card-secondary.uk-card-body .uk-link-heading a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading, .uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-heading:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-heading a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading, .uk-overlay-primary a.uk-link-heading:hover, .uk-overlay-primary .uk-link-heading a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link-heading, .uk-offcanvas-bar a.uk-link-heading:hover, .uk-offcanvas-bar .uk-link-heading a:hover, .uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading { color: #fff; } .uk-light .uk-heading-divider, .uk-section-primary:not(.uk-preserve-color) .uk-heading-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider, .uk-card-primary.uk-card-body .uk-heading-divider, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-divider, .uk-card-secondary.uk-card-body .uk-heading-divider, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-divider, .uk-overlay-primary .uk-heading-divider, .uk-offcanvas-bar .uk-heading-divider { border-bottom-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-heading-bullet::before, .uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, .uk-card-primary.uk-card-body .uk-heading-bullet::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-bullet::before, .uk-card-secondary.uk-card-body .uk-heading-bullet::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-bullet::before, .uk-overlay-primary .uk-heading-bullet::before, .uk-offcanvas-bar .uk-heading-bullet::before { border-left-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-heading-line > ::before, .uk-light .uk-heading-line > ::after, .uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, .uk-card-primary.uk-card-body .uk-heading-line > ::before, .uk-card-primary.uk-card-body .uk-heading-line > ::after, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::after, .uk-card-secondary.uk-card-body .uk-heading-line > ::before, .uk-card-secondary.uk-card-body .uk-heading-line > ::after, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::after, .uk-overlay-primary .uk-heading-line > ::before, .uk-overlay-primary .uk-heading-line > ::after, .uk-offcanvas-bar .uk-heading-line > ::before, .uk-offcanvas-bar .uk-heading-line > ::after { border-bottom-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-divider-icon, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon, .uk-card-primary.uk-card-body .uk-divider-icon, .uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon, .uk-card-secondary.uk-card-body .uk-divider-icon, .uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon, .uk-overlay-primary .uk-divider-icon, .uk-offcanvas-bar .uk-divider-icon { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A'); } .uk-light .uk-divider-icon::before, .uk-light .uk-divider-icon::after, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after, .uk-card-primary.uk-card-body .uk-divider-icon::before, .uk-card-primary.uk-card-body .uk-divider-icon::after, .uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::after, .uk-card-secondary.uk-card-body .uk-divider-icon::before, .uk-card-secondary.uk-card-body .uk-divider-icon::after, .uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::after, .uk-overlay-primary .uk-divider-icon::before, .uk-overlay-primary .uk-divider-icon::after, .uk-offcanvas-bar .uk-divider-icon::before, .uk-offcanvas-bar .uk-divider-icon::after { border-bottom-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-divider-small::after, .uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after, .uk-card-primary.uk-card-body .uk-divider-small::after, .uk-card-primary > :not([class*='uk-card-media']) .uk-divider-small::after, .uk-card-secondary.uk-card-body .uk-divider-small::after, .uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-small::after, .uk-overlay-primary .uk-divider-small::after, .uk-offcanvas-bar .uk-divider-small::after { border-top-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-divider-vertical, .uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical, .uk-card-primary.uk-card-body .uk-divider-vertical, .uk-card-primary > :not([class*='uk-card-media']) .uk-divider-vertical, .uk-card-secondary.uk-card-body .uk-divider-vertical, .uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-vertical, .uk-overlay-primary .uk-divider-vertical, .uk-offcanvas-bar .uk-divider-vertical { border-left-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-list-muted > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, .uk-card-primary.uk-card-body .uk-list-muted > ::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-list-muted > ::before, .uk-card-secondary.uk-card-body .uk-list-muted > ::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-list-muted > ::before, .uk-overlay-primary .uk-list-muted > ::before, .uk-offcanvas-bar .uk-list-muted > ::before { color: rgba(255, 255, 255, 0.5) !important; } .uk-light .uk-list-emphasis > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, .uk-card-primary.uk-card-body .uk-list-emphasis > ::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-list-emphasis > ::before, .uk-card-secondary.uk-card-body .uk-list-emphasis > ::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-list-emphasis > ::before, .uk-overlay-primary .uk-list-emphasis > ::before, .uk-offcanvas-bar .uk-list-emphasis > ::before { color: #fff !important; } .uk-light .uk-list-primary > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, .uk-card-primary.uk-card-body .uk-list-primary > ::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-list-primary > ::before, .uk-card-secondary.uk-card-body .uk-list-primary > ::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-list-primary > ::before, .uk-overlay-primary .uk-list-primary > ::before, .uk-offcanvas-bar .uk-list-primary > ::before { color: #fff !important; } .uk-light .uk-list-secondary > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, .uk-card-primary.uk-card-body .uk-list-secondary > ::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-list-secondary > ::before, .uk-card-secondary.uk-card-body .uk-list-secondary > ::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-list-secondary > ::before, .uk-overlay-primary .uk-list-secondary > ::before, .uk-offcanvas-bar .uk-list-secondary > ::before { color: #fff !important; } .uk-light .uk-list-bullet > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, .uk-card-primary.uk-card-body .uk-list-bullet > ::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-list-bullet > ::before, .uk-card-secondary.uk-card-body .uk-list-bullet > ::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-list-bullet > ::before, .uk-overlay-primary .uk-list-bullet > ::before, .uk-offcanvas-bar .uk-list-bullet > ::before { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E'); } .uk-light .uk-list-divider > :nth-child(n + 2), .uk-section-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n + 2), .uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n + 2), .uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n + 2), .uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n + 2), .uk-card-primary.uk-card-body .uk-list-divider > :nth-child(n + 2), .uk-card-primary > :not([class*='uk-card-media']) .uk-list-divider > :nth-child(n + 2), .uk-card-secondary.uk-card-body .uk-list-divider > :nth-child(n + 2), .uk-card-secondary > :not([class*='uk-card-media']) .uk-list-divider > :nth-child(n + 2), .uk-overlay-primary .uk-list-divider > :nth-child(n + 2), .uk-offcanvas-bar .uk-list-divider > :nth-child(n + 2) { border-top-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-list-striped > *:nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), .uk-card-primary.uk-card-body .uk-list-striped > *:nth-of-type(odd), .uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > *:nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-list-striped > *:nth-of-type(odd), .uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > *:nth-of-type(odd), .uk-overlay-primary .uk-list-striped > *:nth-of-type(odd), .uk-offcanvas-bar .uk-list-striped > *:nth-of-type(odd) { border-top-color: rgba(255, 255, 255, 0.2); border-bottom-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-list-striped > :nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), .uk-card-primary.uk-card-body .uk-list-striped > :nth-of-type(odd), .uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > :nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-list-striped > :nth-of-type(odd), .uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > :nth-of-type(odd), .uk-overlay-primary .uk-list-striped > :nth-of-type(odd), .uk-offcanvas-bar .uk-list-striped > :nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.1); } .uk-light .uk-table th, .uk-section-primary:not(.uk-preserve-color) .uk-table th, .uk-section-secondary:not(.uk-preserve-color) .uk-table th, .uk-tile-primary:not(.uk-preserve-color) .uk-table th, .uk-tile-secondary:not(.uk-preserve-color) .uk-table th, .uk-card-primary.uk-card-body .uk-table th, .uk-card-primary > :not([class*='uk-card-media']) .uk-table th, .uk-card-secondary.uk-card-body .uk-table th, .uk-card-secondary > :not([class*='uk-card-media']) .uk-table th, .uk-overlay-primary .uk-table th, .uk-offcanvas-bar .uk-table th { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-table caption, .uk-section-primary:not(.uk-preserve-color) .uk-table caption, .uk-section-secondary:not(.uk-preserve-color) .uk-table caption, .uk-tile-primary:not(.uk-preserve-color) .uk-table caption, .uk-tile-secondary:not(.uk-preserve-color) .uk-table caption, .uk-card-primary.uk-card-body .uk-table caption, .uk-card-primary > :not([class*='uk-card-media']) .uk-table caption, .uk-card-secondary.uk-card-body .uk-table caption, .uk-card-secondary > :not([class*='uk-card-media']) .uk-table caption, .uk-overlay-primary .uk-table caption, .uk-offcanvas-bar .uk-table caption { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-table > tr.uk-active, .uk-light .uk-table tbody tr.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, .uk-card-primary.uk-card-body .uk-table > tr.uk-active, .uk-card-primary.uk-card-body .uk-table tbody tr.uk-active, .uk-card-primary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, .uk-card-primary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, .uk-card-secondary.uk-card-body .uk-table > tr.uk-active, .uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, .uk-overlay-primary .uk-table > tr.uk-active, .uk-overlay-primary .uk-table tbody tr.uk-active, .uk-offcanvas-bar .uk-table > tr.uk-active, .uk-offcanvas-bar .uk-table tbody tr.uk-active { background: rgba(255, 255, 255, 0.08); } .uk-light .uk-table-divider > tr:not(:first-child), .uk-light .uk-table-divider > :not(:first-child) > tr, .uk-light .uk-table-divider > :first-child > tr:not(:first-child), .uk-section-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), .uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, .uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), .uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), .uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, .uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), .uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), .uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, .uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), .uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), .uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, .uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), .uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child), .uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr, .uk-card-primary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), .uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), .uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, .uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), .uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child), .uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr, .uk-card-secondary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), .uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), .uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, .uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), .uk-overlay-primary .uk-table-divider > tr:not(:first-child), .uk-overlay-primary .uk-table-divider > :not(:first-child) > tr, .uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child), .uk-offcanvas-bar .uk-table-divider > tr:not(:first-child), .uk-offcanvas-bar .uk-table-divider > :not(:first-child) > tr, .uk-offcanvas-bar .uk-table-divider > :first-child > tr:not(:first-child) { border-top-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-table-striped > tr:nth-of-type(odd), .uk-light .uk-table-striped tbody tr:nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), .uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), .uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), .uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), .uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), .uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), .uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), .uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd), .uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd), .uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(odd), .uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd) { background: rgba(255, 255, 255, 0.1); border-top-color: rgba(255, 255, 255, 0.2); border-bottom-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-table-hover > tr:hover, .uk-light .uk-table-hover tbody tr:hover, .uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, .uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, .uk-card-primary.uk-card-body .uk-table-hover > tr:hover, .uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, .uk-card-secondary.uk-card-body .uk-table-hover > tr:hover, .uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, .uk-overlay-primary .uk-table-hover > tr:hover, .uk-overlay-primary .uk-table-hover tbody tr:hover, .uk-offcanvas-bar .uk-table-hover > tr:hover, .uk-offcanvas-bar .uk-table-hover tbody tr:hover { background: rgba(255, 255, 255, 0.08); } .uk-light .uk-icon-link, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link, .uk-card-primary.uk-card-body .uk-icon-link, .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link, .uk-card-secondary.uk-card-body .uk-icon-link, .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link, .uk-overlay-primary .uk-icon-link, .uk-offcanvas-bar .uk-icon-link { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-icon-link:hover, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-card-primary.uk-card-body .uk-icon-link:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:hover, .uk-card-secondary.uk-card-body .uk-icon-link:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:hover, .uk-overlay-primary .uk-icon-link:hover, .uk-offcanvas-bar .uk-icon-link:hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-icon-link:active, .uk-light .uk-active > .uk-icon-link, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active, .uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active, .uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active, .uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, .uk-card-primary.uk-card-body .uk-icon-link:active, .uk-card-primary.uk-card-body .uk-active > .uk-icon-link, .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, .uk-card-secondary.uk-card-body .uk-icon-link:active, .uk-card-secondary.uk-card-body .uk-active > .uk-icon-link, .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, .uk-overlay-primary .uk-icon-link:active, .uk-overlay-primary .uk-active > .uk-icon-link, .uk-offcanvas-bar .uk-icon-link:active, .uk-offcanvas-bar .uk-active > .uk-icon-link { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-icon-button, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button, .uk-card-primary.uk-card-body .uk-icon-button, .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button, .uk-card-secondary.uk-card-body .uk-icon-button, .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button, .uk-overlay-primary .uk-icon-button, .uk-offcanvas-bar .uk-icon-button { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.5); } .uk-light .uk-icon-button:hover, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-card-primary.uk-card-body .uk-icon-button:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:hover, .uk-card-secondary.uk-card-body .uk-icon-button:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:hover, .uk-overlay-primary .uk-icon-button:hover, .uk-offcanvas-bar .uk-icon-button:hover { background-color: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.7); } .uk-light .uk-icon-button:active, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active, .uk-card-primary.uk-card-body .uk-icon-button:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:active, .uk-card-secondary.uk-card-body .uk-icon-button:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:active, .uk-overlay-primary .uk-icon-button:active, .uk-offcanvas-bar .uk-icon-button:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.7); } .uk-light .uk-input, .uk-light .uk-select, .uk-light .uk-textarea, .uk-section-primary:not(.uk-preserve-color) .uk-input, .uk-section-primary:not(.uk-preserve-color) .uk-select, .uk-section-primary:not(.uk-preserve-color) .uk-textarea, .uk-section-secondary:not(.uk-preserve-color) .uk-input, .uk-section-secondary:not(.uk-preserve-color) .uk-select, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea, .uk-tile-primary:not(.uk-preserve-color) .uk-input, .uk-tile-primary:not(.uk-preserve-color) .uk-select, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea, .uk-tile-secondary:not(.uk-preserve-color) .uk-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-select, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea, .uk-card-primary.uk-card-body .uk-input, .uk-card-primary.uk-card-body .uk-select, .uk-card-primary.uk-card-body .uk-textarea, .uk-card-primary > :not([class*='uk-card-media']) .uk-input, .uk-card-primary > :not([class*='uk-card-media']) .uk-select, .uk-card-primary > :not([class*='uk-card-media']) .uk-textarea, .uk-card-secondary.uk-card-body .uk-input, .uk-card-secondary.uk-card-body .uk-select, .uk-card-secondary.uk-card-body .uk-textarea, .uk-card-secondary > :not([class*='uk-card-media']) .uk-input, .uk-card-secondary > :not([class*='uk-card-media']) .uk-select, .uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea, .uk-overlay-primary .uk-input, .uk-overlay-primary .uk-select, .uk-overlay-primary .uk-textarea, .uk-offcanvas-bar .uk-input, .uk-offcanvas-bar .uk-select, .uk-offcanvas-bar .uk-textarea { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); background-clip: padding-box; border-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-input:focus, .uk-light .uk-select:focus, .uk-light .uk-textarea:focus, .uk-section-primary:not(.uk-preserve-color) .uk-input:focus, .uk-section-primary:not(.uk-preserve-color) .uk-select:focus, .uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-select:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-select:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus, .uk-card-primary.uk-card-body .uk-input:focus, .uk-card-primary.uk-card-body .uk-select:focus, .uk-card-primary.uk-card-body .uk-textarea:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-input:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-select:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-textarea:focus, .uk-card-secondary.uk-card-body .uk-input:focus, .uk-card-secondary.uk-card-body .uk-select:focus, .uk-card-secondary.uk-card-body .uk-textarea:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-input:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-select:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea:focus, .uk-overlay-primary .uk-input:focus, .uk-overlay-primary .uk-select:focus, .uk-overlay-primary .uk-textarea:focus, .uk-offcanvas-bar .uk-input:focus, .uk-offcanvas-bar .uk-select:focus, .uk-offcanvas-bar .uk-textarea:focus { background-color: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.7); } .uk-light .uk-input::-moz-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-input::-moz-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-input::-moz-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-input::-moz-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-input::-moz-placeholder, .uk-card-primary.uk-card-body .uk-input::-moz-placeholder, .uk-card-primary > :not([class*='uk-card-media']) .uk-input::-moz-placeholder, .uk-card-secondary.uk-card-body .uk-input::-moz-placeholder, .uk-card-secondary > :not([class*='uk-card-media']) .uk-input::-moz-placeholder, .uk-overlay-primary .uk-input::-moz-placeholder, .uk-offcanvas-bar .uk-input::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-input::placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder, .uk-card-primary.uk-card-body .uk-input::placeholder, .uk-card-primary > :not([class*='uk-card-media']) .uk-input::placeholder, .uk-card-secondary.uk-card-body .uk-input::placeholder, .uk-card-secondary > :not([class*='uk-card-media']) .uk-input::placeholder, .uk-overlay-primary .uk-input::placeholder, .uk-offcanvas-bar .uk-input::placeholder { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-textarea::-moz-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder, .uk-card-primary.uk-card-body .uk-textarea::-moz-placeholder, .uk-card-primary > :not([class*='uk-card-media']) .uk-textarea::-moz-placeholder, .uk-card-secondary.uk-card-body .uk-textarea::-moz-placeholder, .uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea::-moz-placeholder, .uk-overlay-primary .uk-textarea::-moz-placeholder, .uk-offcanvas-bar .uk-textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-textarea::placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-card-primary.uk-card-body .uk-textarea::placeholder, .uk-card-primary > :not([class*='uk-card-media']) .uk-textarea::placeholder, .uk-card-secondary.uk-card-body .uk-textarea::placeholder, .uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea::placeholder, .uk-overlay-primary .uk-textarea::placeholder, .uk-offcanvas-bar .uk-textarea::placeholder { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-select:not([multiple]):not([size]), .uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]), .uk-card-primary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), .uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]), .uk-card-secondary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), .uk-overlay-primary .uk-select:not([multiple]):not([size]), .uk-offcanvas-bar .uk-select:not([multiple]):not([size]) { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A'); } .uk-light .uk-input[list]:hover, .uk-light .uk-input[list]:focus, .uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-card-primary.uk-card-body .uk-input[list]:hover, .uk-card-primary.uk-card-body .uk-input[list]:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:focus, .uk-card-secondary.uk-card-body .uk-input[list]:hover, .uk-card-secondary.uk-card-body .uk-input[list]:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:focus, .uk-overlay-primary .uk-input[list]:hover, .uk-overlay-primary .uk-input[list]:focus, .uk-offcanvas-bar .uk-input[list]:hover, .uk-offcanvas-bar .uk-input[list]:focus { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A'); } .uk-light .uk-radio, .uk-light .uk-checkbox, .uk-section-primary:not(.uk-preserve-color) .uk-radio, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox, .uk-section-secondary:not(.uk-preserve-color) .uk-radio, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox, .uk-tile-primary:not(.uk-preserve-color) .uk-radio, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox, .uk-card-primary.uk-card-body .uk-radio, .uk-card-primary.uk-card-body .uk-checkbox, .uk-card-primary > :not([class*='uk-card-media']) .uk-radio, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox, .uk-card-secondary.uk-card-body .uk-radio, .uk-card-secondary.uk-card-body .uk-checkbox, .uk-card-secondary > :not([class*='uk-card-media']) .uk-radio, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox, .uk-overlay-primary .uk-radio, .uk-overlay-primary .uk-checkbox, .uk-offcanvas-bar .uk-radio, .uk-offcanvas-bar .uk-checkbox { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-radio:focus, .uk-light .uk-checkbox:focus, .uk-section-primary:not(.uk-preserve-color) .uk-radio:focus, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-card-primary.uk-card-body .uk-radio:focus, .uk-card-primary.uk-card-body .uk-checkbox:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-radio:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:focus, .uk-card-secondary.uk-card-body .uk-radio:focus, .uk-card-secondary.uk-card-body .uk-checkbox:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:focus, .uk-overlay-primary .uk-radio:focus, .uk-overlay-primary .uk-checkbox:focus, .uk-offcanvas-bar .uk-radio:focus, .uk-offcanvas-bar .uk-checkbox:focus { background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.7); } .uk-light .uk-radio:checked, .uk-light .uk-checkbox:checked, .uk-light .uk-checkbox:indeterminate, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-card-primary.uk-card-body .uk-radio:checked, .uk-card-primary.uk-card-body .uk-checkbox:checked, .uk-card-primary.uk-card-body .uk-checkbox:indeterminate, .uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, .uk-card-secondary.uk-card-body .uk-radio:checked, .uk-card-secondary.uk-card-body .uk-checkbox:checked, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, .uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, .uk-overlay-primary .uk-radio:checked, .uk-overlay-primary .uk-checkbox:checked, .uk-overlay-primary .uk-checkbox:indeterminate, .uk-offcanvas-bar .uk-radio:checked, .uk-offcanvas-bar .uk-checkbox:checked, .uk-offcanvas-bar .uk-checkbox:indeterminate { background-color: #fff; border-color: rgba(255, 255, 255, 0.7); } .uk-light .uk-radio:checked:focus, .uk-light .uk-checkbox:checked:focus, .uk-light .uk-checkbox:indeterminate:focus, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-card-primary.uk-card-body .uk-radio:checked:focus, .uk-card-primary.uk-card-body .uk-checkbox:checked:focus, .uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, .uk-card-secondary.uk-card-body .uk-radio:checked:focus, .uk-card-secondary.uk-card-body .uk-checkbox:checked:focus, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, .uk-overlay-primary .uk-radio:checked:focus, .uk-overlay-primary .uk-checkbox:checked:focus, .uk-overlay-primary .uk-checkbox:indeterminate:focus, .uk-offcanvas-bar .uk-radio:checked:focus, .uk-offcanvas-bar .uk-checkbox:checked:focus, .uk-offcanvas-bar .uk-checkbox:indeterminate:focus { background-color: #fff; } .uk-light .uk-radio:checked, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-card-primary.uk-card-body .uk-radio:checked, .uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, .uk-card-secondary.uk-card-body .uk-radio:checked, .uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, .uk-overlay-primary .uk-radio:checked, .uk-offcanvas-bar .uk-radio:checked { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E'); } .uk-light .uk-checkbox:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-card-primary.uk-card-body .uk-checkbox:checked, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, .uk-card-secondary.uk-card-body .uk-checkbox:checked, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, .uk-overlay-primary .uk-checkbox:checked, .uk-offcanvas-bar .uk-checkbox:checked { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A'); } .uk-light .uk-checkbox:indeterminate, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-card-primary.uk-card-body .uk-checkbox:indeterminate, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, .uk-overlay-primary .uk-checkbox:indeterminate, .uk-offcanvas-bar .uk-checkbox:indeterminate { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E'); } .uk-light .uk-form-label, .uk-section-primary:not(.uk-preserve-color) .uk-form-label, .uk-section-secondary:not(.uk-preserve-color) .uk-form-label, .uk-tile-primary:not(.uk-preserve-color) .uk-form-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-label, .uk-card-primary.uk-card-body .uk-form-label, .uk-card-primary > :not([class*='uk-card-media']) .uk-form-label, .uk-card-secondary.uk-card-body .uk-form-label, .uk-card-secondary > :not([class*='uk-card-media']) .uk-form-label, .uk-overlay-primary .uk-form-label, .uk-offcanvas-bar .uk-form-label { color: #fff; } .uk-light .uk-form-icon, .uk-section-primary:not(.uk-preserve-color) .uk-form-icon, .uk-section-secondary:not(.uk-preserve-color) .uk-form-icon, .uk-tile-primary:not(.uk-preserve-color) .uk-form-icon, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon, .uk-card-primary.uk-card-body .uk-form-icon, .uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon, .uk-card-secondary.uk-card-body .uk-form-icon, .uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon, .uk-overlay-primary .uk-form-icon, .uk-offcanvas-bar .uk-form-icon { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-form-icon:hover, .uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-card-primary.uk-card-body .uk-form-icon:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon:hover, .uk-card-secondary.uk-card-body .uk-form-icon:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon:hover, .uk-overlay-primary .uk-form-icon:hover, .uk-offcanvas-bar .uk-form-icon:hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-button-default, .uk-section-primary:not(.uk-preserve-color) .uk-button-default, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default, .uk-card-primary.uk-card-body .uk-button-default, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default, .uk-card-secondary.uk-card-body .uk-button-default, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default, .uk-overlay-primary .uk-button-default, .uk-offcanvas-bar .uk-button-default { background-color: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.7); } .uk-light .uk-button-default:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover, .uk-card-primary.uk-card-body .uk-button-default:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:hover, .uk-card-secondary.uk-card-body .uk-button-default:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:hover, .uk-overlay-primary .uk-button-default:hover, .uk-offcanvas-bar .uk-button-default:hover { background-color: transparent; color: #fff; border-color: #fff; } .uk-light .uk-button-default:active, .uk-light .uk-button-default.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-card-primary.uk-card-body .uk-button-default:active, .uk-card-primary.uk-card-body .uk-button-default.uk-active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default.uk-active, .uk-card-secondary.uk-card-body .uk-button-default:active, .uk-card-secondary.uk-card-body .uk-button-default.uk-active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default.uk-active, .uk-overlay-primary .uk-button-default:active, .uk-overlay-primary .uk-button-default.uk-active, .uk-offcanvas-bar .uk-button-default:active, .uk-offcanvas-bar .uk-button-default.uk-active { background-color: transparent; color: #fff; border-color: #fff; } .uk-light .uk-button-primary, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary, .uk-card-primary.uk-card-body .uk-button-primary, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary, .uk-card-secondary.uk-card-body .uk-button-primary, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary, .uk-overlay-primary .uk-button-primary, .uk-offcanvas-bar .uk-button-primary { background-color: #fff; color: #666; } .uk-light .uk-button-primary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-card-primary.uk-card-body .uk-button-primary:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:hover, .uk-card-secondary.uk-card-body .uk-button-primary:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:hover, .uk-overlay-primary .uk-button-primary:hover, .uk-offcanvas-bar .uk-button-primary:hover { background-color: #f2f2f2; color: #666; } .uk-light .uk-button-primary:active, .uk-light .uk-button-primary.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-card-primary.uk-card-body .uk-button-primary:active, .uk-card-primary.uk-card-body .uk-button-primary.uk-active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, .uk-card-secondary.uk-card-body .uk-button-primary:active, .uk-card-secondary.uk-card-body .uk-button-primary.uk-active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, .uk-overlay-primary .uk-button-primary:active, .uk-overlay-primary .uk-button-primary.uk-active, .uk-offcanvas-bar .uk-button-primary:active, .uk-offcanvas-bar .uk-button-primary.uk-active { background-color: #e6e6e6; color: #666; } .uk-light .uk-button-secondary, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary, .uk-card-primary.uk-card-body .uk-button-secondary, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary, .uk-card-secondary.uk-card-body .uk-button-secondary, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary, .uk-overlay-primary .uk-button-secondary, .uk-offcanvas-bar .uk-button-secondary { background-color: #fff; color: #666; } .uk-light .uk-button-secondary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-card-primary.uk-card-body .uk-button-secondary:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:hover, .uk-card-secondary.uk-card-body .uk-button-secondary:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:hover, .uk-overlay-primary .uk-button-secondary:hover, .uk-offcanvas-bar .uk-button-secondary:hover { background-color: #f2f2f2; color: #666; } .uk-light .uk-button-secondary:active, .uk-light .uk-button-secondary.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-card-primary.uk-card-body .uk-button-secondary:active, .uk-card-primary.uk-card-body .uk-button-secondary.uk-active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, .uk-card-secondary.uk-card-body .uk-button-secondary:active, .uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, .uk-overlay-primary .uk-button-secondary:active, .uk-overlay-primary .uk-button-secondary.uk-active, .uk-offcanvas-bar .uk-button-secondary:active, .uk-offcanvas-bar .uk-button-secondary.uk-active { background-color: #e6e6e6; color: #666; } .uk-light .uk-button-text, .uk-section-primary:not(.uk-preserve-color) .uk-button-text, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text, .uk-card-primary.uk-card-body .uk-button-text, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-text, .uk-card-secondary.uk-card-body .uk-button-text, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text, .uk-overlay-primary .uk-button-text, .uk-offcanvas-bar .uk-button-text { color: #fff; } .uk-light .uk-button-text::before, .uk-section-primary:not(.uk-preserve-color) .uk-button-text::before, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before, .uk-card-primary.uk-card-body .uk-button-text::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-text::before, .uk-card-secondary.uk-card-body .uk-button-text::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text::before, .uk-overlay-primary .uk-button-text::before, .uk-offcanvas-bar .uk-button-text::before { border-bottom-color: #fff; } .uk-light .uk-button-text:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover, .uk-card-primary.uk-card-body .uk-button-text:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:hover, .uk-card-secondary.uk-card-body .uk-button-text:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:hover, .uk-overlay-primary .uk-button-text:hover, .uk-offcanvas-bar .uk-button-text:hover { color: #fff; } .uk-light .uk-button-text:disabled, .uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-card-primary.uk-card-body .uk-button-text:disabled, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:disabled, .uk-card-secondary.uk-card-body .uk-button-text:disabled, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:disabled, .uk-overlay-primary .uk-button-text:disabled, .uk-offcanvas-bar .uk-button-text:disabled { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-button-link, .uk-section-primary:not(.uk-preserve-color) .uk-button-link, .uk-section-secondary:not(.uk-preserve-color) .uk-button-link, .uk-tile-primary:not(.uk-preserve-color) .uk-button-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link, .uk-card-primary.uk-card-body .uk-button-link, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-link, .uk-card-secondary.uk-card-body .uk-button-link, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link, .uk-overlay-primary .uk-button-link, .uk-offcanvas-bar .uk-button-link { color: #fff; } .uk-light .uk-button-link:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover, .uk-card-primary.uk-card-body .uk-button-link:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:hover, .uk-card-secondary.uk-card-body .uk-button-link:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:hover, .uk-overlay-primary .uk-button-link:hover, .uk-offcanvas-bar .uk-button-link:hover { color: rgba(255, 255, 255, 0.5); } .uk-light.uk-card-badge, .uk-section-primary:not(.uk-preserve-color).uk-card-badge, .uk-section-secondary:not(.uk-preserve-color).uk-card-badge, .uk-tile-primary:not(.uk-preserve-color).uk-card-badge, .uk-tile-secondary:not(.uk-preserve-color).uk-card-badge, .uk-card-primary.uk-card-body.uk-card-badge, .uk-card-primary > :not([class*='uk-card-media']).uk-card-badge, .uk-card-secondary.uk-card-body.uk-card-badge, .uk-card-secondary > :not([class*='uk-card-media']).uk-card-badge, .uk-overlay-primary.uk-card-badge, .uk-offcanvas-bar.uk-card-badge { background-color: #fff; color: #666; } .uk-light .uk-close, .uk-section-primary:not(.uk-preserve-color) .uk-close, .uk-section-secondary:not(.uk-preserve-color) .uk-close, .uk-tile-primary:not(.uk-preserve-color) .uk-close, .uk-tile-secondary:not(.uk-preserve-color) .uk-close, .uk-card-primary.uk-card-body .uk-close, .uk-card-primary > :not([class*='uk-card-media']) .uk-close, .uk-card-secondary.uk-card-body .uk-close, .uk-card-secondary > :not([class*='uk-card-media']) .uk-close, .uk-overlay-primary .uk-close, .uk-offcanvas-bar .uk-close { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-close:hover, .uk-section-primary:not(.uk-preserve-color) .uk-close:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-close:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-close:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover, .uk-card-primary.uk-card-body .uk-close:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-close:hover, .uk-card-secondary.uk-card-body .uk-close:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-close:hover, .uk-overlay-primary .uk-close:hover, .uk-offcanvas-bar .uk-close:hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-totop, .uk-section-primary:not(.uk-preserve-color) .uk-totop, .uk-section-secondary:not(.uk-preserve-color) .uk-totop, .uk-tile-primary:not(.uk-preserve-color) .uk-totop, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop, .uk-card-primary.uk-card-body .uk-totop, .uk-card-primary > :not([class*='uk-card-media']) .uk-totop, .uk-card-secondary.uk-card-body .uk-totop, .uk-card-secondary > :not([class*='uk-card-media']) .uk-totop, .uk-overlay-primary .uk-totop, .uk-offcanvas-bar .uk-totop { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-totop:hover, .uk-section-primary:not(.uk-preserve-color) .uk-totop:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover, .uk-card-primary.uk-card-body .uk-totop:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-totop:hover, .uk-card-secondary.uk-card-body .uk-totop:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:hover, .uk-overlay-primary .uk-totop:hover, .uk-offcanvas-bar .uk-totop:hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-totop:active, .uk-section-primary:not(.uk-preserve-color) .uk-totop:active, .uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, .uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active, .uk-card-primary.uk-card-body .uk-totop:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-totop:active, .uk-card-secondary.uk-card-body .uk-totop:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:active, .uk-overlay-primary .uk-totop:active, .uk-offcanvas-bar .uk-totop:active { color: #fff; } .uk-light .uk-marker, .uk-section-primary:not(.uk-preserve-color) .uk-marker, .uk-section-secondary:not(.uk-preserve-color) .uk-marker, .uk-tile-primary:not(.uk-preserve-color) .uk-marker, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker, .uk-card-primary.uk-card-body .uk-marker, .uk-card-primary > :not([class*='uk-card-media']) .uk-marker, .uk-card-secondary.uk-card-body .uk-marker, .uk-card-secondary > :not([class*='uk-card-media']) .uk-marker, .uk-overlay-primary .uk-marker, .uk-offcanvas-bar .uk-marker { background: #f8f8f8; color: #666; } .uk-light .uk-marker:hover, .uk-section-primary:not(.uk-preserve-color) .uk-marker:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover, .uk-card-primary.uk-card-body .uk-marker:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-marker:hover, .uk-card-secondary.uk-card-body .uk-marker:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:hover, .uk-overlay-primary .uk-marker:hover, .uk-offcanvas-bar .uk-marker:hover { color: #666; } .uk-light .uk-badge, .uk-section-primary:not(.uk-preserve-color) .uk-badge, .uk-section-secondary:not(.uk-preserve-color) .uk-badge, .uk-tile-primary:not(.uk-preserve-color) .uk-badge, .uk-tile-secondary:not(.uk-preserve-color) .uk-badge, .uk-card-primary.uk-card-body .uk-badge, .uk-card-primary > :not([class*='uk-card-media']) .uk-badge, .uk-card-secondary.uk-card-body .uk-badge, .uk-card-secondary > :not([class*='uk-card-media']) .uk-badge, .uk-overlay-primary .uk-badge, .uk-offcanvas-bar .uk-badge { background-color: #fff; color: #666 !important; } .uk-light .uk-label, .uk-section-primary:not(.uk-preserve-color) .uk-label, .uk-section-secondary:not(.uk-preserve-color) .uk-label, .uk-tile-primary:not(.uk-preserve-color) .uk-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-label, .uk-card-primary.uk-card-body .uk-label, .uk-card-primary > :not([class*='uk-card-media']) .uk-label, .uk-card-secondary.uk-card-body .uk-label, .uk-card-secondary > :not([class*='uk-card-media']) .uk-label, .uk-overlay-primary .uk-label, .uk-offcanvas-bar .uk-label { background-color: #fff; color: #666; } .uk-light .uk-article-meta, .uk-section-primary:not(.uk-preserve-color) .uk-article-meta, .uk-section-secondary:not(.uk-preserve-color) .uk-article-meta, .uk-tile-primary:not(.uk-preserve-color) .uk-article-meta, .uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta, .uk-card-primary.uk-card-body .uk-article-meta, .uk-card-primary > :not([class*='uk-card-media']) .uk-article-meta, .uk-card-secondary.uk-card-body .uk-article-meta, .uk-card-secondary > :not([class*='uk-card-media']) .uk-article-meta, .uk-overlay-primary .uk-article-meta, .uk-offcanvas-bar .uk-article-meta { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input, .uk-card-primary.uk-card-body .uk-search-input, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-input, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input, .uk-overlay-primary .uk-search-input, .uk-offcanvas-bar .uk-search-input { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-search-input::-moz-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder, .uk-card-primary.uk-card-body .uk-search-input::-moz-placeholder, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-input::-moz-placeholder, .uk-card-secondary.uk-card-body .uk-search-input::-moz-placeholder, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input::-moz-placeholder, .uk-overlay-primary .uk-search-input::-moz-placeholder, .uk-offcanvas-bar .uk-search-input::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-search-input::placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-card-primary.uk-card-body .uk-search-input::placeholder, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-input::placeholder, .uk-card-secondary.uk-card-body .uk-search-input::placeholder, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input::placeholder, .uk-overlay-primary .uk-search-input::placeholder, .uk-offcanvas-bar .uk-search-input::placeholder { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-search .uk-search-icon, .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-card-primary.uk-card-body .uk-search .uk-search-icon, .uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, .uk-card-secondary.uk-card-body .uk-search .uk-search-icon, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, .uk-overlay-primary .uk-search .uk-search-icon, .uk-offcanvas-bar .uk-search .uk-search-icon { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-search .uk-search-icon:hover, .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, .uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, .uk-overlay-primary .uk-search .uk-search-icon:hover, .uk-offcanvas-bar .uk-search .uk-search-icon:hover { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-search-default .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-card-primary.uk-card-body .uk-search-default .uk-search-input, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, .uk-overlay-primary .uk-search-default .uk-search-input, .uk-offcanvas-bar .uk-search-default .uk-search-input { background-color: transparent; border-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-search-default .uk-search-input:focus, .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, .uk-overlay-primary .uk-search-default .uk-search-input:focus, .uk-offcanvas-bar .uk-search-default .uk-search-input:focus { background-color: rgba(0, 0, 0, 0.05); } .uk-light .uk-search-navbar .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, .uk-overlay-primary .uk-search-navbar .uk-search-input, .uk-offcanvas-bar .uk-search-navbar .uk-search-input { background-color: transparent; } .uk-light .uk-search-large .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-card-primary.uk-card-body .uk-search-large .uk-search-input, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, .uk-overlay-primary .uk-search-large .uk-search-input, .uk-offcanvas-bar .uk-search-large .uk-search-input { background-color: transparent; } .uk-light .uk-search-toggle, .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle, .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle, .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle, .uk-card-primary.uk-card-body .uk-search-toggle, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle, .uk-card-secondary.uk-card-body .uk-search-toggle, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle, .uk-overlay-primary .uk-search-toggle, .uk-offcanvas-bar .uk-search-toggle { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-search-toggle:hover, .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-card-primary.uk-card-body .uk-search-toggle:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:hover, .uk-card-secondary.uk-card-body .uk-search-toggle:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:hover, .uk-overlay-primary .uk-search-toggle:hover, .uk-offcanvas-bar .uk-search-toggle:hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-accordion-title, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title, .uk-card-primary.uk-card-body .uk-accordion-title, .uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title, .uk-card-secondary.uk-card-body .uk-accordion-title, .uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title, .uk-overlay-primary .uk-accordion-title, .uk-offcanvas-bar .uk-accordion-title { color: #fff; } .uk-light .uk-accordion-title:hover, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-card-primary.uk-card-body .uk-accordion-title:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:hover, .uk-card-secondary.uk-card-body .uk-accordion-title:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:hover, .uk-overlay-primary .uk-accordion-title:hover, .uk-offcanvas-bar .uk-accordion-title:hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-grid-divider > :not(.uk-first-column)::before, .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, .uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, .uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, .uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before, .uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before { border-left-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { border-top-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-nav-parent-icon > .uk-parent > a::after, .uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, .uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after, .uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after, .uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after, .uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E'); } .uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E'); } .uk-light .uk-nav-default > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, .uk-card-primary.uk-card-body .uk-nav-default > li > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a, .uk-card-secondary.uk-card-body .uk-nav-default > li > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a, .uk-overlay-primary .uk-nav-default > li > a, .uk-offcanvas-bar .uk-nav-default > li > a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-nav-default > li > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-card-primary.uk-card-body .uk-nav-default > li > a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, .uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, .uk-overlay-primary .uk-nav-default > li > a:hover, .uk-offcanvas-bar .uk-nav-default > li > a:hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-nav-default > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, .uk-overlay-primary .uk-nav-default > li.uk-active > a, .uk-offcanvas-bar .uk-nav-default > li.uk-active > a { color: #fff; } .uk-light .uk-nav-default .uk-nav-header, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, .uk-overlay-primary .uk-nav-default .uk-nav-header, .uk-offcanvas-bar .uk-nav-default .uk-nav-header { color: #fff; } .uk-light .uk-nav-default .uk-nav-divider, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, .uk-overlay-primary .uk-nav-default .uk-nav-divider, .uk-offcanvas-bar .uk-nav-default .uk-nav-divider { border-top-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-nav-default .uk-nav-sub a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, .uk-overlay-primary .uk-nav-default .uk-nav-sub a, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-nav-default .uk-nav-sub a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, .uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a { color: #fff; } .uk-light .uk-nav-primary > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, .uk-card-primary.uk-card-body .uk-nav-primary > li > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, .uk-card-secondary.uk-card-body .uk-nav-primary > li > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, .uk-overlay-primary .uk-nav-primary > li > a, .uk-offcanvas-bar .uk-nav-primary > li > a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-nav-primary > li > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, .uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, .uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, .uk-overlay-primary .uk-nav-primary > li > a:hover, .uk-offcanvas-bar .uk-nav-primary > li > a:hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-nav-primary > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, .uk-overlay-primary .uk-nav-primary > li.uk-active > a, .uk-offcanvas-bar .uk-nav-primary > li.uk-active > a { color: #fff; } .uk-light .uk-nav-primary .uk-nav-header, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, .uk-overlay-primary .uk-nav-primary .uk-nav-header, .uk-offcanvas-bar .uk-nav-primary .uk-nav-header { color: #fff; } .uk-light .uk-nav-primary .uk-nav-divider, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, .uk-overlay-primary .uk-nav-primary .uk-nav-divider, .uk-offcanvas-bar .uk-nav-primary .uk-nav-divider { border-top-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-nav-primary .uk-nav-sub a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, .uk-overlay-primary .uk-nav-primary .uk-nav-sub a, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-nav-primary .uk-nav-sub a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, .uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a { color: #fff; } .uk-light .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-card-primary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-card-primary > :not([class*='uk-card-media']) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-overlay-primary .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-offcanvas-bar .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { border-top-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-navbar-nav > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, .uk-overlay-primary .uk-navbar-nav > li > a, .uk-offcanvas-bar .uk-navbar-nav > li > a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-navbar-nav > li:hover > a, .uk-light .uk-navbar-nav > li > a[aria-expanded='true'], .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded='true'], .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded='true'], .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded='true'], .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded='true'], .uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a[aria-expanded='true'], .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a[aria-expanded='true'], .uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a[aria-expanded='true'], .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a[aria-expanded='true'], .uk-overlay-primary .uk-navbar-nav > li:hover > a, .uk-overlay-primary .uk-navbar-nav > li > a[aria-expanded='true'], .uk-offcanvas-bar .uk-navbar-nav > li:hover > a, .uk-offcanvas-bar .uk-navbar-nav > li > a[aria-expanded='true'] { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-navbar-nav > li > a:active, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, .uk-overlay-primary .uk-navbar-nav > li > a:active, .uk-offcanvas-bar .uk-navbar-nav > li > a:active { color: #fff; } .uk-light .uk-navbar-nav > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, .uk-overlay-primary .uk-navbar-nav > li.uk-active > a, .uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a { color: #fff; } .uk-light .uk-navbar-item, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-item, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item, .uk-card-primary.uk-card-body .uk-navbar-item, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-item, .uk-card-secondary.uk-card-body .uk-navbar-item, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-item, .uk-overlay-primary .uk-navbar-item, .uk-offcanvas-bar .uk-navbar-item { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-navbar-toggle, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-card-primary.uk-card-body .uk-navbar-toggle, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle, .uk-card-secondary.uk-card-body .uk-navbar-toggle, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle, .uk-overlay-primary .uk-navbar-toggle, .uk-offcanvas-bar .uk-navbar-toggle { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-navbar-toggle:hover, .uk-light .uk-navbar-toggle[aria-expanded='true'], .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded='true'], .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded='true'], .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded='true'], .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded='true'], .uk-card-primary.uk-card-body .uk-navbar-toggle:hover, .uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded='true'], .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded='true'], .uk-card-secondary.uk-card-body .uk-navbar-toggle:hover, .uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded='true'], .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle[aria-expanded='true'], .uk-overlay-primary .uk-navbar-toggle:hover, .uk-overlay-primary .uk-navbar-toggle[aria-expanded='true'], .uk-offcanvas-bar .uk-navbar-toggle:hover, .uk-offcanvas-bar .uk-navbar-toggle[aria-expanded='true'] { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-subnav > * > :first-child, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-card-primary.uk-card-body .uk-subnav > * > :first-child, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, .uk-card-secondary.uk-card-body .uk-subnav > * > :first-child, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, .uk-overlay-primary .uk-subnav > * > :first-child, .uk-offcanvas-bar .uk-subnav > * > :first-child { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-subnav > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-card-primary.uk-card-body .uk-subnav > * > a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, .uk-card-secondary.uk-card-body .uk-subnav > * > a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, .uk-overlay-primary .uk-subnav > * > a:hover, .uk-offcanvas-bar .uk-subnav > * > a:hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-subnav > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-card-primary.uk-card-body .uk-subnav > .uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, .uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, .uk-overlay-primary .uk-subnav > .uk-active > a, .uk-offcanvas-bar .uk-subnav > .uk-active > a { color: #fff; } .uk-light .uk-subnav-divider > :nth-child(n + 2):not(.uk-first-column)::before, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n + 2):not(.uk-first-column)::before, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n + 2):not(.uk-first-column)::before, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n + 2):not(.uk-first-column)::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n + 2):not(.uk-first-column)::before, .uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n + 2):not(.uk-first-column)::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n + 2):not(.uk-first-column)::before, .uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n + 2):not(.uk-first-column)::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n + 2):not(.uk-first-column)::before, .uk-overlay-primary .uk-subnav-divider > :nth-child(n + 2):not(.uk-first-column)::before, .uk-offcanvas-bar .uk-subnav-divider > :nth-child(n + 2):not(.uk-first-column)::before { border-left-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-subnav-pill > * > :first-child, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, .uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, .uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, .uk-overlay-primary .uk-subnav-pill > * > :first-child, .uk-offcanvas-bar .uk-subnav-pill > * > :first-child { background-color: transparent; color: rgba(255, 255, 255, 0.5); } .uk-light .uk-subnav-pill > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, .uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, .uk-overlay-primary .uk-subnav-pill > * > a:hover, .uk-offcanvas-bar .uk-subnav-pill > * > a:hover { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); } .uk-light .uk-subnav-pill > * > a:active, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, .uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, .uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, .uk-overlay-primary .uk-subnav-pill > * > a:active, .uk-offcanvas-bar .uk-subnav-pill > * > a:active { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); } .uk-light .uk-subnav-pill > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, .uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, .uk-overlay-primary .uk-subnav-pill > .uk-active > a, .uk-offcanvas-bar .uk-subnav-pill > .uk-active > a { background-color: #fff; color: #666; } .uk-light .uk-subnav > .uk-disabled > a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, .uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, .uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, .uk-overlay-primary .uk-subnav > .uk-disabled > a, .uk-offcanvas-bar .uk-subnav > .uk-disabled > a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-breadcrumb > * > *, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, .uk-card-primary.uk-card-body .uk-breadcrumb > * > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, .uk-card-secondary.uk-card-body .uk-breadcrumb > * > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, .uk-overlay-primary .uk-breadcrumb > * > *, .uk-offcanvas-bar .uk-breadcrumb > * > * { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-breadcrumb > * > :hover, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, .uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, .uk-overlay-primary .uk-breadcrumb > * > :hover, .uk-offcanvas-bar .uk-breadcrumb > * > :hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-breadcrumb > :last-child > *, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, .uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, .uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, .uk-overlay-primary .uk-breadcrumb > :last-child > *, .uk-offcanvas-bar .uk-breadcrumb > :last-child > * { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before, .uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before, .uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before, .uk-overlay-primary .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before, .uk-offcanvas-bar .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-pagination > * > *, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > *, .uk-card-primary.uk-card-body .uk-pagination > * > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > *, .uk-card-secondary.uk-card-body .uk-pagination > * > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > *, .uk-overlay-primary .uk-pagination > * > *, .uk-offcanvas-bar .uk-pagination > * > * { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-pagination > * > :hover, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-card-primary.uk-card-body .uk-pagination > * > :hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, .uk-card-secondary.uk-card-body .uk-pagination > * > :hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, .uk-overlay-primary .uk-pagination > * > :hover, .uk-offcanvas-bar .uk-pagination > * > :hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-pagination > .uk-active > *, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, .uk-card-primary.uk-card-body .uk-pagination > .uk-active > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, .uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, .uk-overlay-primary .uk-pagination > .uk-active > *, .uk-offcanvas-bar .uk-pagination > .uk-active > * { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-pagination > .uk-disabled > *, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, .uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, .uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, .uk-overlay-primary .uk-pagination > .uk-disabled > *, .uk-offcanvas-bar .uk-pagination > .uk-disabled > * { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-tab::before, .uk-section-primary:not(.uk-preserve-color) .uk-tab::before, .uk-section-secondary:not(.uk-preserve-color) .uk-tab::before, .uk-tile-primary:not(.uk-preserve-color) .uk-tab::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before, .uk-card-primary.uk-card-body .uk-tab::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-tab::before, .uk-card-secondary.uk-card-body .uk-tab::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-tab::before, .uk-overlay-primary .uk-tab::before, .uk-offcanvas-bar .uk-tab::before { border-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-tab > * > a, .uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a, .uk-card-primary.uk-card-body .uk-tab > * > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a, .uk-card-secondary.uk-card-body .uk-tab > * > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a, .uk-overlay-primary .uk-tab > * > a, .uk-offcanvas-bar .uk-tab > * > a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-tab > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-card-primary.uk-card-body .uk-tab > * > a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, .uk-card-secondary.uk-card-body .uk-tab > * > a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, .uk-overlay-primary .uk-tab > * > a:hover, .uk-offcanvas-bar .uk-tab > * > a:hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-tab > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-card-primary.uk-card-body .uk-tab > .uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, .uk-card-secondary.uk-card-body .uk-tab > .uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, .uk-overlay-primary .uk-tab > .uk-active > a, .uk-offcanvas-bar .uk-tab > .uk-active > a { color: #fff; border-color: #fff; } .uk-light .uk-tab > .uk-disabled > a, .uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, .uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, .uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, .uk-overlay-primary .uk-tab > .uk-disabled > a, .uk-offcanvas-bar .uk-tab > .uk-disabled > a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-slidenav, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav, .uk-card-primary.uk-card-body .uk-slidenav, .uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav, .uk-card-secondary.uk-card-body .uk-slidenav, .uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav, .uk-overlay-primary .uk-slidenav, .uk-offcanvas-bar .uk-slidenav { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-slidenav:hover, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-card-primary.uk-card-body .uk-slidenav:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:hover, .uk-card-secondary.uk-card-body .uk-slidenav:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:hover, .uk-overlay-primary .uk-slidenav:hover, .uk-offcanvas-bar .uk-slidenav:hover { color: rgba(255, 255, 255, 0.95); } .uk-light .uk-slidenav:active, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active, .uk-card-primary.uk-card-body .uk-slidenav:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:active, .uk-card-secondary.uk-card-body .uk-slidenav:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:active, .uk-overlay-primary .uk-slidenav:active, .uk-offcanvas-bar .uk-slidenav:active { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-dotnav > * > *, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-card-primary.uk-card-body .uk-dotnav > * > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > *, .uk-card-secondary.uk-card-body .uk-dotnav > * > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > *, .uk-overlay-primary .uk-dotnav > * > *, .uk-offcanvas-bar .uk-dotnav > * > * { background-color: transparent; border-color: rgba(255, 255, 255, 0.9); } .uk-light .uk-dotnav > * > :hover, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-card-primary.uk-card-body .uk-dotnav > * > :hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, .uk-card-secondary.uk-card-body .uk-dotnav > * > :hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, .uk-overlay-primary .uk-dotnav > * > :hover, .uk-offcanvas-bar .uk-dotnav > * > :hover { background-color: rgba(255, 255, 255, 0.9); border-color: transparent; } .uk-light .uk-dotnav > * > :active, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, .uk-card-primary.uk-card-body .uk-dotnav > * > :active, .uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, .uk-card-secondary.uk-card-body .uk-dotnav > * > :active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, .uk-overlay-primary .uk-dotnav > * > :active, .uk-offcanvas-bar .uk-dotnav > * > :active { background-color: rgba(255, 255, 255, 0.5); border-color: transparent; } .uk-light .uk-dotnav > .uk-active > *, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, .uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, .uk-overlay-primary .uk-dotnav > .uk-active > *, .uk-offcanvas-bar .uk-dotnav > .uk-active > * { background-color: rgba(255, 255, 255, 0.9); border-color: transparent; } .uk-light .uk-iconnav > * > a, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-card-primary.uk-card-body .uk-iconnav > * > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a, .uk-card-secondary.uk-card-body .uk-iconnav > * > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a, .uk-overlay-primary .uk-iconnav > * > a, .uk-offcanvas-bar .uk-iconnav > * > a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-iconnav > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-card-primary.uk-card-body .uk-iconnav > * > a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, .uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, .uk-overlay-primary .uk-iconnav > * > a:hover, .uk-offcanvas-bar .uk-iconnav > * > a:hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-iconnav > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, .uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a, .uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a, .uk-overlay-primary .uk-iconnav > .uk-active > a, .uk-offcanvas-bar .uk-iconnav > .uk-active > a { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-text-lead, .uk-section-primary:not(.uk-preserve-color) .uk-text-lead, .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead, .uk-card-primary.uk-card-body .uk-text-lead, .uk-card-primary > :not([class*='uk-card-media']) .uk-text-lead, .uk-card-secondary.uk-card-body .uk-text-lead, .uk-card-secondary > :not([class*='uk-card-media']) .uk-text-lead, .uk-overlay-primary .uk-text-lead, .uk-offcanvas-bar .uk-text-lead { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-text-meta, .uk-section-primary:not(.uk-preserve-color) .uk-text-meta, .uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, .uk-tile-primary:not(.uk-preserve-color) .uk-text-meta, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta, .uk-card-primary.uk-card-body .uk-text-meta, .uk-card-primary > :not([class*='uk-card-media']) .uk-text-meta, .uk-card-secondary.uk-card-body .uk-text-meta, .uk-card-secondary > :not([class*='uk-card-media']) .uk-text-meta, .uk-overlay-primary .uk-text-meta, .uk-offcanvas-bar .uk-text-meta { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-text-muted, .uk-section-primary:not(.uk-preserve-color) .uk-text-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted, .uk-card-primary.uk-card-body .uk-text-muted, .uk-card-primary > :not([class*='uk-card-media']) .uk-text-muted, .uk-card-secondary.uk-card-body .uk-text-muted, .uk-card-secondary > :not([class*='uk-card-media']) .uk-text-muted, .uk-overlay-primary .uk-text-muted, .uk-offcanvas-bar .uk-text-muted { color: rgba(255, 255, 255, 0.5) !important; } .uk-light .uk-text-emphasis, .uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis, .uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis, .uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis, .uk-card-primary.uk-card-body .uk-text-emphasis, .uk-card-primary > :not([class*='uk-card-media']) .uk-text-emphasis, .uk-card-secondary.uk-card-body .uk-text-emphasis, .uk-card-secondary > :not([class*='uk-card-media']) .uk-text-emphasis, .uk-overlay-primary .uk-text-emphasis, .uk-offcanvas-bar .uk-text-emphasis { color: #fff !important; } .uk-light .uk-text-primary, .uk-section-primary:not(.uk-preserve-color) .uk-text-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-text-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-text-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary, .uk-card-primary.uk-card-body .uk-text-primary, .uk-card-primary > :not([class*='uk-card-media']) .uk-text-primary, .uk-card-secondary.uk-card-body .uk-text-primary, .uk-card-secondary > :not([class*='uk-card-media']) .uk-text-primary, .uk-overlay-primary .uk-text-primary, .uk-offcanvas-bar .uk-text-primary { color: #fff !important; } .uk-light .uk-text-secondary, .uk-section-primary:not(.uk-preserve-color) .uk-text-secondary, .uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary, .uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary, .uk-card-primary.uk-card-body .uk-text-secondary, .uk-card-primary > :not([class*='uk-card-media']) .uk-text-secondary, .uk-card-secondary.uk-card-body .uk-text-secondary, .uk-card-secondary > :not([class*='uk-card-media']) .uk-text-secondary, .uk-overlay-primary .uk-text-secondary, .uk-offcanvas-bar .uk-text-secondary { color: #fff !important; } .uk-light .uk-column-divider, .uk-section-primary:not(.uk-preserve-color) .uk-column-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-column-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-column-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider, .uk-card-primary.uk-card-body .uk-column-divider, .uk-card-primary > :not([class*='uk-card-media']) .uk-column-divider, .uk-card-secondary.uk-card-body .uk-column-divider, .uk-card-secondary > :not([class*='uk-card-media']) .uk-column-divider, .uk-overlay-primary .uk-column-divider, .uk-offcanvas-bar .uk-column-divider { -moz-column-rule-color: rgba(255, 255, 255, 0.2); column-rule-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-logo, .uk-section-primary:not(.uk-preserve-color) .uk-logo, .uk-section-secondary:not(.uk-preserve-color) .uk-logo, .uk-tile-primary:not(.uk-preserve-color) .uk-logo, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo, .uk-card-primary.uk-card-body .uk-logo, .uk-card-primary > :not([class*='uk-card-media']) .uk-logo, .uk-card-secondary.uk-card-body .uk-logo, .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo, .uk-overlay-primary .uk-logo, .uk-offcanvas-bar .uk-logo { color: #fff; } .uk-light .uk-logo:hover, .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover, .uk-card-primary.uk-card-body .uk-logo:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-logo:hover, .uk-card-secondary.uk-card-body .uk-logo:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:hover, .uk-overlay-primary .uk-logo:hover, .uk-offcanvas-bar .uk-logo:hover { color: #fff; } .uk-light .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-card-primary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-card-primary > :not([class*='uk-card-media']) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-card-secondary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-overlay-primary .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-offcanvas-bar .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) { display: none; } .uk-light .uk-logo-inverse, .uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse, .uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse, .uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse, .uk-card-primary.uk-card-body .uk-logo-inverse, .uk-card-primary > :not([class*='uk-card-media']) .uk-logo-inverse, .uk-card-secondary.uk-card-body .uk-logo-inverse, .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo-inverse, .uk-overlay-primary .uk-logo-inverse, .uk-offcanvas-bar .uk-logo-inverse { display: block; } .uk-light .uk-table-striped > tr:nth-of-type(even):last-child, .uk-light .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, .uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, .uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, .uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, .uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(even):last-child, .uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(even):last-child, .uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(even):last-child, .uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(even):last-child, .uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-overlay-primary .uk-table-striped > tr:nth-of-type(even):last-child, .uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(even):last-child, .uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(even):last-child, .uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(even):last-child { border-bottom-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-accordion-title::before, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-card-primary.uk-card-body .uk-accordion-title::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title::before, .uk-card-secondary.uk-card-body .uk-accordion-title::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title::before, .uk-overlay-primary .uk-accordion-title::before, .uk-offcanvas-bar .uk-accordion-title::before { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E'); } .uk-light .uk-open > .uk-accordion-title::before, .uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, .uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, .uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, .uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before, .uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before, .uk-overlay-primary .uk-open > .uk-accordion-title::before, .uk-offcanvas-bar .uk-open > .uk-accordion-title::before { background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E'); } @media print { *, *::before, *::after { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ''; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid rgba(0, 0, 0, 0); } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } @font-face { font-family: 'slick'; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); font-weight: normal; font-style: normal; } .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); top: 50%; transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; color: #fff; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { left: -25px; right: auto; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: rgba(0, 0, 0, 0); display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: rgba(0, 0, 0, 0); padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: '•'; width: 20px; height: 20px; font-family: 'slick'; font-size: 6px; line-height: 20px; text-align: center; color: #000; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #000; opacity: 0.75; } /*! Lity - v2.4.1 - 2020-04-26 * http://sorgalla.com/lity/ * Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */ .lity { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.9); outline: none !important; opacity: 0; transition: opacity 0.3s ease; } .lity.lity-opened { opacity: 1; } .lity.lity-closed { opacity: 0; } .lity * { box-sizing: border-box; } .lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important; } .lity-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .lity-loader { z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; opacity: 0; transition: opacity 0.3s ease; } .lity-loading .lity-loader { opacity: 1; } .lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; } .lity-content { z-index: 9993; width: 100%; transform: scale(1); transition: transform 0.3s ease; } .lity-loading .lity-content, .lity-closed .lity-content { transform: scale(0.8); } .lity-content:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .lity-close { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 0; top: 0; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; box-shadow: none; } .lity-close::-moz-focus-inner { border: 0; padding: 0; } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; box-shadow: none; } .lity-close:active { top: 1px; } .lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; } .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { width: 100%; max-width: 964px; } .lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; transform: translateZ(0); -webkit-overflow-scrolling: touch; } .lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } .lity-hide { display: none; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: rgba(0, 0, 0, 0); border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ''; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } .hamburger--3dx .hamburger-box { perspective: 80px; } .hamburger--3dx .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: rgba(0, 0, 0, 0) !important; transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dx-r .hamburger-box { perspective: 80px; } .hamburger--3dx-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner { background-color: rgba(0, 0, 0, 0) !important; transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dy .hamburger-box { perspective: 80px; } .hamburger--3dy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner { background-color: rgba(0, 0, 0, 0) !important; transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dy-r .hamburger-box { perspective: 80px; } .hamburger--3dy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner { background-color: rgba(0, 0, 0, 0) !important; transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dxy .hamburger-box { perspective: 80px; } .hamburger--3dxy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: rgba(0, 0, 0, 0) !important; transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dxy-r .hamburger-box { perspective: 80px; } .hamburger--3dxy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: rgba(0, 0, 0, 0) !important; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--arrow.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowalt .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { transition-property: none; } .hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--elastic .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.075s; } .hamburger--elastic-r .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-135deg); transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(270deg); transition-delay: 0.075s; } .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: rgba(0, 0, 0, 0) !important; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -80px; top: -80px; transform: translate3d(80px, 80px, 0) rotate(45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -80px; top: -80px; transform: translate3d(-80px, 80px, 0) rotate(-45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: rgba(0, 0, 0, 0) !important; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -80px; top: 80px; transform: translate3d(80px, -80px, 0) rotate(-45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -80px; top: 80px; transform: translate3d(-80px, -80px, 0) rotate(45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before { top: 0; } .hamburger--minus.is-active .hamburger-inner::after { bottom: 0; } .hamburger--slider .hamburger-inner { top: 2px; } .hamburger--slider .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 20px; } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg); } .hamburger--slider-r .hamburger-inner { top: 2px; } .hamburger--slider-r .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 20px; } .hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(90deg); } .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: rgba(0, 0, 0, 0) !important; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner { transform: rotate(90deg); background-color: rgba(0, 0, 0, 0) !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand-r .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner { transform: rotate(-90deg); background-color: rgba(0, 0, 0, 0) !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--vortex .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex.is-active .hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); } .hamburger--vortex-r .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex-r.is-active .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } .hp-address-lookup-element-block .autocomplete-items { position: absolute; border: 1px solid #ddd; border-top: none; z-index: 99; left: 0; right: 0; background-color: #fff; max-height: 200px; overflow-y: auto; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); border-radius: 0 0 4px 4px; margin-top: -1px; padding: 0; margin: 0; display: none; } .hp-address-lookup-element-block .autocomplete-items.show { display: block; } .hp-address-lookup-element-block .autocomplete-items li { padding: 10px; cursor: pointer; list-style: none; margin: 0; } .hp-address-lookup-element-block .autocomplete-items li:hover { background-color: #e9e9e9; } .hp-address-lookup-element-block .autocomplete-items .unknown-address { color: blue; text-decoration: underline; } .hp-address-lookup-element-block input[type='radio'] { float: left; margin: 8px 8px 0 0; } .alignleft { text-align: left; } .aligncenter { text-align: center; } .alignright { text-align: right; } .uk-button, .FormButton, form input[type='reset'], form button.FormSubmitButton, .Form__NavigationBar .btnPrev, .Form__NavigationBar .btnNext { transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out; min-width: 110px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-weight: 600; border-radius: 4px; display: block; text-transform: none; line-height: 16px; padding: 14px; font-size: 16px; position: relative; } .uk-button[disabled='disabled'], [disabled='disabled'].FormButton, form input[disabled='disabled'][type='reset'], form button[disabled='disabled'].FormSubmitButton, .Form__NavigationBar [disabled='disabled'].btnPrev, .Form__NavigationBar [disabled='disabled'].btnNext { opacity: 0.5; } .uk-button.alignleft, .alignleft.FormButton, form input.alignleft[type='reset'], form button.alignleft.FormSubmitButton, .Form__NavigationBar .alignleft.btnPrev, .Form__NavigationBar .alignleft.btnNext { margin-right: 100%; } .uk-button.aligncenter, .aligncenter.FormButton, form input.aligncenter[type='reset'], form button.aligncenter.FormSubmitButton, .Form__NavigationBar .aligncenter.btnPrev, .Form__NavigationBar .aligncenter.btnNext { margin-left: 50%; margin-right: 50%; } .uk-button.alignright, .alignright.FormButton, form input.alignright[type='reset'], form button.alignright.FormSubmitButton, .Form__NavigationBar .alignright.btnPrev, .Form__NavigationBar .alignright.btnNext { margin-left: 100%; } .uk-button.alignleft, .alignleft.FormButton, form input.alignleft[type='reset'], form button.alignleft.FormSubmitButton, .Form__NavigationBar .alignleft.btnPrev, .Form__NavigationBar .alignleft.btnNext, .uk-button.aligncenter, .aligncenter.FormButton, form input.aligncenter[type='reset'], form button.aligncenter.FormSubmitButton, .Form__NavigationBar .aligncenter.btnPrev, .Form__NavigationBar .aligncenter.btnNext, .uk-button.alignright, .alignright.FormButton, form input.alignright[type='reset'], form button.alignright.FormSubmitButton, .Form__NavigationBar .alignright.btnPrev, .Form__NavigationBar .alignright.btnNext { white-space: nowrap; } .uk-button.btn-fluid, .btn-fluid.FormButton, form input.btn-fluid[type='reset'], form button.btn-fluid.FormSubmitButton, .Form__NavigationBar .btn-fluid.btnPrev, .Form__NavigationBar .btn-fluid.btnNext { display: block; } .uk-button.sandstone, .sandstone.FormButton, form input.sandstone[type='reset'], form button.sandstone.FormSubmitButton, .Form__NavigationBar .sandstone.btnPrev, .Form__NavigationBar .sandstone.btnNext { display: flex; flex-direction: column; justify-content: center; font-weight: 400; width: 100%; height: 100%; color: #00344f; } .uk-button.sandstone:active, .sandstone.FormButton:active, form input.sandstone[type='reset']:active, form button.sandstone.FormSubmitButton:active, .Form__NavigationBar .sandstone.btnPrev:active, .Form__NavigationBar .sandstone.btnNext:active, .uk-button.sandstone:focus, .sandstone.FormButton:focus, form input.sandstone[type='reset']:focus, form button.sandstone.FormSubmitButton:focus, .Form__NavigationBar .sandstone.btnPrev:focus, .Form__NavigationBar .sandstone.btnNext:focus, .uk-button.sandstone:hover, .sandstone.FormButton:hover, form input.sandstone[type='reset']:hover, form button.sandstone.FormSubmitButton:hover, .Form__NavigationBar .sandstone.btnPrev:hover, .Form__NavigationBar .sandstone.btnNext:hover { background-color: #f1eeeb; border-color: #f1eeeb; color: #00344f; } .uk-button.desert-primary-dark, .desert-primary-dark.FormButton, form input.desert-primary-dark[type='reset'], form button.desert-primary-dark.FormSubmitButton, .Form__NavigationBar .desert-primary-dark.btnPrev, .Form__NavigationBar .desert-primary-dark.btnNext, .uk-button.desert, .desert.FormButton, form input.desert[type='reset'], form button.desert.FormSubmitButton, .Form__NavigationBar .desert.btnPrev, .Form__NavigationBar .desert.btnNext { color: #fff; } .uk-button.desert-primary-dark:active, .desert-primary-dark.FormButton:active, form input.desert-primary-dark[type='reset']:active, form button.desert-primary-dark.FormSubmitButton:active, .Form__NavigationBar .desert-primary-dark.btnPrev:active, .Form__NavigationBar .desert-primary-dark.btnNext:active, .uk-button.desert-primary-dark:focus, .desert-primary-dark.FormButton:focus, form input.desert-primary-dark[type='reset']:focus, form button.desert-primary-dark.FormSubmitButton:focus, .Form__NavigationBar .desert-primary-dark.btnPrev:focus, .Form__NavigationBar .desert-primary-dark.btnNext:focus, .uk-button.desert-primary-dark:hover, .desert-primary-dark.FormButton:hover, form input.desert-primary-dark[type='reset']:hover, form button.desert-primary-dark.FormSubmitButton:hover, .Form__NavigationBar .desert-primary-dark.btnPrev:hover, .Form__NavigationBar .desert-primary-dark.btnNext:hover, .uk-button.desert:active, .desert.FormButton:active, form input.desert[type='reset']:active, form button.desert.FormSubmitButton:active, .Form__NavigationBar .desert.btnPrev:active, .Form__NavigationBar .desert.btnNext:active, .uk-button.desert:focus, .desert.FormButton:focus, form input.desert[type='reset']:focus, form button.desert.FormSubmitButton:focus, .Form__NavigationBar .desert.btnPrev:focus, .Form__NavigationBar .desert.btnNext:focus, .uk-button.desert:hover, .desert.FormButton:hover, form input.desert[type='reset']:hover, form button.desert.FormSubmitButton:hover, .Form__NavigationBar .desert.btnPrev:hover, .Form__NavigationBar .desert.btnNext:hover { background-color: #7a0306; border-color: #f57f48; color: #fff; } .uk-button.desert-primary-light, .desert-primary-light.FormButton, form input.desert-primary-light[type='reset'], form button.desert-primary-light.FormSubmitButton, .Form__NavigationBar .desert-primary-light.btnPrev, .Form__NavigationBar .desert-primary-light.btnNext, .uk-button.core-dark, .core-dark.FormButton, form input.core-dark[type='reset'], form button.core-dark.FormSubmitButton, .Form__NavigationBar .core-dark.btnPrev, .Form__NavigationBar .core-dark.btnNext { color: #fff; } .uk-button.desert-primary-light:active, .desert-primary-light.FormButton:active, form input.desert-primary-light[type='reset']:active, form button.desert-primary-light.FormSubmitButton:active, .Form__NavigationBar .desert-primary-light.btnPrev:active, .Form__NavigationBar .desert-primary-light.btnNext:active, .uk-button.desert-primary-light:focus, .desert-primary-light.FormButton:focus, form input.desert-primary-light[type='reset']:focus, form button.desert-primary-light.FormSubmitButton:focus, .Form__NavigationBar .desert-primary-light.btnPrev:focus, .Form__NavigationBar .desert-primary-light.btnNext:focus, .uk-button.desert-primary-light:hover, .desert-primary-light.FormButton:hover, form input.desert-primary-light[type='reset']:hover, form button.desert-primary-light.FormSubmitButton:hover, .Form__NavigationBar .desert-primary-light.btnPrev:hover, .Form__NavigationBar .desert-primary-light.btnNext:hover, .uk-button.core-dark:active, .core-dark.FormButton:active, form input.core-dark[type='reset']:active, form button.core-dark.FormSubmitButton:active, .Form__NavigationBar .core-dark.btnPrev:active, .Form__NavigationBar .core-dark.btnNext:active, .uk-button.core-dark:focus, .core-dark.FormButton:focus, form input.core-dark[type='reset']:focus, form button.core-dark.FormSubmitButton:focus, .Form__NavigationBar .core-dark.btnPrev:focus, .Form__NavigationBar .core-dark.btnNext:focus, .uk-button.core-dark:hover, .core-dark.FormButton:hover, form input.core-dark[type='reset']:hover, form button.core-dark.FormSubmitButton:hover, .Form__NavigationBar .core-dark.btnPrev:hover, .Form__NavigationBar .core-dark.btnNext:hover { background-color: #c14d34; border-color: #7a0306; color: #fff; } .uk-button.desert-secondary, .webapp .account-info.theme-core-light .uk-button.secondary, .webapp .account-info.theme-core-dark .uk-button.secondary, .webapp .account-info.theme-desert .uk-button.secondary, .desert-secondary.FormButton, .webapp .account-info.theme-core-light .FormButton.secondary, .webapp .account-info.theme-core-dark .FormButton.secondary, .webapp .account-info.theme-desert .FormButton.secondary, form input.desert-secondary[type='reset'], .webapp .account-info.theme-core-light form input[type='reset'].secondary, form .webapp .account-info.theme-core-light input[type='reset'].secondary, .webapp .account-info.theme-core-dark form input[type='reset'].secondary, form .webapp .account-info.theme-core-dark input[type='reset'].secondary, .webapp .account-info.theme-desert form input[type='reset'].secondary, form .webapp .account-info.theme-desert input[type='reset'].secondary, form button.desert-secondary.FormSubmitButton, .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary, form .webapp .account-info.theme-core-light button.FormSubmitButton.secondary, .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary, form .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary, .webapp .account-info.theme-desert form button.FormSubmitButton.secondary, form .webapp .account-info.theme-desert button.FormSubmitButton.secondary, .Form__NavigationBar .desert-secondary.btnPrev, .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.secondary, .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.secondary, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.secondary, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.secondary, .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.secondary, .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.secondary, .Form__NavigationBar .desert-secondary.btnNext, .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.secondary, .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.secondary, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.secondary, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.secondary, .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.secondary, .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.secondary { background-color: #fff; color: #c14d34; } .uk-button.desert-secondary:active, .webapp .account-info.theme-core-light .uk-button.secondary:active, .webapp .account-info.theme-core-dark .uk-button.secondary:active, .webapp .account-info.theme-desert .uk-button.secondary:active, .desert-secondary.FormButton:active, .webapp .account-info.theme-core-light .FormButton.secondary:active, .webapp .account-info.theme-core-dark .FormButton.secondary:active, .webapp .account-info.theme-desert .FormButton.secondary:active, form input.desert-secondary[type='reset']:active, form .webapp .account-info.theme-core-light input[type='reset'].uk-button.secondary:active, .webapp .account-info.theme-core-light form input[type='reset'].uk-button.secondary:active, form .webapp .account-info.theme-core-light .Form__NavigationBar input[type='reset'].secondary.btnPrev:active, .webapp .account-info.theme-core-light .Form__NavigationBar form input[type='reset'].secondary.btnPrev:active, form .Form__NavigationBar .webapp .account-info.theme-core-light input[type='reset'].secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-core-light form input[type='reset'].secondary.btnPrev:active, form .webapp .account-info.theme-core-light .Form__NavigationBar input[type='reset'].secondary.btnNext:active, .webapp .account-info.theme-core-light .Form__NavigationBar form input[type='reset'].secondary.btnNext:active, form .Form__NavigationBar .webapp .account-info.theme-core-light input[type='reset'].secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-core-light form input[type='reset'].secondary.btnNext:active, .webapp .account-info.theme-core-light form input[type='reset'].secondary:active, form .webapp .account-info.theme-core-light input[type='reset'].secondary:active, form .webapp .account-info.theme-core-light input[type='reset'].secondary.FormButton:active, .webapp .account-info.theme-core-light form input[type='reset'].secondary.FormButton:active, form .webapp .account-info.theme-core-dark input[type='reset'].uk-button.secondary:active, .webapp .account-info.theme-core-dark form input[type='reset'].uk-button.secondary:active, form .webapp .account-info.theme-core-dark .Form__NavigationBar input[type='reset'].secondary.btnPrev:active, .webapp .account-info.theme-core-dark .Form__NavigationBar form input[type='reset'].secondary.btnPrev:active, form .Form__NavigationBar .webapp .account-info.theme-core-dark input[type='reset'].secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-core-dark form input[type='reset'].secondary.btnPrev:active, form .webapp .account-info.theme-core-dark .Form__NavigationBar input[type='reset'].secondary.btnNext:active, .webapp .account-info.theme-core-dark .Form__NavigationBar form input[type='reset'].secondary.btnNext:active, form .Form__NavigationBar .webapp .account-info.theme-core-dark input[type='reset'].secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-core-dark form input[type='reset'].secondary.btnNext:active, .webapp .account-info.theme-core-dark form input[type='reset'].secondary:active, form .webapp .account-info.theme-core-dark input[type='reset'].secondary:active, form .webapp .account-info.theme-core-dark input[type='reset'].secondary.FormButton:active, .webapp .account-info.theme-core-dark form input[type='reset'].secondary.FormButton:active, form .webapp .account-info.theme-desert input[type='reset'].uk-button.secondary:active, .webapp .account-info.theme-desert form input[type='reset'].uk-button.secondary:active, form .webapp .account-info.theme-desert .Form__NavigationBar input[type='reset'].secondary.btnPrev:active, .webapp .account-info.theme-desert .Form__NavigationBar form input[type='reset'].secondary.btnPrev:active, form .Form__NavigationBar .webapp .account-info.theme-desert input[type='reset'].secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-desert form input[type='reset'].secondary.btnPrev:active, form .webapp .account-info.theme-desert .Form__NavigationBar input[type='reset'].secondary.btnNext:active, .webapp .account-info.theme-desert .Form__NavigationBar form input[type='reset'].secondary.btnNext:active, form .Form__NavigationBar .webapp .account-info.theme-desert input[type='reset'].secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-desert form input[type='reset'].secondary.btnNext:active, .webapp .account-info.theme-desert form input[type='reset'].secondary:active, form .webapp .account-info.theme-desert input[type='reset'].secondary:active, form .webapp .account-info.theme-desert input[type='reset'].secondary.FormButton:active, .webapp .account-info.theme-desert form input[type='reset'].secondary.FormButton:active, form button.desert-secondary.FormSubmitButton:active, form .webapp .account-info.theme-core-light button.FormSubmitButton.uk-button.secondary:active, .webapp .account-info.theme-core-light form button.FormSubmitButton.uk-button.secondary:active, form .webapp .account-info.theme-core-light .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev:active, .webapp .account-info.theme-core-light .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev:active, form .Form__NavigationBar .webapp .account-info.theme-core-light button.FormSubmitButton.secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary.btnPrev:active, form .webapp .account-info.theme-core-light .Form__NavigationBar button.FormSubmitButton.secondary.btnNext:active, .webapp .account-info.theme-core-light .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext:active, form .Form__NavigationBar .webapp .account-info.theme-core-light button.FormSubmitButton.secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary.btnNext:active, .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary:active, form .webapp .account-info.theme-core-light button.FormSubmitButton.secondary:active, form .webapp .account-info.theme-core-light button.FormSubmitButton.secondary.FormButton:active, .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary.FormButton:active, form .webapp .account-info.theme-core-dark button.FormSubmitButton.uk-button.secondary:active, .webapp .account-info.theme-core-dark form button.FormSubmitButton.uk-button.secondary:active, form .webapp .account-info.theme-core-dark .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev:active, .webapp .account-info.theme-core-dark .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev:active, form .Form__NavigationBar .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary.btnPrev:active, form .webapp .account-info.theme-core-dark .Form__NavigationBar button.FormSubmitButton.secondary.btnNext:active, .webapp .account-info.theme-core-dark .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext:active, form .Form__NavigationBar .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary.btnNext:active, .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary:active, form .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary:active, form .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary.FormButton:active, .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary.FormButton:active, form .webapp .account-info.theme-desert button.FormSubmitButton.uk-button.secondary:active, .webapp .account-info.theme-desert form button.FormSubmitButton.uk-button.secondary:active, form .webapp .account-info.theme-desert .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev:active, .webapp .account-info.theme-desert .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev:active, form .Form__NavigationBar .webapp .account-info.theme-desert button.FormSubmitButton.secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-desert form button.FormSubmitButton.secondary.btnPrev:active, form .webapp .account-info.theme-desert .Form__NavigationBar button.FormSubmitButton.secondary.btnNext:active, .webapp .account-info.theme-desert .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext:active, form .Form__NavigationBar .webapp .account-info.theme-desert button.FormSubmitButton.secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-desert form button.FormSubmitButton.secondary.btnNext:active, .webapp .account-info.theme-desert form button.FormSubmitButton.secondary:active, form .webapp .account-info.theme-desert button.FormSubmitButton.secondary:active, form .webapp .account-info.theme-desert button.FormSubmitButton.secondary.FormButton:active, .webapp .account-info.theme-desert form button.FormSubmitButton.secondary.FormButton:active, .Form__NavigationBar .desert-secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.uk-button.secondary:active, .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.uk-button.secondary:active, .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.secondary:active, .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.secondary:active, .Form__NavigationBar .webapp .account-info.theme-core-light form input.btnPrev.secondary[type='reset']:active, .webapp .account-info.theme-core-light form .Form__NavigationBar input.btnPrev.secondary[type='reset']:active, .Form__NavigationBar form .webapp .account-info.theme-core-light input.btnPrev.secondary[type='reset']:active, form .webapp .account-info.theme-core-light .Form__NavigationBar input.btnPrev.secondary[type='reset']:active, .Form__NavigationBar .webapp .account-info.theme-core-light form button.btnPrev.secondary.FormSubmitButton:active, .webapp .account-info.theme-core-light form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:active, .Form__NavigationBar form .webapp .account-info.theme-core-light button.btnPrev.secondary.FormSubmitButton:active, form .webapp .account-info.theme-core-light .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:active, .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.secondary.FormButton:active, .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.secondary.FormButton:active, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.uk-button.secondary:active, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.uk-button.secondary:active, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.secondary:active, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.secondary:active, .Form__NavigationBar .webapp .account-info.theme-core-dark form input.btnPrev.secondary[type='reset']:active, .webapp .account-info.theme-core-dark form .Form__NavigationBar input.btnPrev.secondary[type='reset']:active, .Form__NavigationBar form .webapp .account-info.theme-core-dark input.btnPrev.secondary[type='reset']:active, form .webapp .account-info.theme-core-dark .Form__NavigationBar input.btnPrev.secondary[type='reset']:active, .Form__NavigationBar .webapp .account-info.theme-core-dark form button.btnPrev.secondary.FormSubmitButton:active, .webapp .account-info.theme-core-dark form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:active, .Form__NavigationBar form .webapp .account-info.theme-core-dark button.btnPrev.secondary.FormSubmitButton:active, form .webapp .account-info.theme-core-dark .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:active, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.secondary.FormButton:active, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.secondary.FormButton:active, .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.uk-button.secondary:active, .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.uk-button.secondary:active, .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.secondary:active, .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.secondary:active, .Form__NavigationBar .webapp .account-info.theme-desert form input.btnPrev.secondary[type='reset']:active, .webapp .account-info.theme-desert form .Form__NavigationBar input.btnPrev.secondary[type='reset']:active, .Form__NavigationBar form .webapp .account-info.theme-desert input.btnPrev.secondary[type='reset']:active, form .webapp .account-info.theme-desert .Form__NavigationBar input.btnPrev.secondary[type='reset']:active, .Form__NavigationBar .webapp .account-info.theme-desert form button.btnPrev.secondary.FormSubmitButton:active, .webapp .account-info.theme-desert form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:active, .Form__NavigationBar form .webapp .account-info.theme-desert button.btnPrev.secondary.FormSubmitButton:active, form .webapp .account-info.theme-desert .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:active, .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.secondary.FormButton:active, .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.secondary.FormButton:active, .Form__NavigationBar .desert-secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.uk-button.secondary:active, .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.uk-button.secondary:active, .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.secondary:active, .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.secondary:active, .Form__NavigationBar .webapp .account-info.theme-core-light form input.btnNext.secondary[type='reset']:active, .webapp .account-info.theme-core-light form .Form__NavigationBar input.btnNext.secondary[type='reset']:active, .Form__NavigationBar form .webapp .account-info.theme-core-light input.btnNext.secondary[type='reset']:active, form .webapp .account-info.theme-core-light .Form__NavigationBar input.btnNext.secondary[type='reset']:active, .Form__NavigationBar .webapp .account-info.theme-core-light form button.btnNext.secondary.FormSubmitButton:active, .webapp .account-info.theme-core-light form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:active, .Form__NavigationBar form .webapp .account-info.theme-core-light button.btnNext.secondary.FormSubmitButton:active, form .webapp .account-info.theme-core-light .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:active, .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.secondary.FormButton:active, .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.secondary.FormButton:active, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.uk-button.secondary:active, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.uk-button.secondary:active, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.secondary:active, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.secondary:active, .Form__NavigationBar .webapp .account-info.theme-core-dark form input.btnNext.secondary[type='reset']:active, .webapp .account-info.theme-core-dark form .Form__NavigationBar input.btnNext.secondary[type='reset']:active, .Form__NavigationBar form .webapp .account-info.theme-core-dark input.btnNext.secondary[type='reset']:active, form .webapp .account-info.theme-core-dark .Form__NavigationBar input.btnNext.secondary[type='reset']:active, .Form__NavigationBar .webapp .account-info.theme-core-dark form button.btnNext.secondary.FormSubmitButton:active, .webapp .account-info.theme-core-dark form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:active, .Form__NavigationBar form .webapp .account-info.theme-core-dark button.btnNext.secondary.FormSubmitButton:active, form .webapp .account-info.theme-core-dark .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:active, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.secondary.FormButton:active, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.secondary.FormButton:active, .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.uk-button.secondary:active, .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.uk-button.secondary:active, .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.secondary:active, .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.secondary:active, .Form__NavigationBar .webapp .account-info.theme-desert form input.btnNext.secondary[type='reset']:active, .webapp .account-info.theme-desert form .Form__NavigationBar input.btnNext.secondary[type='reset']:active, .Form__NavigationBar form .webapp .account-info.theme-desert input.btnNext.secondary[type='reset']:active, form .webapp .account-info.theme-desert .Form__NavigationBar input.btnNext.secondary[type='reset']:active, .Form__NavigationBar .webapp .account-info.theme-desert form button.btnNext.secondary.FormSubmitButton:active, .webapp .account-info.theme-desert form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:active, .Form__NavigationBar form .webapp .account-info.theme-desert button.btnNext.secondary.FormSubmitButton:active, form .webapp .account-info.theme-desert .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:active, .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.secondary.FormButton:active, .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.secondary.FormButton:active, .uk-button.desert-secondary:focus, .webapp .account-info.theme-core-light .uk-button.secondary:focus, .webapp .account-info.theme-core-dark .uk-button.secondary:focus, .webapp .account-info.theme-desert .uk-button.secondary:focus, .desert-secondary.FormButton:focus, .webapp .account-info.theme-core-light .FormButton.secondary:focus, .webapp .account-info.theme-core-dark .FormButton.secondary:focus, .webapp .account-info.theme-desert .FormButton.secondary:focus, form input.desert-secondary[type='reset']:focus, form .webapp .account-info.theme-core-light input[type='reset'].uk-button.secondary:focus, .webapp .account-info.theme-core-light form input[type='reset'].uk-button.secondary:focus, form .webapp .account-info.theme-core-light .Form__NavigationBar input[type='reset'].secondary.btnPrev:focus, .webapp .account-info.theme-core-light .Form__NavigationBar form input[type='reset'].secondary.btnPrev:focus, form .Form__NavigationBar .webapp .account-info.theme-core-light input[type='reset'].secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-core-light form input[type='reset'].secondary.btnPrev:focus, form .webapp .account-info.theme-core-light .Form__NavigationBar input[type='reset'].secondary.btnNext:focus, .webapp .account-info.theme-core-light .Form__NavigationBar form input[type='reset'].secondary.btnNext:focus, form .Form__NavigationBar .webapp .account-info.theme-core-light input[type='reset'].secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-core-light form input[type='reset'].secondary.btnNext:focus, .webapp .account-info.theme-core-light form input[type='reset'].secondary:focus, form .webapp .account-info.theme-core-light input[type='reset'].secondary:focus, form .webapp .account-info.theme-core-light input[type='reset'].secondary.FormButton:focus, .webapp .account-info.theme-core-light form input[type='reset'].secondary.FormButton:focus, form .webapp .account-info.theme-core-dark input[type='reset'].uk-button.secondary:focus, .webapp .account-info.theme-core-dark form input[type='reset'].uk-button.secondary:focus, form .webapp .account-info.theme-core-dark .Form__NavigationBar input[type='reset'].secondary.btnPrev:focus, .webapp .account-info.theme-core-dark .Form__NavigationBar form input[type='reset'].secondary.btnPrev:focus, form .Form__NavigationBar .webapp .account-info.theme-core-dark input[type='reset'].secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark form input[type='reset'].secondary.btnPrev:focus, form .webapp .account-info.theme-core-dark .Form__NavigationBar input[type='reset'].secondary.btnNext:focus, .webapp .account-info.theme-core-dark .Form__NavigationBar form input[type='reset'].secondary.btnNext:focus, form .Form__NavigationBar .webapp .account-info.theme-core-dark input[type='reset'].secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark form input[type='reset'].secondary.btnNext:focus, .webapp .account-info.theme-core-dark form input[type='reset'].secondary:focus, form .webapp .account-info.theme-core-dark input[type='reset'].secondary:focus, form .webapp .account-info.theme-core-dark input[type='reset'].secondary.FormButton:focus, .webapp .account-info.theme-core-dark form input[type='reset'].secondary.FormButton:focus, form .webapp .account-info.theme-desert input[type='reset'].uk-button.secondary:focus, .webapp .account-info.theme-desert form input[type='reset'].uk-button.secondary:focus, form .webapp .account-info.theme-desert .Form__NavigationBar input[type='reset'].secondary.btnPrev:focus, .webapp .account-info.theme-desert .Form__NavigationBar form input[type='reset'].secondary.btnPrev:focus, form .Form__NavigationBar .webapp .account-info.theme-desert input[type='reset'].secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-desert form input[type='reset'].secondary.btnPrev:focus, form .webapp .account-info.theme-desert .Form__NavigationBar input[type='reset'].secondary.btnNext:focus, .webapp .account-info.theme-desert .Form__NavigationBar form input[type='reset'].secondary.btnNext:focus, form .Form__NavigationBar .webapp .account-info.theme-desert input[type='reset'].secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-desert form input[type='reset'].secondary.btnNext:focus, .webapp .account-info.theme-desert form input[type='reset'].secondary:focus, form .webapp .account-info.theme-desert input[type='reset'].secondary:focus, form .webapp .account-info.theme-desert input[type='reset'].secondary.FormButton:focus, .webapp .account-info.theme-desert form input[type='reset'].secondary.FormButton:focus, form button.desert-secondary.FormSubmitButton:focus, form .webapp .account-info.theme-core-light button.FormSubmitButton.uk-button.secondary:focus, .webapp .account-info.theme-core-light form button.FormSubmitButton.uk-button.secondary:focus, form .webapp .account-info.theme-core-light .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev:focus, .webapp .account-info.theme-core-light .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev:focus, form .Form__NavigationBar .webapp .account-info.theme-core-light button.FormSubmitButton.secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary.btnPrev:focus, form .webapp .account-info.theme-core-light .Form__NavigationBar button.FormSubmitButton.secondary.btnNext:focus, .webapp .account-info.theme-core-light .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext:focus, form .Form__NavigationBar .webapp .account-info.theme-core-light button.FormSubmitButton.secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary.btnNext:focus, .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary:focus, form .webapp .account-info.theme-core-light button.FormSubmitButton.secondary:focus, form .webapp .account-info.theme-core-light button.FormSubmitButton.secondary.FormButton:focus, .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary.FormButton:focus, form .webapp .account-info.theme-core-dark button.FormSubmitButton.uk-button.secondary:focus, .webapp .account-info.theme-core-dark form button.FormSubmitButton.uk-button.secondary:focus, form .webapp .account-info.theme-core-dark .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev:focus, .webapp .account-info.theme-core-dark .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev:focus, form .Form__NavigationBar .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary.btnPrev:focus, form .webapp .account-info.theme-core-dark .Form__NavigationBar button.FormSubmitButton.secondary.btnNext:focus, .webapp .account-info.theme-core-dark .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext:focus, form .Form__NavigationBar .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary.btnNext:focus, .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary:focus, form .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary:focus, form .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary.FormButton:focus, .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary.FormButton:focus, form .webapp .account-info.theme-desert button.FormSubmitButton.uk-button.secondary:focus, .webapp .account-info.theme-desert form button.FormSubmitButton.uk-button.secondary:focus, form .webapp .account-info.theme-desert .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev:focus, .webapp .account-info.theme-desert .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev:focus, form .Form__NavigationBar .webapp .account-info.theme-desert button.FormSubmitButton.secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-desert form button.FormSubmitButton.secondary.btnPrev:focus, form .webapp .account-info.theme-desert .Form__NavigationBar button.FormSubmitButton.secondary.btnNext:focus, .webapp .account-info.theme-desert .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext:focus, form .Form__NavigationBar .webapp .account-info.theme-desert button.FormSubmitButton.secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-desert form button.FormSubmitButton.secondary.btnNext:focus, .webapp .account-info.theme-desert form button.FormSubmitButton.secondary:focus, form .webapp .account-info.theme-desert button.FormSubmitButton.secondary:focus, form .webapp .account-info.theme-desert button.FormSubmitButton.secondary.FormButton:focus, .webapp .account-info.theme-desert form button.FormSubmitButton.secondary.FormButton:focus, .Form__NavigationBar .desert-secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.uk-button.secondary:focus, .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.uk-button.secondary:focus, .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-core-light form input.btnPrev.secondary[type='reset']:focus, .webapp .account-info.theme-core-light form .Form__NavigationBar input.btnPrev.secondary[type='reset']:focus, .Form__NavigationBar form .webapp .account-info.theme-core-light input.btnPrev.secondary[type='reset']:focus, form .webapp .account-info.theme-core-light .Form__NavigationBar input.btnPrev.secondary[type='reset']:focus, .Form__NavigationBar .webapp .account-info.theme-core-light form button.btnPrev.secondary.FormSubmitButton:focus, .webapp .account-info.theme-core-light form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:focus, .Form__NavigationBar form .webapp .account-info.theme-core-light button.btnPrev.secondary.FormSubmitButton:focus, form .webapp .account-info.theme-core-light .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:focus, .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.secondary.FormButton:focus, .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.secondary.FormButton:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.uk-button.secondary:focus, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.uk-button.secondary:focus, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark form input.btnPrev.secondary[type='reset']:focus, .webapp .account-info.theme-core-dark form .Form__NavigationBar input.btnPrev.secondary[type='reset']:focus, .Form__NavigationBar form .webapp .account-info.theme-core-dark input.btnPrev.secondary[type='reset']:focus, form .webapp .account-info.theme-core-dark .Form__NavigationBar input.btnPrev.secondary[type='reset']:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark form button.btnPrev.secondary.FormSubmitButton:focus, .webapp .account-info.theme-core-dark form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:focus, .Form__NavigationBar form .webapp .account-info.theme-core-dark button.btnPrev.secondary.FormSubmitButton:focus, form .webapp .account-info.theme-core-dark .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.secondary.FormButton:focus, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.secondary.FormButton:focus, .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.uk-button.secondary:focus, .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.uk-button.secondary:focus, .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-desert form input.btnPrev.secondary[type='reset']:focus, .webapp .account-info.theme-desert form .Form__NavigationBar input.btnPrev.secondary[type='reset']:focus, .Form__NavigationBar form .webapp .account-info.theme-desert input.btnPrev.secondary[type='reset']:focus, form .webapp .account-info.theme-desert .Form__NavigationBar input.btnPrev.secondary[type='reset']:focus, .Form__NavigationBar .webapp .account-info.theme-desert form button.btnPrev.secondary.FormSubmitButton:focus, .webapp .account-info.theme-desert form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:focus, .Form__NavigationBar form .webapp .account-info.theme-desert button.btnPrev.secondary.FormSubmitButton:focus, form .webapp .account-info.theme-desert .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:focus, .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.secondary.FormButton:focus, .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.secondary.FormButton:focus, .Form__NavigationBar .desert-secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.uk-button.secondary:focus, .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.uk-button.secondary:focus, .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-core-light form input.btnNext.secondary[type='reset']:focus, .webapp .account-info.theme-core-light form .Form__NavigationBar input.btnNext.secondary[type='reset']:focus, .Form__NavigationBar form .webapp .account-info.theme-core-light input.btnNext.secondary[type='reset']:focus, form .webapp .account-info.theme-core-light .Form__NavigationBar input.btnNext.secondary[type='reset']:focus, .Form__NavigationBar .webapp .account-info.theme-core-light form button.btnNext.secondary.FormSubmitButton:focus, .webapp .account-info.theme-core-light form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:focus, .Form__NavigationBar form .webapp .account-info.theme-core-light button.btnNext.secondary.FormSubmitButton:focus, form .webapp .account-info.theme-core-light .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:focus, .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.secondary.FormButton:focus, .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.secondary.FormButton:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.uk-button.secondary:focus, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.uk-button.secondary:focus, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark form input.btnNext.secondary[type='reset']:focus, .webapp .account-info.theme-core-dark form .Form__NavigationBar input.btnNext.secondary[type='reset']:focus, .Form__NavigationBar form .webapp .account-info.theme-core-dark input.btnNext.secondary[type='reset']:focus, form .webapp .account-info.theme-core-dark .Form__NavigationBar input.btnNext.secondary[type='reset']:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark form button.btnNext.secondary.FormSubmitButton:focus, .webapp .account-info.theme-core-dark form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:focus, .Form__NavigationBar form .webapp .account-info.theme-core-dark button.btnNext.secondary.FormSubmitButton:focus, form .webapp .account-info.theme-core-dark .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.secondary.FormButton:focus, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.secondary.FormButton:focus, .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.uk-button.secondary:focus, .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.uk-button.secondary:focus, .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-desert form input.btnNext.secondary[type='reset']:focus, .webapp .account-info.theme-desert form .Form__NavigationBar input.btnNext.secondary[type='reset']:focus, .Form__NavigationBar form .webapp .account-info.theme-desert input.btnNext.secondary[type='reset']:focus, form .webapp .account-info.theme-desert .Form__NavigationBar input.btnNext.secondary[type='reset']:focus, .Form__NavigationBar .webapp .account-info.theme-desert form button.btnNext.secondary.FormSubmitButton:focus, .webapp .account-info.theme-desert form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:focus, .Form__NavigationBar form .webapp .account-info.theme-desert button.btnNext.secondary.FormSubmitButton:focus, form .webapp .account-info.theme-desert .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:focus, .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.secondary.FormButton:focus, .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.secondary.FormButton:focus, .uk-button.desert-secondary:hover, .webapp .account-info.theme-core-light .uk-button.secondary:hover, .webapp .account-info.theme-core-dark .uk-button.secondary:hover, .webapp .account-info.theme-desert .uk-button.secondary:hover, .desert-secondary.FormButton:hover, .webapp .account-info.theme-core-light .FormButton.secondary:hover, .webapp .account-info.theme-core-dark .FormButton.secondary:hover, .webapp .account-info.theme-desert .FormButton.secondary:hover, form input.desert-secondary[type='reset']:hover, form .webapp .account-info.theme-core-light input[type='reset'].uk-button.secondary:hover, .webapp .account-info.theme-core-light form input[type='reset'].uk-button.secondary:hover, form .webapp .account-info.theme-core-light .Form__NavigationBar input[type='reset'].secondary.btnPrev:hover, .webapp .account-info.theme-core-light .Form__NavigationBar form input[type='reset'].secondary.btnPrev:hover, form .Form__NavigationBar .webapp .account-info.theme-core-light input[type='reset'].secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-core-light form input[type='reset'].secondary.btnPrev:hover, form .webapp .account-info.theme-core-light .Form__NavigationBar input[type='reset'].secondary.btnNext:hover, .webapp .account-info.theme-core-light .Form__NavigationBar form input[type='reset'].secondary.btnNext:hover, form .Form__NavigationBar .webapp .account-info.theme-core-light input[type='reset'].secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-core-light form input[type='reset'].secondary.btnNext:hover, .webapp .account-info.theme-core-light form input[type='reset'].secondary:hover, form .webapp .account-info.theme-core-light input[type='reset'].secondary:hover, form .webapp .account-info.theme-core-light input[type='reset'].secondary.FormButton:hover, .webapp .account-info.theme-core-light form input[type='reset'].secondary.FormButton:hover, form .webapp .account-info.theme-core-dark input[type='reset'].uk-button.secondary:hover, .webapp .account-info.theme-core-dark form input[type='reset'].uk-button.secondary:hover, form .webapp .account-info.theme-core-dark .Form__NavigationBar input[type='reset'].secondary.btnPrev:hover, .webapp .account-info.theme-core-dark .Form__NavigationBar form input[type='reset'].secondary.btnPrev:hover, form .Form__NavigationBar .webapp .account-info.theme-core-dark input[type='reset'].secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark form input[type='reset'].secondary.btnPrev:hover, form .webapp .account-info.theme-core-dark .Form__NavigationBar input[type='reset'].secondary.btnNext:hover, .webapp .account-info.theme-core-dark .Form__NavigationBar form input[type='reset'].secondary.btnNext:hover, form .Form__NavigationBar .webapp .account-info.theme-core-dark input[type='reset'].secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark form input[type='reset'].secondary.btnNext:hover, .webapp .account-info.theme-core-dark form input[type='reset'].secondary:hover, form .webapp .account-info.theme-core-dark input[type='reset'].secondary:hover, form .webapp .account-info.theme-core-dark input[type='reset'].secondary.FormButton:hover, .webapp .account-info.theme-core-dark form input[type='reset'].secondary.FormButton:hover, form .webapp .account-info.theme-desert input[type='reset'].uk-button.secondary:hover, .webapp .account-info.theme-desert form input[type='reset'].uk-button.secondary:hover, form .webapp .account-info.theme-desert .Form__NavigationBar input[type='reset'].secondary.btnPrev:hover, .webapp .account-info.theme-desert .Form__NavigationBar form input[type='reset'].secondary.btnPrev:hover, form .Form__NavigationBar .webapp .account-info.theme-desert input[type='reset'].secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-desert form input[type='reset'].secondary.btnPrev:hover, form .webapp .account-info.theme-desert .Form__NavigationBar input[type='reset'].secondary.btnNext:hover, .webapp .account-info.theme-desert .Form__NavigationBar form input[type='reset'].secondary.btnNext:hover, form .Form__NavigationBar .webapp .account-info.theme-desert input[type='reset'].secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-desert form input[type='reset'].secondary.btnNext:hover, .webapp .account-info.theme-desert form input[type='reset'].secondary:hover, form .webapp .account-info.theme-desert input[type='reset'].secondary:hover, form .webapp .account-info.theme-desert input[type='reset'].secondary.FormButton:hover, .webapp .account-info.theme-desert form input[type='reset'].secondary.FormButton:hover, form button.desert-secondary.FormSubmitButton:hover, form .webapp .account-info.theme-core-light button.FormSubmitButton.uk-button.secondary:hover, .webapp .account-info.theme-core-light form button.FormSubmitButton.uk-button.secondary:hover, form .webapp .account-info.theme-core-light .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev:hover, .webapp .account-info.theme-core-light .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev:hover, form .Form__NavigationBar .webapp .account-info.theme-core-light button.FormSubmitButton.secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary.btnPrev:hover, form .webapp .account-info.theme-core-light .Form__NavigationBar button.FormSubmitButton.secondary.btnNext:hover, .webapp .account-info.theme-core-light .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext:hover, form .Form__NavigationBar .webapp .account-info.theme-core-light button.FormSubmitButton.secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary.btnNext:hover, .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary:hover, form .webapp .account-info.theme-core-light button.FormSubmitButton.secondary:hover, form .webapp .account-info.theme-core-light button.FormSubmitButton.secondary.FormButton:hover, .webapp .account-info.theme-core-light form button.FormSubmitButton.secondary.FormButton:hover, form .webapp .account-info.theme-core-dark button.FormSubmitButton.uk-button.secondary:hover, .webapp .account-info.theme-core-dark form button.FormSubmitButton.uk-button.secondary:hover, form .webapp .account-info.theme-core-dark .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev:hover, .webapp .account-info.theme-core-dark .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev:hover, form .Form__NavigationBar .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary.btnPrev:hover, form .webapp .account-info.theme-core-dark .Form__NavigationBar button.FormSubmitButton.secondary.btnNext:hover, .webapp .account-info.theme-core-dark .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext:hover, form .Form__NavigationBar .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary.btnNext:hover, .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary:hover, form .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary:hover, form .webapp .account-info.theme-core-dark button.FormSubmitButton.secondary.FormButton:hover, .webapp .account-info.theme-core-dark form button.FormSubmitButton.secondary.FormButton:hover, form .webapp .account-info.theme-desert button.FormSubmitButton.uk-button.secondary:hover, .webapp .account-info.theme-desert form button.FormSubmitButton.uk-button.secondary:hover, form .webapp .account-info.theme-desert .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev:hover, .webapp .account-info.theme-desert .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev:hover, form .Form__NavigationBar .webapp .account-info.theme-desert button.FormSubmitButton.secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-desert form button.FormSubmitButton.secondary.btnPrev:hover, form .webapp .account-info.theme-desert .Form__NavigationBar button.FormSubmitButton.secondary.btnNext:hover, .webapp .account-info.theme-desert .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext:hover, form .Form__NavigationBar .webapp .account-info.theme-desert button.FormSubmitButton.secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-desert form button.FormSubmitButton.secondary.btnNext:hover, .webapp .account-info.theme-desert form button.FormSubmitButton.secondary:hover, form .webapp .account-info.theme-desert button.FormSubmitButton.secondary:hover, form .webapp .account-info.theme-desert button.FormSubmitButton.secondary.FormButton:hover, .webapp .account-info.theme-desert form button.FormSubmitButton.secondary.FormButton:hover, .Form__NavigationBar .desert-secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.uk-button.secondary:hover, .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.uk-button.secondary:hover, .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-core-light form input.btnPrev.secondary[type='reset']:hover, .webapp .account-info.theme-core-light form .Form__NavigationBar input.btnPrev.secondary[type='reset']:hover, .Form__NavigationBar form .webapp .account-info.theme-core-light input.btnPrev.secondary[type='reset']:hover, form .webapp .account-info.theme-core-light .Form__NavigationBar input.btnPrev.secondary[type='reset']:hover, .Form__NavigationBar .webapp .account-info.theme-core-light form button.btnPrev.secondary.FormSubmitButton:hover, .webapp .account-info.theme-core-light form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:hover, .Form__NavigationBar form .webapp .account-info.theme-core-light button.btnPrev.secondary.FormSubmitButton:hover, form .webapp .account-info.theme-core-light .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:hover, .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.secondary.FormButton:hover, .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.secondary.FormButton:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.uk-button.secondary:hover, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.uk-button.secondary:hover, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark form input.btnPrev.secondary[type='reset']:hover, .webapp .account-info.theme-core-dark form .Form__NavigationBar input.btnPrev.secondary[type='reset']:hover, .Form__NavigationBar form .webapp .account-info.theme-core-dark input.btnPrev.secondary[type='reset']:hover, form .webapp .account-info.theme-core-dark .Form__NavigationBar input.btnPrev.secondary[type='reset']:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark form button.btnPrev.secondary.FormSubmitButton:hover, .webapp .account-info.theme-core-dark form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:hover, .Form__NavigationBar form .webapp .account-info.theme-core-dark button.btnPrev.secondary.FormSubmitButton:hover, form .webapp .account-info.theme-core-dark .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.secondary.FormButton:hover, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.secondary.FormButton:hover, .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.uk-button.secondary:hover, .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.uk-button.secondary:hover, .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-desert form input.btnPrev.secondary[type='reset']:hover, .webapp .account-info.theme-desert form .Form__NavigationBar input.btnPrev.secondary[type='reset']:hover, .Form__NavigationBar form .webapp .account-info.theme-desert input.btnPrev.secondary[type='reset']:hover, form .webapp .account-info.theme-desert .Form__NavigationBar input.btnPrev.secondary[type='reset']:hover, .Form__NavigationBar .webapp .account-info.theme-desert form button.btnPrev.secondary.FormSubmitButton:hover, .webapp .account-info.theme-desert form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:hover, .Form__NavigationBar form .webapp .account-info.theme-desert button.btnPrev.secondary.FormSubmitButton:hover, form .webapp .account-info.theme-desert .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:hover, .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.secondary.FormButton:hover, .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.secondary.FormButton:hover, .Form__NavigationBar .desert-secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.uk-button.secondary:hover, .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.uk-button.secondary:hover, .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-core-light form input.btnNext.secondary[type='reset']:hover, .webapp .account-info.theme-core-light form .Form__NavigationBar input.btnNext.secondary[type='reset']:hover, .Form__NavigationBar form .webapp .account-info.theme-core-light input.btnNext.secondary[type='reset']:hover, form .webapp .account-info.theme-core-light .Form__NavigationBar input.btnNext.secondary[type='reset']:hover, .Form__NavigationBar .webapp .account-info.theme-core-light form button.btnNext.secondary.FormSubmitButton:hover, .webapp .account-info.theme-core-light form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:hover, .Form__NavigationBar form .webapp .account-info.theme-core-light button.btnNext.secondary.FormSubmitButton:hover, form .webapp .account-info.theme-core-light .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:hover, .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.secondary.FormButton:hover, .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.secondary.FormButton:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.uk-button.secondary:hover, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.uk-button.secondary:hover, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark form input.btnNext.secondary[type='reset']:hover, .webapp .account-info.theme-core-dark form .Form__NavigationBar input.btnNext.secondary[type='reset']:hover, .Form__NavigationBar form .webapp .account-info.theme-core-dark input.btnNext.secondary[type='reset']:hover, form .webapp .account-info.theme-core-dark .Form__NavigationBar input.btnNext.secondary[type='reset']:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark form button.btnNext.secondary.FormSubmitButton:hover, .webapp .account-info.theme-core-dark form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:hover, .Form__NavigationBar form .webapp .account-info.theme-core-dark button.btnNext.secondary.FormSubmitButton:hover, form .webapp .account-info.theme-core-dark .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.secondary.FormButton:hover, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.secondary.FormButton:hover, .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.uk-button.secondary:hover, .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.uk-button.secondary:hover, .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-desert form input.btnNext.secondary[type='reset']:hover, .webapp .account-info.theme-desert form .Form__NavigationBar input.btnNext.secondary[type='reset']:hover, .Form__NavigationBar form .webapp .account-info.theme-desert input.btnNext.secondary[type='reset']:hover, form .webapp .account-info.theme-desert .Form__NavigationBar input.btnNext.secondary[type='reset']:hover, .Form__NavigationBar .webapp .account-info.theme-desert form button.btnNext.secondary.FormSubmitButton:hover, .webapp .account-info.theme-desert form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:hover, .Form__NavigationBar form .webapp .account-info.theme-desert button.btnNext.secondary.FormSubmitButton:hover, form .webapp .account-info.theme-desert .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:hover, .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.secondary.FormButton:hover, .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.secondary.FormButton:hover { border-color: #7a0306; color: #7a0306; } .uk-button.sea-primary-dark, .sea-primary-dark.FormButton, form input.sea-primary-dark[type='reset'], form button.sea-primary-dark.FormSubmitButton, .Form__NavigationBar .sea-primary-dark.btnPrev, .Form__NavigationBar .sea-primary-dark.btnNext, .uk-button.sea, .sea.FormButton, form input.sea[type='reset'], form button.sea.FormSubmitButton, .Form__NavigationBar .sea.btnPrev, .Form__NavigationBar .sea.btnNext { color: #fff; } .uk-button.sea-primary-dark:active, .sea-primary-dark.FormButton:active, form input.sea-primary-dark[type='reset']:active, form button.sea-primary-dark.FormSubmitButton:active, .Form__NavigationBar .sea-primary-dark.btnPrev:active, .Form__NavigationBar .sea-primary-dark.btnNext:active, .uk-button.sea-primary-dark:focus, .sea-primary-dark.FormButton:focus, form input.sea-primary-dark[type='reset']:focus, form button.sea-primary-dark.FormSubmitButton:focus, .Form__NavigationBar .sea-primary-dark.btnPrev:focus, .Form__NavigationBar .sea-primary-dark.btnNext:focus, .uk-button.sea-primary-dark:hover, .sea-primary-dark.FormButton:hover, form input.sea-primary-dark[type='reset']:hover, form button.sea-primary-dark.FormSubmitButton:hover, .Form__NavigationBar .sea-primary-dark.btnPrev:hover, .Form__NavigationBar .sea-primary-dark.btnNext:hover, .uk-button.sea:active, .sea.FormButton:active, form input.sea[type='reset']:active, form button.sea.FormSubmitButton:active, .Form__NavigationBar .sea.btnPrev:active, .Form__NavigationBar .sea.btnNext:active, .uk-button.sea:focus, .sea.FormButton:focus, form input.sea[type='reset']:focus, form button.sea.FormSubmitButton:focus, .Form__NavigationBar .sea.btnPrev:focus, .Form__NavigationBar .sea.btnNext:focus, .uk-button.sea:hover, .sea.FormButton:hover, form input.sea[type='reset']:hover, form button.sea.FormSubmitButton:hover, .Form__NavigationBar .sea.btnPrev:hover, .Form__NavigationBar .sea.btnNext:hover { background-color: #125252; border-color: #8ecdc7; color: #fff; } .uk-button.sea-primary-light, .sea-primary-light.FormButton, form input.sea-primary-light[type='reset'], form button.sea-primary-light.FormSubmitButton, .Form__NavigationBar .sea-primary-light.btnPrev, .Form__NavigationBar .sea-primary-light.btnNext { color: #125252; } .uk-button.sea-primary-light:active, .sea-primary-light.FormButton:active, form input.sea-primary-light[type='reset']:active, form button.sea-primary-light.FormSubmitButton:active, .Form__NavigationBar .sea-primary-light.btnPrev:active, .Form__NavigationBar .sea-primary-light.btnNext:active, .uk-button.sea-primary-light:focus, .sea-primary-light.FormButton:focus, form input.sea-primary-light[type='reset']:focus, form button.sea-primary-light.FormSubmitButton:focus, .Form__NavigationBar .sea-primary-light.btnPrev:focus, .Form__NavigationBar .sea-primary-light.btnNext:focus, .uk-button.sea-primary-light:hover, .sea-primary-light.FormButton:hover, form input.sea-primary-light[type='reset']:hover, form button.sea-primary-light.FormSubmitButton:hover, .Form__NavigationBar .sea-primary-light.btnPrev:hover, .Form__NavigationBar .sea-primary-light.btnNext:hover { background-color: #8ecdc7; border-color: #125252; color: #125252; } .uk-button.sea-secondary, .webapp .account-info.theme-sea .uk-button.secondary, .sea-secondary.FormButton, .webapp .account-info.theme-sea .FormButton.secondary, form input.sea-secondary[type='reset'], .webapp .account-info.theme-sea form input[type='reset'].secondary, form .webapp .account-info.theme-sea input[type='reset'].secondary, form button.sea-secondary.FormSubmitButton, .webapp .account-info.theme-sea form button.FormSubmitButton.secondary, form .webapp .account-info.theme-sea button.FormSubmitButton.secondary, .Form__NavigationBar .sea-secondary.btnPrev, .webapp .account-info.theme-sea .Form__NavigationBar .btnPrev.secondary, .Form__NavigationBar .webapp .account-info.theme-sea .btnPrev.secondary, .Form__NavigationBar .sea-secondary.btnNext, .webapp .account-info.theme-sea .Form__NavigationBar .btnNext.secondary, .Form__NavigationBar .webapp .account-info.theme-sea .btnNext.secondary { background-color: #fff; color: #125252; } .uk-button.sea-secondary:active, .webapp .account-info.theme-sea .uk-button.secondary:active, .sea-secondary.FormButton:active, .webapp .account-info.theme-sea .FormButton.secondary:active, form input.sea-secondary[type='reset']:active, form .webapp .account-info.theme-sea input[type='reset'].uk-button.secondary:active, .webapp .account-info.theme-sea form input[type='reset'].uk-button.secondary:active, form .webapp .account-info.theme-sea .Form__NavigationBar input[type='reset'].secondary.btnPrev:active, .webapp .account-info.theme-sea .Form__NavigationBar form input[type='reset'].secondary.btnPrev:active, form .Form__NavigationBar .webapp .account-info.theme-sea input[type='reset'].secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-sea form input[type='reset'].secondary.btnPrev:active, form .webapp .account-info.theme-sea .Form__NavigationBar input[type='reset'].secondary.btnNext:active, .webapp .account-info.theme-sea .Form__NavigationBar form input[type='reset'].secondary.btnNext:active, form .Form__NavigationBar .webapp .account-info.theme-sea input[type='reset'].secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-sea form input[type='reset'].secondary.btnNext:active, .webapp .account-info.theme-sea form input[type='reset'].secondary:active, form .webapp .account-info.theme-sea input[type='reset'].secondary:active, form .webapp .account-info.theme-sea input[type='reset'].secondary.FormButton:active, .webapp .account-info.theme-sea form input[type='reset'].secondary.FormButton:active, form button.sea-secondary.FormSubmitButton:active, form .webapp .account-info.theme-sea button.FormSubmitButton.uk-button.secondary:active, .webapp .account-info.theme-sea form button.FormSubmitButton.uk-button.secondary:active, form .webapp .account-info.theme-sea .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev:active, .webapp .account-info.theme-sea .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev:active, form .Form__NavigationBar .webapp .account-info.theme-sea button.FormSubmitButton.secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-sea form button.FormSubmitButton.secondary.btnPrev:active, form .webapp .account-info.theme-sea .Form__NavigationBar button.FormSubmitButton.secondary.btnNext:active, .webapp .account-info.theme-sea .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext:active, form .Form__NavigationBar .webapp .account-info.theme-sea button.FormSubmitButton.secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-sea form button.FormSubmitButton.secondary.btnNext:active, .webapp .account-info.theme-sea form button.FormSubmitButton.secondary:active, form .webapp .account-info.theme-sea button.FormSubmitButton.secondary:active, form .webapp .account-info.theme-sea button.FormSubmitButton.secondary.FormButton:active, .webapp .account-info.theme-sea form button.FormSubmitButton.secondary.FormButton:active, .Form__NavigationBar .sea-secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-sea .btnPrev.uk-button.secondary:active, .webapp .account-info.theme-sea .Form__NavigationBar .btnPrev.uk-button.secondary:active, .webapp .account-info.theme-sea .Form__NavigationBar .btnPrev.secondary:active, .Form__NavigationBar .webapp .account-info.theme-sea .btnPrev.secondary:active, .Form__NavigationBar .webapp .account-info.theme-sea form input.btnPrev.secondary[type='reset']:active, .webapp .account-info.theme-sea form .Form__NavigationBar input.btnPrev.secondary[type='reset']:active, .Form__NavigationBar form .webapp .account-info.theme-sea input.btnPrev.secondary[type='reset']:active, form .webapp .account-info.theme-sea .Form__NavigationBar input.btnPrev.secondary[type='reset']:active, .Form__NavigationBar .webapp .account-info.theme-sea form button.btnPrev.secondary.FormSubmitButton:active, .webapp .account-info.theme-sea form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:active, .Form__NavigationBar form .webapp .account-info.theme-sea button.btnPrev.secondary.FormSubmitButton:active, form .webapp .account-info.theme-sea .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:active, .Form__NavigationBar .webapp .account-info.theme-sea .btnPrev.secondary.FormButton:active, .webapp .account-info.theme-sea .Form__NavigationBar .btnPrev.secondary.FormButton:active, .Form__NavigationBar .sea-secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-sea .btnNext.uk-button.secondary:active, .webapp .account-info.theme-sea .Form__NavigationBar .btnNext.uk-button.secondary:active, .webapp .account-info.theme-sea .Form__NavigationBar .btnNext.secondary:active, .Form__NavigationBar .webapp .account-info.theme-sea .btnNext.secondary:active, .Form__NavigationBar .webapp .account-info.theme-sea form input.btnNext.secondary[type='reset']:active, .webapp .account-info.theme-sea form .Form__NavigationBar input.btnNext.secondary[type='reset']:active, .Form__NavigationBar form .webapp .account-info.theme-sea input.btnNext.secondary[type='reset']:active, form .webapp .account-info.theme-sea .Form__NavigationBar input.btnNext.secondary[type='reset']:active, .Form__NavigationBar .webapp .account-info.theme-sea form button.btnNext.secondary.FormSubmitButton:active, .webapp .account-info.theme-sea form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:active, .Form__NavigationBar form .webapp .account-info.theme-sea button.btnNext.secondary.FormSubmitButton:active, form .webapp .account-info.theme-sea .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:active, .Form__NavigationBar .webapp .account-info.theme-sea .btnNext.secondary.FormButton:active, .webapp .account-info.theme-sea .Form__NavigationBar .btnNext.secondary.FormButton:active, .uk-button.sea-secondary:focus, .webapp .account-info.theme-sea .uk-button.secondary:focus, .sea-secondary.FormButton:focus, .webapp .account-info.theme-sea .FormButton.secondary:focus, form input.sea-secondary[type='reset']:focus, form .webapp .account-info.theme-sea input[type='reset'].uk-button.secondary:focus, .webapp .account-info.theme-sea form input[type='reset'].uk-button.secondary:focus, form .webapp .account-info.theme-sea .Form__NavigationBar input[type='reset'].secondary.btnPrev:focus, .webapp .account-info.theme-sea .Form__NavigationBar form input[type='reset'].secondary.btnPrev:focus, form .Form__NavigationBar .webapp .account-info.theme-sea input[type='reset'].secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-sea form input[type='reset'].secondary.btnPrev:focus, form .webapp .account-info.theme-sea .Form__NavigationBar input[type='reset'].secondary.btnNext:focus, .webapp .account-info.theme-sea .Form__NavigationBar form input[type='reset'].secondary.btnNext:focus, form .Form__NavigationBar .webapp .account-info.theme-sea input[type='reset'].secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-sea form input[type='reset'].secondary.btnNext:focus, .webapp .account-info.theme-sea form input[type='reset'].secondary:focus, form .webapp .account-info.theme-sea input[type='reset'].secondary:focus, form .webapp .account-info.theme-sea input[type='reset'].secondary.FormButton:focus, .webapp .account-info.theme-sea form input[type='reset'].secondary.FormButton:focus, form button.sea-secondary.FormSubmitButton:focus, form .webapp .account-info.theme-sea button.FormSubmitButton.uk-button.secondary:focus, .webapp .account-info.theme-sea form button.FormSubmitButton.uk-button.secondary:focus, form .webapp .account-info.theme-sea .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev:focus, .webapp .account-info.theme-sea .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev:focus, form .Form__NavigationBar .webapp .account-info.theme-sea button.FormSubmitButton.secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-sea form button.FormSubmitButton.secondary.btnPrev:focus, form .webapp .account-info.theme-sea .Form__NavigationBar button.FormSubmitButton.secondary.btnNext:focus, .webapp .account-info.theme-sea .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext:focus, form .Form__NavigationBar .webapp .account-info.theme-sea button.FormSubmitButton.secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-sea form button.FormSubmitButton.secondary.btnNext:focus, .webapp .account-info.theme-sea form button.FormSubmitButton.secondary:focus, form .webapp .account-info.theme-sea button.FormSubmitButton.secondary:focus, form .webapp .account-info.theme-sea button.FormSubmitButton.secondary.FormButton:focus, .webapp .account-info.theme-sea form button.FormSubmitButton.secondary.FormButton:focus, .Form__NavigationBar .sea-secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-sea .btnPrev.uk-button.secondary:focus, .webapp .account-info.theme-sea .Form__NavigationBar .btnPrev.uk-button.secondary:focus, .webapp .account-info.theme-sea .Form__NavigationBar .btnPrev.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-sea .btnPrev.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-sea form input.btnPrev.secondary[type='reset']:focus, .webapp .account-info.theme-sea form .Form__NavigationBar input.btnPrev.secondary[type='reset']:focus, .Form__NavigationBar form .webapp .account-info.theme-sea input.btnPrev.secondary[type='reset']:focus, form .webapp .account-info.theme-sea .Form__NavigationBar input.btnPrev.secondary[type='reset']:focus, .Form__NavigationBar .webapp .account-info.theme-sea form button.btnPrev.secondary.FormSubmitButton:focus, .webapp .account-info.theme-sea form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:focus, .Form__NavigationBar form .webapp .account-info.theme-sea button.btnPrev.secondary.FormSubmitButton:focus, form .webapp .account-info.theme-sea .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:focus, .Form__NavigationBar .webapp .account-info.theme-sea .btnPrev.secondary.FormButton:focus, .webapp .account-info.theme-sea .Form__NavigationBar .btnPrev.secondary.FormButton:focus, .Form__NavigationBar .sea-secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-sea .btnNext.uk-button.secondary:focus, .webapp .account-info.theme-sea .Form__NavigationBar .btnNext.uk-button.secondary:focus, .webapp .account-info.theme-sea .Form__NavigationBar .btnNext.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-sea .btnNext.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-sea form input.btnNext.secondary[type='reset']:focus, .webapp .account-info.theme-sea form .Form__NavigationBar input.btnNext.secondary[type='reset']:focus, .Form__NavigationBar form .webapp .account-info.theme-sea input.btnNext.secondary[type='reset']:focus, form .webapp .account-info.theme-sea .Form__NavigationBar input.btnNext.secondary[type='reset']:focus, .Form__NavigationBar .webapp .account-info.theme-sea form button.btnNext.secondary.FormSubmitButton:focus, .webapp .account-info.theme-sea form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:focus, .Form__NavigationBar form .webapp .account-info.theme-sea button.btnNext.secondary.FormSubmitButton:focus, form .webapp .account-info.theme-sea .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:focus, .Form__NavigationBar .webapp .account-info.theme-sea .btnNext.secondary.FormButton:focus, .webapp .account-info.theme-sea .Form__NavigationBar .btnNext.secondary.FormButton:focus, .uk-button.sea-secondary:hover, .webapp .account-info.theme-sea .uk-button.secondary:hover, .sea-secondary.FormButton:hover, .webapp .account-info.theme-sea .FormButton.secondary:hover, form input.sea-secondary[type='reset']:hover, form .webapp .account-info.theme-sea input[type='reset'].uk-button.secondary:hover, .webapp .account-info.theme-sea form input[type='reset'].uk-button.secondary:hover, form .webapp .account-info.theme-sea .Form__NavigationBar input[type='reset'].secondary.btnPrev:hover, .webapp .account-info.theme-sea .Form__NavigationBar form input[type='reset'].secondary.btnPrev:hover, form .Form__NavigationBar .webapp .account-info.theme-sea input[type='reset'].secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-sea form input[type='reset'].secondary.btnPrev:hover, form .webapp .account-info.theme-sea .Form__NavigationBar input[type='reset'].secondary.btnNext:hover, .webapp .account-info.theme-sea .Form__NavigationBar form input[type='reset'].secondary.btnNext:hover, form .Form__NavigationBar .webapp .account-info.theme-sea input[type='reset'].secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-sea form input[type='reset'].secondary.btnNext:hover, .webapp .account-info.theme-sea form input[type='reset'].secondary:hover, form .webapp .account-info.theme-sea input[type='reset'].secondary:hover, form .webapp .account-info.theme-sea input[type='reset'].secondary.FormButton:hover, .webapp .account-info.theme-sea form input[type='reset'].secondary.FormButton:hover, form button.sea-secondary.FormSubmitButton:hover, form .webapp .account-info.theme-sea button.FormSubmitButton.uk-button.secondary:hover, .webapp .account-info.theme-sea form button.FormSubmitButton.uk-button.secondary:hover, form .webapp .account-info.theme-sea .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev:hover, .webapp .account-info.theme-sea .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev:hover, form .Form__NavigationBar .webapp .account-info.theme-sea button.FormSubmitButton.secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-sea form button.FormSubmitButton.secondary.btnPrev:hover, form .webapp .account-info.theme-sea .Form__NavigationBar button.FormSubmitButton.secondary.btnNext:hover, .webapp .account-info.theme-sea .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext:hover, form .Form__NavigationBar .webapp .account-info.theme-sea button.FormSubmitButton.secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-sea form button.FormSubmitButton.secondary.btnNext:hover, .webapp .account-info.theme-sea form button.FormSubmitButton.secondary:hover, form .webapp .account-info.theme-sea button.FormSubmitButton.secondary:hover, form .webapp .account-info.theme-sea button.FormSubmitButton.secondary.FormButton:hover, .webapp .account-info.theme-sea form button.FormSubmitButton.secondary.FormButton:hover, .Form__NavigationBar .sea-secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-sea .btnPrev.uk-button.secondary:hover, .webapp .account-info.theme-sea .Form__NavigationBar .btnPrev.uk-button.secondary:hover, .webapp .account-info.theme-sea .Form__NavigationBar .btnPrev.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-sea .btnPrev.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-sea form input.btnPrev.secondary[type='reset']:hover, .webapp .account-info.theme-sea form .Form__NavigationBar input.btnPrev.secondary[type='reset']:hover, .Form__NavigationBar form .webapp .account-info.theme-sea input.btnPrev.secondary[type='reset']:hover, form .webapp .account-info.theme-sea .Form__NavigationBar input.btnPrev.secondary[type='reset']:hover, .Form__NavigationBar .webapp .account-info.theme-sea form button.btnPrev.secondary.FormSubmitButton:hover, .webapp .account-info.theme-sea form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:hover, .Form__NavigationBar form .webapp .account-info.theme-sea button.btnPrev.secondary.FormSubmitButton:hover, form .webapp .account-info.theme-sea .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:hover, .Form__NavigationBar .webapp .account-info.theme-sea .btnPrev.secondary.FormButton:hover, .webapp .account-info.theme-sea .Form__NavigationBar .btnPrev.secondary.FormButton:hover, .Form__NavigationBar .sea-secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-sea .btnNext.uk-button.secondary:hover, .webapp .account-info.theme-sea .Form__NavigationBar .btnNext.uk-button.secondary:hover, .webapp .account-info.theme-sea .Form__NavigationBar .btnNext.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-sea .btnNext.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-sea form input.btnNext.secondary[type='reset']:hover, .webapp .account-info.theme-sea form .Form__NavigationBar input.btnNext.secondary[type='reset']:hover, .Form__NavigationBar form .webapp .account-info.theme-sea input.btnNext.secondary[type='reset']:hover, form .webapp .account-info.theme-sea .Form__NavigationBar input.btnNext.secondary[type='reset']:hover, .Form__NavigationBar .webapp .account-info.theme-sea form button.btnNext.secondary.FormSubmitButton:hover, .webapp .account-info.theme-sea form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:hover, .Form__NavigationBar form .webapp .account-info.theme-sea button.btnNext.secondary.FormSubmitButton:hover, form .webapp .account-info.theme-sea .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:hover, .Form__NavigationBar .webapp .account-info.theme-sea .btnNext.secondary.FormButton:hover, .webapp .account-info.theme-sea .Form__NavigationBar .btnNext.secondary.FormButton:hover { background-color: #fff; border-color: #8ecdc7; color: #125252; } .uk-button.sky-primary-dark, .sky-primary-dark.FormButton, form input.sky-primary-dark[type='reset'], form button.sky-primary-dark.FormSubmitButton, .Form__NavigationBar .sky-primary-dark.btnPrev, .Form__NavigationBar .sky-primary-dark.btnNext, .uk-button.sky, .sky.FormButton, form input.sky[type='reset'], form button.sky.FormSubmitButton, .Form__NavigationBar .sky.btnPrev, .Form__NavigationBar .sky.btnNext { color: #fff; } .uk-button.sky-primary-dark:active, .sky-primary-dark.FormButton:active, form input.sky-primary-dark[type='reset']:active, form button.sky-primary-dark.FormSubmitButton:active, .Form__NavigationBar .sky-primary-dark.btnPrev:active, .Form__NavigationBar .sky-primary-dark.btnNext:active, .uk-button.sky-primary-dark:focus, .sky-primary-dark.FormButton:focus, form input.sky-primary-dark[type='reset']:focus, form button.sky-primary-dark.FormSubmitButton:focus, .Form__NavigationBar .sky-primary-dark.btnPrev:focus, .Form__NavigationBar .sky-primary-dark.btnNext:focus, .uk-button.sky-primary-dark:hover, .sky-primary-dark.FormButton:hover, form input.sky-primary-dark[type='reset']:hover, form button.sky-primary-dark.FormSubmitButton:hover, .Form__NavigationBar .sky-primary-dark.btnPrev:hover, .Form__NavigationBar .sky-primary-dark.btnNext:hover, .uk-button.sky:active, .sky.FormButton:active, form input.sky[type='reset']:active, form button.sky.FormSubmitButton:active, .Form__NavigationBar .sky.btnPrev:active, .Form__NavigationBar .sky.btnNext:active, .uk-button.sky:focus, .sky.FormButton:focus, form input.sky[type='reset']:focus, form button.sky.FormSubmitButton:focus, .Form__NavigationBar .sky.btnPrev:focus, .Form__NavigationBar .sky.btnNext:focus, .uk-button.sky:hover, .sky.FormButton:hover, form input.sky[type='reset']:hover, form button.sky.FormSubmitButton:hover, .Form__NavigationBar .sky.btnPrev:hover, .Form__NavigationBar .sky.btnNext:hover { background-color: #214187; border-color: #bac8e2; color: #fff; } .uk-button.sky-primary-light, .sky-primary-light.FormButton, form input.sky-primary-light[type='reset'], form button.sky-primary-light.FormSubmitButton, .Form__NavigationBar .sky-primary-light.btnPrev, .Form__NavigationBar .sky-primary-light.btnNext { color: #214187; } .uk-button.sky-primary-light:active, .sky-primary-light.FormButton:active, form input.sky-primary-light[type='reset']:active, form button.sky-primary-light.FormSubmitButton:active, .Form__NavigationBar .sky-primary-light.btnPrev:active, .Form__NavigationBar .sky-primary-light.btnNext:active, .uk-button.sky-primary-light:focus, .sky-primary-light.FormButton:focus, form input.sky-primary-light[type='reset']:focus, form button.sky-primary-light.FormSubmitButton:focus, .Form__NavigationBar .sky-primary-light.btnPrev:focus, .Form__NavigationBar .sky-primary-light.btnNext:focus, .uk-button.sky-primary-light:hover, .sky-primary-light.FormButton:hover, form input.sky-primary-light[type='reset']:hover, form button.sky-primary-light.FormSubmitButton:hover, .Form__NavigationBar .sky-primary-light.btnPrev:hover, .Form__NavigationBar .sky-primary-light.btnNext:hover { background-color: #bac8e2; border-color: #214187; color: #214187; } .uk-button.sky-secondary, .webapp .account-info.theme-sky .uk-button.secondary, .sky-secondary.FormButton, .webapp .account-info.theme-sky .FormButton.secondary, form input.sky-secondary[type='reset'], .webapp .account-info.theme-sky form input[type='reset'].secondary, form .webapp .account-info.theme-sky input[type='reset'].secondary, form button.sky-secondary.FormSubmitButton, .webapp .account-info.theme-sky form button.FormSubmitButton.secondary, form .webapp .account-info.theme-sky button.FormSubmitButton.secondary, .Form__NavigationBar .sky-secondary.btnPrev, .webapp .account-info.theme-sky .Form__NavigationBar .btnPrev.secondary, .Form__NavigationBar .webapp .account-info.theme-sky .btnPrev.secondary, .Form__NavigationBar .sky-secondary.btnNext, .webapp .account-info.theme-sky .Form__NavigationBar .btnNext.secondary, .Form__NavigationBar .webapp .account-info.theme-sky .btnNext.secondary { background-color: #fff; color: #214187; } .uk-button.sky-secondary:active, .webapp .account-info.theme-sky .uk-button.secondary:active, .sky-secondary.FormButton:active, .webapp .account-info.theme-sky .FormButton.secondary:active, form input.sky-secondary[type='reset']:active, form .webapp .account-info.theme-sky input[type='reset'].uk-button.secondary:active, .webapp .account-info.theme-sky form input[type='reset'].uk-button.secondary:active, form .webapp .account-info.theme-sky .Form__NavigationBar input[type='reset'].secondary.btnPrev:active, .webapp .account-info.theme-sky .Form__NavigationBar form input[type='reset'].secondary.btnPrev:active, form .Form__NavigationBar .webapp .account-info.theme-sky input[type='reset'].secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-sky form input[type='reset'].secondary.btnPrev:active, form .webapp .account-info.theme-sky .Form__NavigationBar input[type='reset'].secondary.btnNext:active, .webapp .account-info.theme-sky .Form__NavigationBar form input[type='reset'].secondary.btnNext:active, form .Form__NavigationBar .webapp .account-info.theme-sky input[type='reset'].secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-sky form input[type='reset'].secondary.btnNext:active, .webapp .account-info.theme-sky form input[type='reset'].secondary:active, form .webapp .account-info.theme-sky input[type='reset'].secondary:active, form .webapp .account-info.theme-sky input[type='reset'].secondary.FormButton:active, .webapp .account-info.theme-sky form input[type='reset'].secondary.FormButton:active, form button.sky-secondary.FormSubmitButton:active, form .webapp .account-info.theme-sky button.FormSubmitButton.uk-button.secondary:active, .webapp .account-info.theme-sky form button.FormSubmitButton.uk-button.secondary:active, form .webapp .account-info.theme-sky .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev:active, .webapp .account-info.theme-sky .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev:active, form .Form__NavigationBar .webapp .account-info.theme-sky button.FormSubmitButton.secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-sky form button.FormSubmitButton.secondary.btnPrev:active, form .webapp .account-info.theme-sky .Form__NavigationBar button.FormSubmitButton.secondary.btnNext:active, .webapp .account-info.theme-sky .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext:active, form .Form__NavigationBar .webapp .account-info.theme-sky button.FormSubmitButton.secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-sky form button.FormSubmitButton.secondary.btnNext:active, .webapp .account-info.theme-sky form button.FormSubmitButton.secondary:active, form .webapp .account-info.theme-sky button.FormSubmitButton.secondary:active, form .webapp .account-info.theme-sky button.FormSubmitButton.secondary.FormButton:active, .webapp .account-info.theme-sky form button.FormSubmitButton.secondary.FormButton:active, .Form__NavigationBar .sky-secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-sky .btnPrev.uk-button.secondary:active, .webapp .account-info.theme-sky .Form__NavigationBar .btnPrev.uk-button.secondary:active, .webapp .account-info.theme-sky .Form__NavigationBar .btnPrev.secondary:active, .Form__NavigationBar .webapp .account-info.theme-sky .btnPrev.secondary:active, .Form__NavigationBar .webapp .account-info.theme-sky form input.btnPrev.secondary[type='reset']:active, .webapp .account-info.theme-sky form .Form__NavigationBar input.btnPrev.secondary[type='reset']:active, .Form__NavigationBar form .webapp .account-info.theme-sky input.btnPrev.secondary[type='reset']:active, form .webapp .account-info.theme-sky .Form__NavigationBar input.btnPrev.secondary[type='reset']:active, .Form__NavigationBar .webapp .account-info.theme-sky form button.btnPrev.secondary.FormSubmitButton:active, .webapp .account-info.theme-sky form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:active, .Form__NavigationBar form .webapp .account-info.theme-sky button.btnPrev.secondary.FormSubmitButton:active, form .webapp .account-info.theme-sky .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:active, .Form__NavigationBar .webapp .account-info.theme-sky .btnPrev.secondary.FormButton:active, .webapp .account-info.theme-sky .Form__NavigationBar .btnPrev.secondary.FormButton:active, .Form__NavigationBar .sky-secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-sky .btnNext.uk-button.secondary:active, .webapp .account-info.theme-sky .Form__NavigationBar .btnNext.uk-button.secondary:active, .webapp .account-info.theme-sky .Form__NavigationBar .btnNext.secondary:active, .Form__NavigationBar .webapp .account-info.theme-sky .btnNext.secondary:active, .Form__NavigationBar .webapp .account-info.theme-sky form input.btnNext.secondary[type='reset']:active, .webapp .account-info.theme-sky form .Form__NavigationBar input.btnNext.secondary[type='reset']:active, .Form__NavigationBar form .webapp .account-info.theme-sky input.btnNext.secondary[type='reset']:active, form .webapp .account-info.theme-sky .Form__NavigationBar input.btnNext.secondary[type='reset']:active, .Form__NavigationBar .webapp .account-info.theme-sky form button.btnNext.secondary.FormSubmitButton:active, .webapp .account-info.theme-sky form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:active, .Form__NavigationBar form .webapp .account-info.theme-sky button.btnNext.secondary.FormSubmitButton:active, form .webapp .account-info.theme-sky .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:active, .Form__NavigationBar .webapp .account-info.theme-sky .btnNext.secondary.FormButton:active, .webapp .account-info.theme-sky .Form__NavigationBar .btnNext.secondary.FormButton:active, .uk-button.sky-secondary:focus, .webapp .account-info.theme-sky .uk-button.secondary:focus, .sky-secondary.FormButton:focus, .webapp .account-info.theme-sky .FormButton.secondary:focus, form input.sky-secondary[type='reset']:focus, form .webapp .account-info.theme-sky input[type='reset'].uk-button.secondary:focus, .webapp .account-info.theme-sky form input[type='reset'].uk-button.secondary:focus, form .webapp .account-info.theme-sky .Form__NavigationBar input[type='reset'].secondary.btnPrev:focus, .webapp .account-info.theme-sky .Form__NavigationBar form input[type='reset'].secondary.btnPrev:focus, form .Form__NavigationBar .webapp .account-info.theme-sky input[type='reset'].secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-sky form input[type='reset'].secondary.btnPrev:focus, form .webapp .account-info.theme-sky .Form__NavigationBar input[type='reset'].secondary.btnNext:focus, .webapp .account-info.theme-sky .Form__NavigationBar form input[type='reset'].secondary.btnNext:focus, form .Form__NavigationBar .webapp .account-info.theme-sky input[type='reset'].secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-sky form input[type='reset'].secondary.btnNext:focus, .webapp .account-info.theme-sky form input[type='reset'].secondary:focus, form .webapp .account-info.theme-sky input[type='reset'].secondary:focus, form .webapp .account-info.theme-sky input[type='reset'].secondary.FormButton:focus, .webapp .account-info.theme-sky form input[type='reset'].secondary.FormButton:focus, form button.sky-secondary.FormSubmitButton:focus, form .webapp .account-info.theme-sky button.FormSubmitButton.uk-button.secondary:focus, .webapp .account-info.theme-sky form button.FormSubmitButton.uk-button.secondary:focus, form .webapp .account-info.theme-sky .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev:focus, .webapp .account-info.theme-sky .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev:focus, form .Form__NavigationBar .webapp .account-info.theme-sky button.FormSubmitButton.secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-sky form button.FormSubmitButton.secondary.btnPrev:focus, form .webapp .account-info.theme-sky .Form__NavigationBar button.FormSubmitButton.secondary.btnNext:focus, .webapp .account-info.theme-sky .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext:focus, form .Form__NavigationBar .webapp .account-info.theme-sky button.FormSubmitButton.secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-sky form button.FormSubmitButton.secondary.btnNext:focus, .webapp .account-info.theme-sky form button.FormSubmitButton.secondary:focus, form .webapp .account-info.theme-sky button.FormSubmitButton.secondary:focus, form .webapp .account-info.theme-sky button.FormSubmitButton.secondary.FormButton:focus, .webapp .account-info.theme-sky form button.FormSubmitButton.secondary.FormButton:focus, .Form__NavigationBar .sky-secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-sky .btnPrev.uk-button.secondary:focus, .webapp .account-info.theme-sky .Form__NavigationBar .btnPrev.uk-button.secondary:focus, .webapp .account-info.theme-sky .Form__NavigationBar .btnPrev.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-sky .btnPrev.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-sky form input.btnPrev.secondary[type='reset']:focus, .webapp .account-info.theme-sky form .Form__NavigationBar input.btnPrev.secondary[type='reset']:focus, .Form__NavigationBar form .webapp .account-info.theme-sky input.btnPrev.secondary[type='reset']:focus, form .webapp .account-info.theme-sky .Form__NavigationBar input.btnPrev.secondary[type='reset']:focus, .Form__NavigationBar .webapp .account-info.theme-sky form button.btnPrev.secondary.FormSubmitButton:focus, .webapp .account-info.theme-sky form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:focus, .Form__NavigationBar form .webapp .account-info.theme-sky button.btnPrev.secondary.FormSubmitButton:focus, form .webapp .account-info.theme-sky .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:focus, .Form__NavigationBar .webapp .account-info.theme-sky .btnPrev.secondary.FormButton:focus, .webapp .account-info.theme-sky .Form__NavigationBar .btnPrev.secondary.FormButton:focus, .Form__NavigationBar .sky-secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-sky .btnNext.uk-button.secondary:focus, .webapp .account-info.theme-sky .Form__NavigationBar .btnNext.uk-button.secondary:focus, .webapp .account-info.theme-sky .Form__NavigationBar .btnNext.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-sky .btnNext.secondary:focus, .Form__NavigationBar .webapp .account-info.theme-sky form input.btnNext.secondary[type='reset']:focus, .webapp .account-info.theme-sky form .Form__NavigationBar input.btnNext.secondary[type='reset']:focus, .Form__NavigationBar form .webapp .account-info.theme-sky input.btnNext.secondary[type='reset']:focus, form .webapp .account-info.theme-sky .Form__NavigationBar input.btnNext.secondary[type='reset']:focus, .Form__NavigationBar .webapp .account-info.theme-sky form button.btnNext.secondary.FormSubmitButton:focus, .webapp .account-info.theme-sky form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:focus, .Form__NavigationBar form .webapp .account-info.theme-sky button.btnNext.secondary.FormSubmitButton:focus, form .webapp .account-info.theme-sky .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:focus, .Form__NavigationBar .webapp .account-info.theme-sky .btnNext.secondary.FormButton:focus, .webapp .account-info.theme-sky .Form__NavigationBar .btnNext.secondary.FormButton:focus, .uk-button.sky-secondary:hover, .webapp .account-info.theme-sky .uk-button.secondary:hover, .sky-secondary.FormButton:hover, .webapp .account-info.theme-sky .FormButton.secondary:hover, form input.sky-secondary[type='reset']:hover, form .webapp .account-info.theme-sky input[type='reset'].uk-button.secondary:hover, .webapp .account-info.theme-sky form input[type='reset'].uk-button.secondary:hover, form .webapp .account-info.theme-sky .Form__NavigationBar input[type='reset'].secondary.btnPrev:hover, .webapp .account-info.theme-sky .Form__NavigationBar form input[type='reset'].secondary.btnPrev:hover, form .Form__NavigationBar .webapp .account-info.theme-sky input[type='reset'].secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-sky form input[type='reset'].secondary.btnPrev:hover, form .webapp .account-info.theme-sky .Form__NavigationBar input[type='reset'].secondary.btnNext:hover, .webapp .account-info.theme-sky .Form__NavigationBar form input[type='reset'].secondary.btnNext:hover, form .Form__NavigationBar .webapp .account-info.theme-sky input[type='reset'].secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-sky form input[type='reset'].secondary.btnNext:hover, .webapp .account-info.theme-sky form input[type='reset'].secondary:hover, form .webapp .account-info.theme-sky input[type='reset'].secondary:hover, form .webapp .account-info.theme-sky input[type='reset'].secondary.FormButton:hover, .webapp .account-info.theme-sky form input[type='reset'].secondary.FormButton:hover, form button.sky-secondary.FormSubmitButton:hover, form .webapp .account-info.theme-sky button.FormSubmitButton.uk-button.secondary:hover, .webapp .account-info.theme-sky form button.FormSubmitButton.uk-button.secondary:hover, form .webapp .account-info.theme-sky .Form__NavigationBar button.FormSubmitButton.secondary.btnPrev:hover, .webapp .account-info.theme-sky .Form__NavigationBar form button.FormSubmitButton.secondary.btnPrev:hover, form .Form__NavigationBar .webapp .account-info.theme-sky button.FormSubmitButton.secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-sky form button.FormSubmitButton.secondary.btnPrev:hover, form .webapp .account-info.theme-sky .Form__NavigationBar button.FormSubmitButton.secondary.btnNext:hover, .webapp .account-info.theme-sky .Form__NavigationBar form button.FormSubmitButton.secondary.btnNext:hover, form .Form__NavigationBar .webapp .account-info.theme-sky button.FormSubmitButton.secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-sky form button.FormSubmitButton.secondary.btnNext:hover, .webapp .account-info.theme-sky form button.FormSubmitButton.secondary:hover, form .webapp .account-info.theme-sky button.FormSubmitButton.secondary:hover, form .webapp .account-info.theme-sky button.FormSubmitButton.secondary.FormButton:hover, .webapp .account-info.theme-sky form button.FormSubmitButton.secondary.FormButton:hover, .Form__NavigationBar .sky-secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-sky .btnPrev.uk-button.secondary:hover, .webapp .account-info.theme-sky .Form__NavigationBar .btnPrev.uk-button.secondary:hover, .webapp .account-info.theme-sky .Form__NavigationBar .btnPrev.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-sky .btnPrev.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-sky form input.btnPrev.secondary[type='reset']:hover, .webapp .account-info.theme-sky form .Form__NavigationBar input.btnPrev.secondary[type='reset']:hover, .Form__NavigationBar form .webapp .account-info.theme-sky input.btnPrev.secondary[type='reset']:hover, form .webapp .account-info.theme-sky .Form__NavigationBar input.btnPrev.secondary[type='reset']:hover, .Form__NavigationBar .webapp .account-info.theme-sky form button.btnPrev.secondary.FormSubmitButton:hover, .webapp .account-info.theme-sky form .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:hover, .Form__NavigationBar form .webapp .account-info.theme-sky button.btnPrev.secondary.FormSubmitButton:hover, form .webapp .account-info.theme-sky .Form__NavigationBar button.btnPrev.secondary.FormSubmitButton:hover, .Form__NavigationBar .webapp .account-info.theme-sky .btnPrev.secondary.FormButton:hover, .webapp .account-info.theme-sky .Form__NavigationBar .btnPrev.secondary.FormButton:hover, .Form__NavigationBar .sky-secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-sky .btnNext.uk-button.secondary:hover, .webapp .account-info.theme-sky .Form__NavigationBar .btnNext.uk-button.secondary:hover, .webapp .account-info.theme-sky .Form__NavigationBar .btnNext.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-sky .btnNext.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-sky form input.btnNext.secondary[type='reset']:hover, .webapp .account-info.theme-sky form .Form__NavigationBar input.btnNext.secondary[type='reset']:hover, .Form__NavigationBar form .webapp .account-info.theme-sky input.btnNext.secondary[type='reset']:hover, form .webapp .account-info.theme-sky .Form__NavigationBar input.btnNext.secondary[type='reset']:hover, .Form__NavigationBar .webapp .account-info.theme-sky form button.btnNext.secondary.FormSubmitButton:hover, .webapp .account-info.theme-sky form .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:hover, .Form__NavigationBar form .webapp .account-info.theme-sky button.btnNext.secondary.FormSubmitButton:hover, form .webapp .account-info.theme-sky .Form__NavigationBar button.btnNext.secondary.FormSubmitButton:hover, .Form__NavigationBar .webapp .account-info.theme-sky .btnNext.secondary.FormButton:hover, .webapp .account-info.theme-sky .Form__NavigationBar .btnNext.secondary.FormButton:hover { background-color: #fff; border-color: #bac8e2; color: #214187; } .uk-button.sky-bright-primary-dark, .uk-button.FormButton, .sky-bright-primary-dark.FormButton, .FormButton, form input.uk-button[type='reset'], form button.uk-button.FormSubmitButton, form input.sky-bright-primary-dark[type='reset'], form input[type='reset'], form button.sky-bright-primary-dark.FormSubmitButton, form button.FormSubmitButton, .Form__NavigationBar .sky-bright-primary-dark.btnPrev, .Form__NavigationBar .btnPrev.FormButton, .Form__NavigationBar form input.btnPrev[type='reset'], form .Form__NavigationBar input.btnPrev[type='reset'], .Form__NavigationBar form button.btnPrev.FormSubmitButton, form .Form__NavigationBar button.btnPrev.FormSubmitButton, .Form__NavigationBar .sky-bright-primary-dark.btnNext, .Form__NavigationBar .btnNext.FormButton, .Form__NavigationBar form input.btnNext[type='reset'], form .Form__NavigationBar input.btnNext[type='reset'], .Form__NavigationBar form button.btnNext.FormSubmitButton, form .Form__NavigationBar button.btnNext.FormSubmitButton { color: #fff; } .uk-button.sky-bright-primary-dark:active, .FormButton:active, form input[type='reset']:active, form button.FormSubmitButton:active, .Form__NavigationBar .sky-bright-primary-dark.btnPrev:active, .Form__NavigationBar .sky-bright-primary-dark.btnNext:active, .uk-button.sky-bright-primary-dark:focus, .FormButton:focus, form input[type='reset']:focus, form button.FormSubmitButton:focus, .Form__NavigationBar .sky-bright-primary-dark.btnPrev:focus, .Form__NavigationBar .sky-bright-primary-dark.btnNext:focus, .uk-button.sky-bright-primary-dark:hover, .FormButton:hover, form input[type='reset']:hover, form button.FormSubmitButton:hover, .Form__NavigationBar .sky-bright-primary-dark.btnPrev:hover, .Form__NavigationBar .sky-bright-primary-dark.btnNext:hover { background-color: #145b7c; border-color: #7092ac; color: #fff; } @media only screen and (min-width: 768px) { .uk-button, .FormButton, form input[type='reset'], form button.FormSubmitButton, .Form__NavigationBar .btnPrev, .Form__NavigationBar .btnNext { display: inline-block; } } .uk-button.thumbs, .thumbs.FormButton, form input.thumbs[type='reset'], form button.thumbs.FormSubmitButton, .Form__NavigationBar .thumbs.btnPrev, .Form__NavigationBar .thumbs.btnNext { background-color: #eaebe7; color: #125252; padding-right: 48px; min-width: 260px; width: 100%; text-align: left; margin: 0 0 16px 0; } @media only screen and (min-width: 768px) { .uk-button.thumbs, .thumbs.FormButton, form input.thumbs[type='reset'], form button.thumbs.FormSubmitButton, .Form__NavigationBar .thumbs.btnPrev, .Form__NavigationBar .thumbs.btnNext { width: auto; margin: 0 0 16px 16px; } } .uk-button.thumbs:after, .thumbs.FormButton:after, form input.thumbs[type='reset']:after, form button.thumbs.FormSubmitButton:after, .Form__NavigationBar .thumbs.btnPrev:after, .Form__NavigationBar .thumbs.btnNext:after { transition: all 0.3s ease; font-size: 1.7em; right: 10px; top: calc(50% + 2px); transform: translateY(-50%); position: absolute; content: ''; -webkit-mask: url('/svg/icons/icon-thumb-up.svg') no-repeat center; mask: url('/svg/icons/icon-thumb-up.svg') no-repeat center; -webkit-mask-size: 25px; mask-size: 25px; background-color: #125252; width: 25px; height: 25px; font-weight: 700; } .uk-button.thumbs:hover, .thumbs.FormButton:hover, form input.thumbs[type='reset']:hover, form button.thumbs.FormSubmitButton:hover, .Form__NavigationBar .thumbs.btnPrev:hover, .Form__NavigationBar .thumbs.btnNext:hover { background-color: #fff; } .uk-button.thumbs.expanded, .thumbs.expanded.FormButton, form input.thumbs.expanded[type='reset'], form button.thumbs.expanded.FormSubmitButton, .Form__NavigationBar .thumbs.expanded.btnPrev, .Form__NavigationBar .thumbs.expanded.btnNext, .uk-button.thumbs:hover, .thumbs.FormButton:hover, form input.thumbs[type='reset']:hover, form button.thumbs.FormSubmitButton:hover, .Form__NavigationBar .thumbs.btnPrev:hover, .Form__NavigationBar .thumbs.btnNext:hover { background-color: #125252; border-color: rgba(0, 0, 0, 0); color: #fff; } .uk-button.thumbs.expanded:after, .thumbs.expanded.FormButton:after, form input.thumbs.expanded[type='reset']:after, form button.thumbs.expanded.FormSubmitButton:after, .Form__NavigationBar .thumbs.expanded.btnPrev:after, .Form__NavigationBar .thumbs.expanded.btnNext:after, .uk-button.thumbs:hover:after, .thumbs.FormButton:hover:after, form input.thumbs[type='reset']:hover:after, form button.thumbs.FormSubmitButton:hover:after, .Form__NavigationBar .thumbs.btnPrev:hover:after, .Form__NavigationBar .thumbs.btnNext:hover:after { background-color: #fff; } .uk-button.thumbs-down:after, .thumbs-down.FormButton:after, form input.thumbs-down[type='reset']:after, form button.thumbs-down.FormSubmitButton:after, .Form__NavigationBar .thumbs-down.btnPrev:after, .Form__NavigationBar .thumbs-down.btnNext:after { transform: rotate(180deg); margin-top: -15px; } .uk-link-arrow { font-weight: 400; padding: 0 45px 0 0; position: relative; display: inline-flex; align-items: center; } .uk-link-arrow:hover:after, .uk-link-arrow:focus-visible:after, .uk-link-arrow:focus:after { right: 0; } .uk-link-arrow:after { transition: all 0.3s ease; font-size: 1.7em; right: 10px; top: calc(50% + 2px); transform: translateY(-50%); position: absolute; content: ''; -webkit-mask: url('/svg/arrow-right.svg') no-repeat center; mask: url('/svg/arrow-right.svg') no-repeat center; background-color: #c14d34; width: 28px; height: 16px; font-weight: 700; } .desert-primary, .webapp .account-info.theme-core-light .uk-button.primary, .webapp .account-info.theme-core-light .Form__NavigationBar .primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-light .primary.btnPrev, .webapp .account-info.theme-core-light .Form__NavigationBar .primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-light .primary.btnNext, .webapp .account-info.theme-core-light form input.primary[type='reset'], form .webapp .account-info.theme-core-light input.primary[type='reset'], .webapp .account-info.theme-core-light form button.primary.FormSubmitButton, form .webapp .account-info.theme-core-light button.primary.FormSubmitButton, .webapp .account-info.theme-core-light .primary.FormButton, .webapp .account-info.theme-core-dark .uk-button.primary, .webapp .account-info.theme-core-dark .Form__NavigationBar .primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-dark .primary.btnPrev, .webapp .account-info.theme-core-dark .Form__NavigationBar .primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-dark .primary.btnNext, .webapp .account-info.theme-core-dark form input.primary[type='reset'], form .webapp .account-info.theme-core-dark input.primary[type='reset'], .webapp .account-info.theme-core-dark form button.primary.FormSubmitButton, form .webapp .account-info.theme-core-dark button.primary.FormSubmitButton, .webapp .account-info.theme-core-dark .primary.FormButton, .webapp .account-info.theme-desert .uk-button.primary, .webapp .account-info.theme-desert .Form__NavigationBar .primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-desert .primary.btnPrev, .webapp .account-info.theme-desert .Form__NavigationBar .primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-desert .primary.btnNext, .webapp .account-info.theme-desert form input.primary[type='reset'], form .webapp .account-info.theme-desert input.primary[type='reset'], .webapp .account-info.theme-desert form button.primary.FormSubmitButton, form .webapp .account-info.theme-desert button.primary.FormSubmitButton, .webapp .account-info.theme-desert .primary.FormButton { color: #fff; } .desert-primary:active, .webapp .account-info.theme-core-light .uk-button.primary:active, .webapp .account-info.theme-core-light .Form__NavigationBar .primary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-core-light .primary.btnPrev:active, .webapp .account-info.theme-core-light .Form__NavigationBar .primary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-core-light .primary.btnNext:active, .webapp .account-info.theme-core-light form input.primary[type='reset']:active, form .webapp .account-info.theme-core-light input.primary[type='reset']:active, .webapp .account-info.theme-core-light form button.primary.FormSubmitButton:active, form .webapp .account-info.theme-core-light button.primary.FormSubmitButton:active, .webapp .account-info.theme-core-light .primary.FormButton:active, .webapp .account-info.theme-core-dark .uk-button.primary:active, .webapp .account-info.theme-core-dark .Form__NavigationBar .primary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-core-dark .primary.btnPrev:active, .webapp .account-info.theme-core-dark .Form__NavigationBar .primary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-core-dark .primary.btnNext:active, .webapp .account-info.theme-core-dark form input.primary[type='reset']:active, form .webapp .account-info.theme-core-dark input.primary[type='reset']:active, .webapp .account-info.theme-core-dark form button.primary.FormSubmitButton:active, form .webapp .account-info.theme-core-dark button.primary.FormSubmitButton:active, .webapp .account-info.theme-core-dark .primary.FormButton:active, .webapp .account-info.theme-desert .uk-button.primary:active, .webapp .account-info.theme-desert .Form__NavigationBar .primary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-desert .primary.btnPrev:active, .webapp .account-info.theme-desert .Form__NavigationBar .primary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-desert .primary.btnNext:active, .webapp .account-info.theme-desert form input.primary[type='reset']:active, form .webapp .account-info.theme-desert input.primary[type='reset']:active, .webapp .account-info.theme-desert form button.primary.FormSubmitButton:active, form .webapp .account-info.theme-desert button.primary.FormSubmitButton:active, .webapp .account-info.theme-desert .primary.FormButton:active, .desert-primary:focus, .webapp .account-info.theme-core-light .uk-button.primary:focus, .webapp .account-info.theme-core-light .Form__NavigationBar .primary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-core-light .primary.btnPrev:focus, .webapp .account-info.theme-core-light .Form__NavigationBar .primary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-core-light .primary.btnNext:focus, .webapp .account-info.theme-core-light form input.primary[type='reset']:focus, form .webapp .account-info.theme-core-light input.primary[type='reset']:focus, .webapp .account-info.theme-core-light form button.primary.FormSubmitButton:focus, form .webapp .account-info.theme-core-light button.primary.FormSubmitButton:focus, .webapp .account-info.theme-core-light .primary.FormButton:focus, .webapp .account-info.theme-core-dark .uk-button.primary:focus, .webapp .account-info.theme-core-dark .Form__NavigationBar .primary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark .primary.btnPrev:focus, .webapp .account-info.theme-core-dark .Form__NavigationBar .primary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark .primary.btnNext:focus, .webapp .account-info.theme-core-dark form input.primary[type='reset']:focus, form .webapp .account-info.theme-core-dark input.primary[type='reset']:focus, .webapp .account-info.theme-core-dark form button.primary.FormSubmitButton:focus, form .webapp .account-info.theme-core-dark button.primary.FormSubmitButton:focus, .webapp .account-info.theme-core-dark .primary.FormButton:focus, .webapp .account-info.theme-desert .uk-button.primary:focus, .webapp .account-info.theme-desert .Form__NavigationBar .primary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-desert .primary.btnPrev:focus, .webapp .account-info.theme-desert .Form__NavigationBar .primary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-desert .primary.btnNext:focus, .webapp .account-info.theme-desert form input.primary[type='reset']:focus, form .webapp .account-info.theme-desert input.primary[type='reset']:focus, .webapp .account-info.theme-desert form button.primary.FormSubmitButton:focus, form .webapp .account-info.theme-desert button.primary.FormSubmitButton:focus, .webapp .account-info.theme-desert .primary.FormButton:focus, .desert-primary:hover, .webapp .account-info.theme-core-light .uk-button.primary:hover, .webapp .account-info.theme-core-light .Form__NavigationBar .primary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-core-light .primary.btnPrev:hover, .webapp .account-info.theme-core-light .Form__NavigationBar .primary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-core-light .primary.btnNext:hover, .webapp .account-info.theme-core-light form input.primary[type='reset']:hover, form .webapp .account-info.theme-core-light input.primary[type='reset']:hover, .webapp .account-info.theme-core-light form button.primary.FormSubmitButton:hover, form .webapp .account-info.theme-core-light button.primary.FormSubmitButton:hover, .webapp .account-info.theme-core-light .primary.FormButton:hover, .webapp .account-info.theme-core-dark .uk-button.primary:hover, .webapp .account-info.theme-core-dark .Form__NavigationBar .primary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark .primary.btnPrev:hover, .webapp .account-info.theme-core-dark .Form__NavigationBar .primary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark .primary.btnNext:hover, .webapp .account-info.theme-core-dark form input.primary[type='reset']:hover, form .webapp .account-info.theme-core-dark input.primary[type='reset']:hover, .webapp .account-info.theme-core-dark form button.primary.FormSubmitButton:hover, form .webapp .account-info.theme-core-dark button.primary.FormSubmitButton:hover, .webapp .account-info.theme-core-dark .primary.FormButton:hover, .webapp .account-info.theme-desert .uk-button.primary:hover, .webapp .account-info.theme-desert .Form__NavigationBar .primary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-desert .primary.btnPrev:hover, .webapp .account-info.theme-desert .Form__NavigationBar .primary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-desert .primary.btnNext:hover, .webapp .account-info.theme-desert form input.primary[type='reset']:hover, form .webapp .account-info.theme-desert input.primary[type='reset']:hover, .webapp .account-info.theme-desert form button.primary.FormSubmitButton:hover, form .webapp .account-info.theme-desert button.primary.FormSubmitButton:hover, .webapp .account-info.theme-desert .primary.FormButton:hover { background-color: #c14d34; border-color: #7a0306; color: #fff; } .desert-secondary, .webapp .account-info.theme-core-light .uk-button.secondary, .webapp .account-info.theme-core-light .Form__NavigationBar .secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-light .secondary.btnPrev, .webapp .account-info.theme-core-light .Form__NavigationBar .secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-light .secondary.btnNext, .webapp .account-info.theme-core-light form input.secondary[type='reset'], form .webapp .account-info.theme-core-light input.secondary[type='reset'], .webapp .account-info.theme-core-light form button.secondary.FormSubmitButton, form .webapp .account-info.theme-core-light button.secondary.FormSubmitButton, .webapp .account-info.theme-core-light .secondary.FormButton, .webapp .account-info.theme-core-dark .uk-button.secondary, .webapp .account-info.theme-core-dark .Form__NavigationBar .secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-dark .secondary.btnPrev, .webapp .account-info.theme-core-dark .Form__NavigationBar .secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-dark .secondary.btnNext, .webapp .account-info.theme-core-dark form input.secondary[type='reset'], form .webapp .account-info.theme-core-dark input.secondary[type='reset'], .webapp .account-info.theme-core-dark form button.secondary.FormSubmitButton, form .webapp .account-info.theme-core-dark button.secondary.FormSubmitButton, .webapp .account-info.theme-core-dark .secondary.FormButton, .webapp .account-info.theme-desert .uk-button.secondary, .webapp .account-info.theme-desert .Form__NavigationBar .secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-desert .secondary.btnPrev, .webapp .account-info.theme-desert .Form__NavigationBar .secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-desert .secondary.btnNext, .webapp .account-info.theme-desert form input.secondary[type='reset'], form .webapp .account-info.theme-desert input.secondary[type='reset'], .webapp .account-info.theme-desert form button.secondary.FormSubmitButton, form .webapp .account-info.theme-desert button.secondary.FormSubmitButton, .webapp .account-info.theme-desert .secondary.FormButton { background-color: #fff; color: #c14d34; } .desert-secondary:active, .webapp .account-info.theme-core-light .uk-button.secondary:active, .webapp .account-info.theme-core-light .Form__NavigationBar .secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-core-light .secondary.btnPrev:active, .webapp .account-info.theme-core-light .Form__NavigationBar .secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-core-light .secondary.btnNext:active, .webapp .account-info.theme-core-light form input.secondary[type='reset']:active, form .webapp .account-info.theme-core-light input.secondary[type='reset']:active, .webapp .account-info.theme-core-light form button.secondary.FormSubmitButton:active, form .webapp .account-info.theme-core-light button.secondary.FormSubmitButton:active, .webapp .account-info.theme-core-light .secondary.FormButton:active, .webapp .account-info.theme-core-dark .uk-button.secondary:active, .webapp .account-info.theme-core-dark .Form__NavigationBar .secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-core-dark .secondary.btnPrev:active, .webapp .account-info.theme-core-dark .Form__NavigationBar .secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-core-dark .secondary.btnNext:active, .webapp .account-info.theme-core-dark form input.secondary[type='reset']:active, form .webapp .account-info.theme-core-dark input.secondary[type='reset']:active, .webapp .account-info.theme-core-dark form button.secondary.FormSubmitButton:active, form .webapp .account-info.theme-core-dark button.secondary.FormSubmitButton:active, .webapp .account-info.theme-core-dark .secondary.FormButton:active, .webapp .account-info.theme-desert .uk-button.secondary:active, .webapp .account-info.theme-desert .Form__NavigationBar .secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-desert .secondary.btnPrev:active, .webapp .account-info.theme-desert .Form__NavigationBar .secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-desert .secondary.btnNext:active, .webapp .account-info.theme-desert form input.secondary[type='reset']:active, form .webapp .account-info.theme-desert input.secondary[type='reset']:active, .webapp .account-info.theme-desert form button.secondary.FormSubmitButton:active, form .webapp .account-info.theme-desert button.secondary.FormSubmitButton:active, .webapp .account-info.theme-desert .secondary.FormButton:active, .desert-secondary:focus, .webapp .account-info.theme-core-light .uk-button.secondary:focus, .webapp .account-info.theme-core-light .Form__NavigationBar .secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-core-light .secondary.btnPrev:focus, .webapp .account-info.theme-core-light .Form__NavigationBar .secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-core-light .secondary.btnNext:focus, .webapp .account-info.theme-core-light form input.secondary[type='reset']:focus, form .webapp .account-info.theme-core-light input.secondary[type='reset']:focus, .webapp .account-info.theme-core-light form button.secondary.FormSubmitButton:focus, form .webapp .account-info.theme-core-light button.secondary.FormSubmitButton:focus, .webapp .account-info.theme-core-light .secondary.FormButton:focus, .webapp .account-info.theme-core-dark .uk-button.secondary:focus, .webapp .account-info.theme-core-dark .Form__NavigationBar .secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark .secondary.btnPrev:focus, .webapp .account-info.theme-core-dark .Form__NavigationBar .secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-core-dark .secondary.btnNext:focus, .webapp .account-info.theme-core-dark form input.secondary[type='reset']:focus, form .webapp .account-info.theme-core-dark input.secondary[type='reset']:focus, .webapp .account-info.theme-core-dark form button.secondary.FormSubmitButton:focus, form .webapp .account-info.theme-core-dark button.secondary.FormSubmitButton:focus, .webapp .account-info.theme-core-dark .secondary.FormButton:focus, .webapp .account-info.theme-desert .uk-button.secondary:focus, .webapp .account-info.theme-desert .Form__NavigationBar .secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-desert .secondary.btnPrev:focus, .webapp .account-info.theme-desert .Form__NavigationBar .secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-desert .secondary.btnNext:focus, .webapp .account-info.theme-desert form input.secondary[type='reset']:focus, form .webapp .account-info.theme-desert input.secondary[type='reset']:focus, .webapp .account-info.theme-desert form button.secondary.FormSubmitButton:focus, form .webapp .account-info.theme-desert button.secondary.FormSubmitButton:focus, .webapp .account-info.theme-desert .secondary.FormButton:focus, .desert-secondary:hover, .webapp .account-info.theme-core-light .uk-button.secondary:hover, .webapp .account-info.theme-core-light .Form__NavigationBar .secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-core-light .secondary.btnPrev:hover, .webapp .account-info.theme-core-light .Form__NavigationBar .secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-core-light .secondary.btnNext:hover, .webapp .account-info.theme-core-light form input.secondary[type='reset']:hover, form .webapp .account-info.theme-core-light input.secondary[type='reset']:hover, .webapp .account-info.theme-core-light form button.secondary.FormSubmitButton:hover, form .webapp .account-info.theme-core-light button.secondary.FormSubmitButton:hover, .webapp .account-info.theme-core-light .secondary.FormButton:hover, .webapp .account-info.theme-core-dark .uk-button.secondary:hover, .webapp .account-info.theme-core-dark .Form__NavigationBar .secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark .secondary.btnPrev:hover, .webapp .account-info.theme-core-dark .Form__NavigationBar .secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark .secondary.btnNext:hover, .webapp .account-info.theme-core-dark form input.secondary[type='reset']:hover, form .webapp .account-info.theme-core-dark input.secondary[type='reset']:hover, .webapp .account-info.theme-core-dark form button.secondary.FormSubmitButton:hover, form .webapp .account-info.theme-core-dark button.secondary.FormSubmitButton:hover, .webapp .account-info.theme-core-dark .secondary.FormButton:hover, .webapp .account-info.theme-desert .uk-button.secondary:hover, .webapp .account-info.theme-desert .Form__NavigationBar .secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-desert .secondary.btnPrev:hover, .webapp .account-info.theme-desert .Form__NavigationBar .secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-desert .secondary.btnNext:hover, .webapp .account-info.theme-desert form input.secondary[type='reset']:hover, form .webapp .account-info.theme-desert input.secondary[type='reset']:hover, .webapp .account-info.theme-desert form button.secondary.FormSubmitButton:hover, form .webapp .account-info.theme-desert button.secondary.FormSubmitButton:hover, .webapp .account-info.theme-desert .secondary.FormButton:hover { border-color: #7a0306; color: #7a0306; } .sea-primary, .webapp .account-info.theme-sea .uk-button.primary, .webapp .account-info.theme-sea .Form__NavigationBar .primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-sea .primary.btnPrev, .webapp .account-info.theme-sea .Form__NavigationBar .primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-sea .primary.btnNext, .webapp .account-info.theme-sea form input.primary[type='reset'], form .webapp .account-info.theme-sea input.primary[type='reset'], .webapp .account-info.theme-sea form button.primary.FormSubmitButton, form .webapp .account-info.theme-sea button.primary.FormSubmitButton, .webapp .account-info.theme-sea .primary.FormButton { color: #fff; } .sea-primary:active, .webapp .account-info.theme-sea .uk-button.primary:active, .webapp .account-info.theme-sea .Form__NavigationBar .primary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-sea .primary.btnPrev:active, .webapp .account-info.theme-sea .Form__NavigationBar .primary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-sea .primary.btnNext:active, .webapp .account-info.theme-sea form input.primary[type='reset']:active, form .webapp .account-info.theme-sea input.primary[type='reset']:active, .webapp .account-info.theme-sea form button.primary.FormSubmitButton:active, form .webapp .account-info.theme-sea button.primary.FormSubmitButton:active, .webapp .account-info.theme-sea .primary.FormButton:active, .sea-primary:focus, .webapp .account-info.theme-sea .uk-button.primary:focus, .webapp .account-info.theme-sea .Form__NavigationBar .primary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-sea .primary.btnPrev:focus, .webapp .account-info.theme-sea .Form__NavigationBar .primary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-sea .primary.btnNext:focus, .webapp .account-info.theme-sea form input.primary[type='reset']:focus, form .webapp .account-info.theme-sea input.primary[type='reset']:focus, .webapp .account-info.theme-sea form button.primary.FormSubmitButton:focus, form .webapp .account-info.theme-sea button.primary.FormSubmitButton:focus, .webapp .account-info.theme-sea .primary.FormButton:focus, .sea-primary:hover, .webapp .account-info.theme-sea .uk-button.primary:hover, .webapp .account-info.theme-sea .Form__NavigationBar .primary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-sea .primary.btnPrev:hover, .webapp .account-info.theme-sea .Form__NavigationBar .primary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-sea .primary.btnNext:hover, .webapp .account-info.theme-sea form input.primary[type='reset']:hover, form .webapp .account-info.theme-sea input.primary[type='reset']:hover, .webapp .account-info.theme-sea form button.primary.FormSubmitButton:hover, form .webapp .account-info.theme-sea button.primary.FormSubmitButton:hover, .webapp .account-info.theme-sea .primary.FormButton:hover { background-color: #125252; border-color: #8ecdc7; color: #fff; } .sea-secondary, .webapp .account-info.theme-sea .uk-button.secondary, .webapp .account-info.theme-sea .Form__NavigationBar .secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-sea .secondary.btnPrev, .webapp .account-info.theme-sea .Form__NavigationBar .secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-sea .secondary.btnNext, .webapp .account-info.theme-sea form input.secondary[type='reset'], form .webapp .account-info.theme-sea input.secondary[type='reset'], .webapp .account-info.theme-sea form button.secondary.FormSubmitButton, form .webapp .account-info.theme-sea button.secondary.FormSubmitButton, .webapp .account-info.theme-sea .secondary.FormButton { background-color: #fff; color: #125252; } .sea-secondary:active, .webapp .account-info.theme-sea .uk-button.secondary:active, .webapp .account-info.theme-sea .Form__NavigationBar .secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-sea .secondary.btnPrev:active, .webapp .account-info.theme-sea .Form__NavigationBar .secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-sea .secondary.btnNext:active, .webapp .account-info.theme-sea form input.secondary[type='reset']:active, form .webapp .account-info.theme-sea input.secondary[type='reset']:active, .webapp .account-info.theme-sea form button.secondary.FormSubmitButton:active, form .webapp .account-info.theme-sea button.secondary.FormSubmitButton:active, .webapp .account-info.theme-sea .secondary.FormButton:active, .sea-secondary:focus, .webapp .account-info.theme-sea .uk-button.secondary:focus, .webapp .account-info.theme-sea .Form__NavigationBar .secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-sea .secondary.btnPrev:focus, .webapp .account-info.theme-sea .Form__NavigationBar .secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-sea .secondary.btnNext:focus, .webapp .account-info.theme-sea form input.secondary[type='reset']:focus, form .webapp .account-info.theme-sea input.secondary[type='reset']:focus, .webapp .account-info.theme-sea form button.secondary.FormSubmitButton:focus, form .webapp .account-info.theme-sea button.secondary.FormSubmitButton:focus, .webapp .account-info.theme-sea .secondary.FormButton:focus, .sea-secondary:hover, .webapp .account-info.theme-sea .uk-button.secondary:hover, .webapp .account-info.theme-sea .Form__NavigationBar .secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-sea .secondary.btnPrev:hover, .webapp .account-info.theme-sea .Form__NavigationBar .secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-sea .secondary.btnNext:hover, .webapp .account-info.theme-sea form input.secondary[type='reset']:hover, form .webapp .account-info.theme-sea input.secondary[type='reset']:hover, .webapp .account-info.theme-sea form button.secondary.FormSubmitButton:hover, form .webapp .account-info.theme-sea button.secondary.FormSubmitButton:hover, .webapp .account-info.theme-sea .secondary.FormButton:hover { background-color: #fff; border-color: #8ecdc7; color: #125252; } .core-dark-primary { color: #fff; } .core-dark-primary:active, .core-dark-primary:focus, .core-dark-primary:hover { background-color: #145b7c; border-color: #7092ac; color: #fff; } .core-dark-secondary { background-color: #fff; color: #214187; } .core-dark-secondary:active, .core-dark-secondary:focus, .core-dark-secondary:hover { background-color: #fff; border-color: #bac8e2; color: #214187; } .core-light-primary { color: #214187; } .core-light-primary:active, .core-light-primary:focus, .core-light-primary:hover { background-color: #bac8e2; border-color: #214187; color: #214187; } .core-light-secondary { background-color: #fff; color: #214187; } .core-light-secondary:active, .core-light-secondary:focus, .core-light-secondary:hover { background-color: #fff; border-color: #bac8e2; color: #214187; } .sky-primary, .webapp .account-info.theme-sky .uk-button.primary, .webapp .account-info.theme-sky .Form__NavigationBar .primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-sky .primary.btnPrev, .webapp .account-info.theme-sky .Form__NavigationBar .primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-sky .primary.btnNext, .webapp .account-info.theme-sky form input.primary[type='reset'], form .webapp .account-info.theme-sky input.primary[type='reset'], .webapp .account-info.theme-sky form button.primary.FormSubmitButton, form .webapp .account-info.theme-sky button.primary.FormSubmitButton, .webapp .account-info.theme-sky .primary.FormButton { color: #fff; background-color: #145b7c; } .sky-primary:active, .webapp .account-info.theme-sky .uk-button.primary:active, .webapp .account-info.theme-sky .Form__NavigationBar .primary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-sky .primary.btnPrev:active, .webapp .account-info.theme-sky .Form__NavigationBar .primary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-sky .primary.btnNext:active, .webapp .account-info.theme-sky form input.primary[type='reset']:active, form .webapp .account-info.theme-sky input.primary[type='reset']:active, .webapp .account-info.theme-sky form button.primary.FormSubmitButton:active, form .webapp .account-info.theme-sky button.primary.FormSubmitButton:active, .webapp .account-info.theme-sky .primary.FormButton:active, .sky-primary:focus, .webapp .account-info.theme-sky .uk-button.primary:focus, .webapp .account-info.theme-sky .Form__NavigationBar .primary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-sky .primary.btnPrev:focus, .webapp .account-info.theme-sky .Form__NavigationBar .primary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-sky .primary.btnNext:focus, .webapp .account-info.theme-sky form input.primary[type='reset']:focus, form .webapp .account-info.theme-sky input.primary[type='reset']:focus, .webapp .account-info.theme-sky form button.primary.FormSubmitButton:focus, form .webapp .account-info.theme-sky button.primary.FormSubmitButton:focus, .webapp .account-info.theme-sky .primary.FormButton:focus, .sky-primary:hover, .webapp .account-info.theme-sky .uk-button.primary:hover, .webapp .account-info.theme-sky .Form__NavigationBar .primary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-sky .primary.btnPrev:hover, .webapp .account-info.theme-sky .Form__NavigationBar .primary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-sky .primary.btnNext:hover, .webapp .account-info.theme-sky form input.primary[type='reset']:hover, form .webapp .account-info.theme-sky input.primary[type='reset']:hover, .webapp .account-info.theme-sky form button.primary.FormSubmitButton:hover, form .webapp .account-info.theme-sky button.primary.FormSubmitButton:hover, .webapp .account-info.theme-sky .primary.FormButton:hover { background-color: #145b7c; border-color: #145b7c; color: #fff; } .sky-secondary, .webapp .account-info.theme-sky .uk-button.secondary, .webapp .account-info.theme-sky .Form__NavigationBar .secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-sky .secondary.btnPrev, .webapp .account-info.theme-sky .Form__NavigationBar .secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-sky .secondary.btnNext, .webapp .account-info.theme-sky form input.secondary[type='reset'], form .webapp .account-info.theme-sky input.secondary[type='reset'], .webapp .account-info.theme-sky form button.secondary.FormSubmitButton, form .webapp .account-info.theme-sky button.secondary.FormSubmitButton, .webapp .account-info.theme-sky .secondary.FormButton { background-color: #fff; color: #145b7c; } .sky-secondary:active, .webapp .account-info.theme-sky .uk-button.secondary:active, .webapp .account-info.theme-sky .Form__NavigationBar .secondary.btnPrev:active, .Form__NavigationBar .webapp .account-info.theme-sky .secondary.btnPrev:active, .webapp .account-info.theme-sky .Form__NavigationBar .secondary.btnNext:active, .Form__NavigationBar .webapp .account-info.theme-sky .secondary.btnNext:active, .webapp .account-info.theme-sky form input.secondary[type='reset']:active, form .webapp .account-info.theme-sky input.secondary[type='reset']:active, .webapp .account-info.theme-sky form button.secondary.FormSubmitButton:active, form .webapp .account-info.theme-sky button.secondary.FormSubmitButton:active, .webapp .account-info.theme-sky .secondary.FormButton:active, .sky-secondary:focus, .webapp .account-info.theme-sky .uk-button.secondary:focus, .webapp .account-info.theme-sky .Form__NavigationBar .secondary.btnPrev:focus, .Form__NavigationBar .webapp .account-info.theme-sky .secondary.btnPrev:focus, .webapp .account-info.theme-sky .Form__NavigationBar .secondary.btnNext:focus, .Form__NavigationBar .webapp .account-info.theme-sky .secondary.btnNext:focus, .webapp .account-info.theme-sky form input.secondary[type='reset']:focus, form .webapp .account-info.theme-sky input.secondary[type='reset']:focus, .webapp .account-info.theme-sky form button.secondary.FormSubmitButton:focus, form .webapp .account-info.theme-sky button.secondary.FormSubmitButton:focus, .webapp .account-info.theme-sky .secondary.FormButton:focus, .sky-secondary:hover, .webapp .account-info.theme-sky .uk-button.secondary:hover, .webapp .account-info.theme-sky .Form__NavigationBar .secondary.btnPrev:hover, .Form__NavigationBar .webapp .account-info.theme-sky .secondary.btnPrev:hover, .webapp .account-info.theme-sky .Form__NavigationBar .secondary.btnNext:hover, .Form__NavigationBar .webapp .account-info.theme-sky .secondary.btnNext:hover, .webapp .account-info.theme-sky form input.secondary[type='reset']:hover, form .webapp .account-info.theme-sky input.secondary[type='reset']:hover, .webapp .account-info.theme-sky form button.secondary.FormSubmitButton:hover, form .webapp .account-info.theme-sky button.secondary.FormSubmitButton:hover, .webapp .account-info.theme-sky .secondary.FormButton:hover { background-color: #fff; border-color: #76797a; color: #145b7c; } body { font-size: 14px; font-weight: 400; font-family: 'Beausite', 'Arial', sans-serif; } @media screen and (min-width: 360px) { body { font-size: 14px; } } @media screen and (min-width: 768px) { body { font-size: 14px; } } @media screen and (min-width: 1280px) { body { font-size: 16px; } } @media screen and (min-width: 1440px) { body { font-size: 16px; } } input, select, textarea { font-weight: 600; font-family: 'Beausite', 'Arial', sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: 600; font-family: 'Beausite', 'Arial', sans-serif; line-height: 120%; } h1.hp-h1, h2.hp-h1, h3.hp-h1, h4.hp-h1, h5.hp-h1, h6.hp-h1 { font-size: 32px; } @media screen and (min-width: 360px) { h1.hp-h1, h2.hp-h1, h3.hp-h1, h4.hp-h1, h5.hp-h1, h6.hp-h1 { font-size: 32px; } } @media screen and (min-width: 768px) { h1.hp-h1, h2.hp-h1, h3.hp-h1, h4.hp-h1, h5.hp-h1, h6.hp-h1 { font-size: 32px; } } @media screen and (min-width: 1280px) { h1.hp-h1, h2.hp-h1, h3.hp-h1, h4.hp-h1, h5.hp-h1, h6.hp-h1 { font-size: 50px; } } @media screen and (min-width: 1440px) { h1.hp-h1, h2.hp-h1, h3.hp-h1, h4.hp-h1, h5.hp-h1, h6.hp-h1 { font-size: 50px; } } h1.hp-h2, h2.hp-h2, h3.hp-h2, h4.hp-h2, h5.hp-h2, h6.hp-h2 { font-size: 24px; } @media screen and (min-width: 360px) { h1.hp-h2, h2.hp-h2, h3.hp-h2, h4.hp-h2, h5.hp-h2, h6.hp-h2 { font-size: 24px; } } @media screen and (min-width: 768px) { h1.hp-h2, h2.hp-h2, h3.hp-h2, h4.hp-h2, h5.hp-h2, h6.hp-h2 { font-size: 24px; } } @media screen and (min-width: 1280px) { h1.hp-h2, h2.hp-h2, h3.hp-h2, h4.hp-h2, h5.hp-h2, h6.hp-h2 { font-size: 40px; } } @media screen and (min-width: 1440px) { h1.hp-h2, h2.hp-h2, h3.hp-h2, h4.hp-h2, h5.hp-h2, h6.hp-h2 { font-size: 40px; } } h1, h2, h3, h4, h5, h6, p, .caption { margin: 0 0 16px 0; } h1, .h1 { font-size: 32px; } @media screen and (min-width: 360px) { h1, .h1 { font-size: 32px; } } @media screen and (min-width: 768px) { h1, .h1 { font-size: 32px; } } @media screen and (min-width: 1280px) { h1, .h1 { font-size: 50px; } } @media screen and (min-width: 1440px) { h1, .h1 { font-size: 50px; } } h2, .h2 { font-size: 24px; } @media screen and (min-width: 360px) { h2, .h2 { font-size: 24px; } } @media screen and (min-width: 768px) { h2, .h2 { font-size: 24px; } } @media screen and (min-width: 1280px) { h2, .h2 { font-size: 40px; } } @media screen and (min-width: 1440px) { h2, .h2 { font-size: 40px; } } h3, .h3 { font-size: 20px; } @media screen and (min-width: 360px) { h3, .h3 { font-size: 20px; } } @media screen and (min-width: 768px) { h3, .h3 { font-size: 20px; } } @media screen and (min-width: 1280px) { h3, .h3 { font-size: 32px; } } @media screen and (min-width: 1440px) { h3, .h3 { font-size: 32px; } } h4, .h4 { font-size: 18px; } @media screen and (min-width: 360px) { h4, .h4 { font-size: 18px; } } @media screen and (min-width: 768px) { h4, .h4 { font-size: 18px; } } @media screen and (min-width: 1280px) { h4, .h4 { font-size: 24px; } } @media screen and (min-width: 1440px) { h4, .h4 { font-size: 24px; } } h5, .h5 { font-size: 18px; } @media screen and (min-width: 360px) { h5, .h5 { font-size: 18px; } } @media screen and (min-width: 768px) { h5, .h5 { font-size: 18px; } } @media screen and (min-width: 1280px) { h5, .h5 { font-size: 20px; } } @media screen and (min-width: 1440px) { h5, .h5 { font-size: 20px; } } h6, .h6 { font-size: 18px; } @media screen and (min-width: 360px) { h6, .h6 { font-size: 18px; } } @media screen and (min-width: 768px) { h6, .h6 { font-size: 18px; } } @media screen and (min-width: 1280px) { h6, .h6 { font-size: 20px; } } @media screen and (min-width: 1440px) { h6, .h6 { font-size: 20px; } } .subheading { font-size: 16px; font-weight: 700; } @media screen and (min-width: 360px) { .subheading { font-size: 16px; } } @media screen and (min-width: 768px) { .subheading { font-size: 16px; } } @media screen and (min-width: 1280px) { .subheading { font-size: 18px; } } @media screen and (min-width: 1440px) { .subheading { font-size: 18px; } } .caption { font-size: 12px; } .caption p { font-size: 12px; } html, body, em, p { color: #000; } p { font-size: 14px; line-height: 1.375; } @media screen and (min-width: 360px) { p { font-size: 14px; } } @media screen and (min-width: 768px) { p { font-size: 14px; } } @media screen and (min-width: 1280px) { p { font-size: 16px; } } @media screen and (min-width: 1440px) { p { font-size: 16px; } } a { font-size: 14px; color: #c14d34; } @media screen and (min-width: 360px) { a { font-size: 14px; } } @media screen and (min-width: 768px) { a { font-size: 14px; } } @media screen and (min-width: 1280px) { a { font-size: 16px; } } @media screen and (min-width: 1440px) { a { font-size: 16px; } } a:hover { color: #c14d34; } input, textarea, select { font-size: 14px; font-weight: 400; } @media screen and (min-width: 360px) { input, textarea, select { font-size: 14px; } } @media screen and (min-width: 768px) { input, textarea, select { font-size: 14px; } } @media screen and (min-width: 1280px) { input, textarea, select { font-size: 16px; } } @media screen and (min-width: 1440px) { input, textarea, select { font-size: 16px; } } hr { border: 0; border-top: 1px solid #000; } strong { font-weight: 700; } .hp-padding { padding: 16px; } .hp-padding.hp-padding-remove { padding: 16px; } @media only screen and (min-width: 768px) { .hp-padding.hp-padding-remove { padding: 0; } } @media only screen and (min-width: 1280px) { .hp-padding { padding: 24px; } .hp-padding.hp-padding-remove { padding: 0; } } .hp-mv-xs > .hp-container, .left-right-content .left-content .right > div.hp-mv-xs > .uk-grid { margin-top: 0 8px !important; } .hp-mv-s > .hp-container, .left-right-content .left-content .right > div.hp-mv-s > .uk-grid { margin-top: 0 16px !important; } .hp-mv-m > .hp-container, .left-right-content .left-content .right > div.hp-mv-m > .uk-grid { margin-top: 0 24px !important; } .hp-mv-l > .hp-container, .left-right-content .left-content .right > div.hp-mv-l > .uk-grid { margin-top: 0 48px !important; } .hp-mv-xl > .hp-container, .left-right-content .left-content .right > div.hp-mv-xl > .uk-grid { margin-top: 0 80px !important; } .hp-mv-rm > .hp-container, .left-right-content .left-content .right > div.hp-mv-rm > .uk-grid { margin-top: 0 !important; margin-bottom: 0 !important; } .hp-mt-xs > .hp-container, .left-right-content .left-content .right > div.hp-mt-xs > .uk-grid { margin-top: 8px !important; } .hp-mt-s > .hp-container, .left-right-content .left-content .right > div.hp-mt-s > .uk-grid { margin-top: 16px !important; } .hp-mt-m > .hp-container, .left-right-content .left-content .right > div.hp-mt-m > .uk-grid { margin-top: 24px !important; } .hp-mt-l > .hp-container, .left-right-content .left-content .right > div.hp-mt-l > .uk-grid { margin-top: 48px !important; } .hp-mt-xl > .hp-container, .left-right-content .left-content .right > div.hp-mt-xl > .uk-grid { margin-top: 80px !important; } .hp-mt-rm > .hp-container, .left-right-content .left-content .right > div.hp-mt-rm > .uk-grid { margin-top: 0 !important; } .hp-mb-xs > .hp-container, .left-right-content .left-content .right > div.hp-mb-xs > .uk-grid { margin-bottom: 8px !important; } .hp-mb-s > .hp-container, .left-right-content .left-content .right > div.hp-mb-s > .uk-grid { margin-bottom: 16px !important; } .hp-mb-m > .hp-container, .left-right-content .left-content .right > div.hp-mb-m > .uk-grid { margin-bottom: 24px !important; } .hp-mb-l > .hp-container, .left-right-content .left-content .right > div.hp-mb-l > .uk-grid { margin-bottom: 48px !important; } .hp-mb-xl > .hp-container, .left-right-content .left-content .right > div.hp-mb-xl > .uk-grid { margin-bottom: 80px !important; } .hp-mb-rm > .hp-container, .left-right-content .left-content .right > div.hp-mb-rm > .uk-grid { margin-bottom: 0 !important; } .hp-ml-xs > .hp-container, .left-right-content .left-content .right > div.hp-ml-xs > .uk-grid { margin-left: 8px !important; } .hp-ml-s > .hp-container, .left-right-content .left-content .right > div.hp-ml-s > .uk-grid { margin-left: 16px !important; } .hp-ml-m > .hp-container, .left-right-content .left-content .right > div.hp-ml-m > .uk-grid { margin-left: 24px !important; } .hp-ml-l > .hp-container, .left-right-content .left-content .right > div.hp-ml-l > .uk-grid { margin-left: 48px !important; } .hp-ml-xl > .hp-container, .left-right-content .left-content .right > div.hp-ml-xl > .uk-grid { margin-left: 80px !important; } .hp-ml-rm > .hp-container, .left-right-content .left-content .right > div.hp-ml-rm > .uk-grid { margin-left: 0 !important; } .hp-mr-xs > .hp-container, .left-right-content .left-content .right > div.hp-mr-xs > .uk-grid { margin-right: 8px !important; } .hp-mr-s > .hp-container, .left-right-content .left-content .right > div.hp-mr-s > .uk-grid { margin-right: 16px !important; } .hp-mr-m > .hp-container, .left-right-content .left-content .right > div.hp-mr-m > .uk-grid { margin-right: 24px !important; } .hp-mr-l > .hp-container, .left-right-content .left-content .right > div.hp-mr-l > .uk-grid { margin-right: 48px !important; } .hp-mr-xl > .hp-container, .left-right-content .left-content .right > div.hp-mr-xl > .uk-grid { margin-right: 80px !important; } .hp-mr-rm > .hp-container, .left-right-content .left-content .right > div.hp-mr-rm > .uk-grid { margin-right: 0 !important; } .hp-pv-xs > .hp-container, .left-right-content .left-content .right > div.hp-pv-xs > .uk-grid { padding: 0 8px !important; } .hp-pv-s > .hp-container, .left-right-content .left-content .right > div.hp-pv-s > .uk-grid { padding: 0 16px !important; } .hp-pv-m > .hp-container, .left-right-content .left-content .right > div.hp-pv-m > .uk-grid { padding-top: 0 24px !important; } .hp-pv-l > .hp-container, .left-right-content .left-content .right > div.hp-pv-l > .uk-grid { padding-top: 0 48px !important; } .hp-pv-xl > .hp-container, .left-right-content .left-content .right > div.hp-pv-xl > .uk-grid { padding-top: 0 80px !important; } .hp-pv-rm > .hp-container, .left-right-content .left-content .right > div.hp-pv-rm > .uk-grid { padding-top: 0 !important; padding-bottom: 0 !important; } .hp-pt-xs > .hp-container, .left-right-content .left-content .right > div.hp-pt-xs > .uk-grid { padding-top: 8px !important; } .hp-pt-s > .hp-container, .left-right-content .left-content .right > div.hp-pt-s > .uk-grid { padding-top: 16px !important; } .hp-pt-m > .hp-container, .left-right-content .left-content .right > div.hp-pt-m > .uk-grid { padding-top: 24px !important; } .hp-pt-l > .hp-container, .left-right-content .left-content .right > div.hp-pt-l > .uk-grid { padding-top: 48px !important; } .hp-pt-xl > .hp-container, .left-right-content .left-content .right > div.hp-pt-xl > .uk-grid { padding-top: 80px !important; } .hp-pt-rm > .hp-container, .left-right-content .left-content .right > div.hp-pt-rm > .uk-grid { padding-top: 0 !important; } .hp-pb-xs > .hp-container, .left-right-content .left-content .right > div.hp-pb-xs > .uk-grid { padding-bottom: 8px !important; } .hp-pb-s > .hp-container, .left-right-content .left-content .right > div.hp-pb-s > .uk-grid { padding-bottom: 16px !important; } .hp-pb-m > .hp-container, .left-right-content .left-content .right > div.hp-pb-m > .uk-grid { padding-bottom: 24px !important; } .hp-pb-l > .hp-container, .left-right-content .left-content .right > div.hp-pb-l > .uk-grid { padding-bottom: 48px !important; } .hp-pb-xl > .hp-container, .left-right-content .left-content .right > div.hp-pb-xl > .uk-grid { padding-bottom: 80px !important; } .hp-pb-rm > .hp-container, .left-right-content .left-content .right > div.hp-pb-rm > .uk-grid { padding-bottom: 0 !important; } .hp-pl-xs > .hp-container, .left-right-content .left-content .right > div.hp-pl-xs > .uk-grid { padding-left: 8px !important; } .hp-pl-s > .hp-container, .left-right-content .left-content .right > div.hp-pl-s > .uk-grid { padding-left: 16px !important; } .hp-pl-m > .hp-container, .left-right-content .left-content .right > div.hp-pl-m > .uk-grid { padding-left: 24px !important; } .hp-pl-l > .hp-container, .left-right-content .left-content .right > div.hp-pl-l > .uk-grid { padding-left: 48px !important; } .hp-pl-xl > .hp-container, .left-right-content .left-content .right > div.hp-pl-xl > .uk-grid { padding-left: 80px !important; } .hp-pl-rm > .hp-container, .left-right-content .left-content .right > div.hp-pl-rm > .uk-grid { padding-left: 0 !important; } .hp-pr-xs > .hp-container, .left-right-content .left-content .right > div.hp-pr-xs > .uk-grid { padding-right: 8px !important; } .hp-pr-s > .hp-container, .left-right-content .left-content .right > div.hp-pr-s > .uk-grid { padding-right: 16px !important; } .hp-pr-m > .hp-container, .left-right-content .left-content .right > div.hp-pr-m > .uk-grid { padding-right: 24px !important; } .hp-pr-l > .hp-container, .left-right-content .left-content .right > div.hp-pr-l > .uk-grid { padding-right: 48px !important; } .hp-pr-xl > .hp-container, .left-right-content .left-content .right > div.hp-pr-xl > .uk-grid { padding-right: 80px !important; } .hp-pr-rm > .hp-container, .left-right-content .left-content .right > div.hp-pr-rm > .uk-grid { padding-right: 0 !important; } .hp-wysiwyg-panel table:not(.outage-list) { background-color: #f4f2ef; border-collapse: collapse; border-style: hidden; width: 100%; } .hp-wysiwyg-panel table:not(.outage-list) caption { display: none; } .hp-wysiwyg-panel table:not(.outage-list) tr:first-child td, .hp-wysiwyg-panel table:not(.outage-list) tr:first-child th { background-color: #eae6e0; font-weight: 700; color: #00344f; } .hp-wysiwyg-panel table:not(.outage-list) tr:first-child th { border-radius: 4px 4px 0 0; } .hp-wysiwyg-panel table:not(.outage-list) tr:last-child td { border-radius: 0 0 4px 4px; } .hp-wysiwyg-panel table:not(.outage-list) tr:not(:first-child):nth-child(odd) td { background-color: #f4f2ef; } .hp-wysiwyg-panel table:not(.outage-list) tr:not(:first-child):nth-child(even) td { background-color: #fff; } .hp-wysiwyg-panel table:not(.outage-list) td, .hp-wysiwyg-panel table:not(.outage-list) th { text-align: left; padding: 12px 12px; overflow-wrap: break-word; } @media only screen and (min-width: 1280px) { .hp-wysiwyg-panel table:not(.outage-list) td, .hp-wysiwyg-panel table:not(.outage-list) th { padding: 24px; } .hp-wysiwyg-panel table:not(.outage-list) tr:first-child td, .hp-wysiwyg-panel table:not(.outage-list) tr:first-child th { padding: 24px; } } blockquote { display: flex; text-align: left; position: relative; margin: calc(24px * 2) 0; color: #00344f; font-weight: 700; font-style: normal; } blockquote::before, blockquote::after { display: block; content: ''; width: 55px; height: 73px; background-image: url('/svg/quotes.svg'); background-repeat: no-repeat; background-size: contain; background-position: top center; z-index: 1; } blockquote::after { transform: rotate(180deg); align-self: flex-end; } blockquote .blockquote-text { font-size: 1.125em; line-height: 1.3em; font-weight: 600; margin: 81px 8px; width: 100%; max-width: calc(100% - 113px); } blockquote .blockquote-text p { font-size: 1em; color: #00344f; } @media only screen and (min-width: 1280px) { blockquote::before, blockquote::after { width: 105px; height: 73px; } blockquote .blockquote-text { font-size: 1.5rem; max-width: calc(100% - 226px); } } .tox-checklist { margin-top: 24px; } .tox-checklist > li:not(.tox-checklist--hidden) { list-style: none; margin: 0.25em 0; position: relative; } .tox-checklist > li:not(.tox-checklist--hidden)::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='checklist-unchecked' fill='none' fill-rule='evenodd'%3E%3Crect id='Rectangle' width='15' height='15' x='.5' y='.5' fill-rule='nonzero' stroke='%234C4C4C' rx='2'/%3E%3C/g%3E%3C/svg%3E"); height: 1em; margin-left: -1.5em; margin-top: 0.125em; position: absolute; width: 1em; } .tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='checklist-checked' fill='none' fill-rule='evenodd'%3E%3Crect xmlns='http://www.w3.org/2000/svg' id='Rectangle' width='16' height='16' fill='%2300344F' fill-rule='nonzero' rx='2'/%3E%3Cpath id='Path' fill='%23FFF' fill-rule='nonzero' d='M11.5703186,3.14417309 C11.8516238,2.73724603 12.4164781,2.62829933 12.83558,2.89774797 C13.260121,3.17069355 13.3759736,3.72932262 13.0909105,4.14168582 L7.7580587,11.8560195 C7.43776896,12.3193404 6.76483983,12.3852142 6.35607322,11.9948725 L3.02491697,8.8138662 C2.66090143,8.46625845 2.65798871,7.89594698 3.01850234,7.54483354 C3.373942,7.19866177 3.94940006,7.19592841 4.30829608,7.5386474 L6.85276923,9.9684299 L11.5703186,3.14417309 Z'/%3E%3C/g%3E%3C/svg%3E"); } .bg-image-hover-zoom__container { overflow: hidden; height: 100%; } .bg-img-hover-zoom { overflow: hidden; transition: transform ease 1.2s; } .bg-img-hover-zoom:hover { transform: scale(1.2); } svg { width: 100%; } svg * { stroke-width: 1.75; } svg #FRAME > rect { stroke: none; fill: none; } svg.icon-colour-core-dark * { stroke: #00344f; } svg.icon-colour-sea * { stroke: #125252; } svg.icon-colour-desert * { stroke: #7a0306; } svg.icon-colour-sky * { stroke: #214187; } .hp-container, .left-right-content .left-content .right > div > .uk-grid { box-sizing: border-box; position: relative; max-width: 1480px; margin: 0 auto; } .hp-container.hp-mv-xs, .left-right-content .left-content .right > div > .hp-mv-xs.uk-grid { margin-top: 0 8px; } .hp-container.hp-mv-s, .left-right-content .left-content .right > div > .hp-mv-s.uk-grid { margin-top: 0 16px; } .hp-container.hp-mv-m, .left-right-content .left-content .right > div > .hp-mv-m.uk-grid { margin-top: 0 24px; } .hp-container.hp-mv-l, .left-right-content .left-content .right > div > .hp-mv-l.uk-grid { margin-top: 0 48px; } .hp-container.hp-mv-xl, .left-right-content .left-content .right > div > .hp-mv-xl.uk-grid { margin-top: 0 80px; } .hp-container.hp-mv-rm, .left-right-content .left-content .right > div > .hp-mv-rm.uk-grid { margin-top: 0; margin-bottom: 0; } .hp-container.hp-mt-xs, .left-right-content .left-content .right > div > .hp-mt-xs.uk-grid { margin-top: 8px; } .hp-container.hp-mt-s, .left-right-content .left-content .right > div > .hp-mt-s.uk-grid { margin-top: 16px; } .hp-container.hp-mt-m, .left-right-content .left-content .right > div > .hp-mt-m.uk-grid { margin-top: 24px; } .hp-container.hp-mt-l, .left-right-content .left-content .right > div > .hp-mt-l.uk-grid { margin-top: 48px; } .hp-container.hp-mt-xl, .left-right-content .left-content .right > div > .hp-mt-xl.uk-grid { margin-top: 80px; } .hp-container.hp-mt-rm, .left-right-content .left-content .right > div > .hp-mt-rm.uk-grid { margin-top: 0; } .hp-container.hp-mb-xs, .left-right-content .left-content .right > div > .hp-mb-xs.uk-grid { margin-bottom: 8px; } .hp-container.hp-mb-s, .left-right-content .left-content .right > div > .hp-mb-s.uk-grid { margin-bottom: 16px; } .hp-container.hp-mb-m, .left-right-content .left-content .right > div > .hp-mb-m.uk-grid { margin-bottom: 24px; } .hp-container.hp-mb-l, .left-right-content .left-content .right > div > .hp-mb-l.uk-grid { margin-bottom: 48px; } .hp-container.hp-mb-xl, .left-right-content .left-content .right > div > .hp-mb-xl.uk-grid { margin-bottom: 80px; } .hp-container.hp-mb-rm, .left-right-content .left-content .right > div > .hp-mb-rm.uk-grid { margin-bottom: 0; } .hp-container.hp-ml-xs, .left-right-content .left-content .right > div > .hp-ml-xs.uk-grid { margin-left: 8px; } .hp-container.hp-ml-s, .left-right-content .left-content .right > div > .hp-ml-s.uk-grid { margin-left: 16px; } .hp-container.hp-ml-m, .left-right-content .left-content .right > div > .hp-ml-m.uk-grid { margin-left: 24px; } .hp-container.hp-ml-l, .left-right-content .left-content .right > div > .hp-ml-l.uk-grid { margin-left: 48px; } .hp-container.hp-ml-xl, .left-right-content .left-content .right > div > .hp-ml-xl.uk-grid { margin-left: 80px; } .hp-container.hp-ml-rm, .left-right-content .left-content .right > div > .hp-ml-rm.uk-grid { margin-left: 0; } .hp-container.hp-mr-xs, .left-right-content .left-content .right > div > .hp-mr-xs.uk-grid { margin-right: 8px; } .hp-container.hp-mr-s, .left-right-content .left-content .right > div > .hp-mr-s.uk-grid { margin-right: 16px; } .hp-container.hp-mr-m, .left-right-content .left-content .right > div > .hp-mr-m.uk-grid { margin-right: 24px; } .hp-container.hp-mr-l, .left-right-content .left-content .right > div > .hp-mr-l.uk-grid { margin-right: 48px; } .hp-container.hp-mr-xl, .left-right-content .left-content .right > div > .hp-mr-xl.uk-grid { margin-right: 80px; } .hp-container.hp-mr-rm, .left-right-content .left-content .right > div > .hp-mr-rm.uk-grid { margin-right: 0; } .hp-container.hp-pv-xs, .left-right-content .left-content .right > div > .hp-pv-xs.uk-grid { padding: 0 8px; } .hp-container.hp-pv-s, .left-right-content .left-content .right > div > .hp-pv-s.uk-grid { padding: 0 16px; } .hp-container.hp-pv-m, .left-right-content .left-content .right > div > .hp-pv-m.uk-grid { padding-top: 0 24px; } .hp-container.hp-pv-l, .left-right-content .left-content .right > div > .hp-pv-l.uk-grid { padding-top: 0 48px; } .hp-container.hp-pv-xl, .left-right-content .left-content .right > div > .hp-pv-xl.uk-grid { padding-top: 0 80px; } .hp-container.hp-pv-rm, .left-right-content .left-content .right > div > .hp-pv-rm.uk-grid { padding-top: 0; padding-bottom: 0; } .hp-container.hp-pt-xs, .left-right-content .left-content .right > div > .hp-pt-xs.uk-grid { padding-top: 8px; } .hp-container.hp-pt-s, .left-right-content .left-content .right > div > .hp-pt-s.uk-grid { padding-top: 16px; } .hp-container.hp-pt-m, .left-right-content .left-content .right > div > .hp-pt-m.uk-grid { padding-top: 24px; } .hp-container.hp-pt-l, .left-right-content .left-content .right > div > .hp-pt-l.uk-grid { padding-top: 48px; } .hp-container.hp-pt-xl, .left-right-content .left-content .right > div > .hp-pt-xl.uk-grid { padding-top: 80px; } .hp-container.hp-pt-rm, .left-right-content .left-content .right > div > .hp-pt-rm.uk-grid { padding-top: 0; } .hp-container.hp-pb-xs, .left-right-content .left-content .right > div > .hp-pb-xs.uk-grid { padding-bottom: 8px; } .hp-container.hp-pb-s, .left-right-content .left-content .right > div > .hp-pb-s.uk-grid { padding-bottom: 16px; } .hp-container.hp-pb-m, .left-right-content .left-content .right > div > .hp-pb-m.uk-grid { padding-bottom: 24px; } .hp-container.hp-pb-l, .left-right-content .left-content .right > div > .hp-pb-l.uk-grid { padding-bottom: 48px; } .hp-container.hp-pb-xl, .left-right-content .left-content .right > div > .hp-pb-xl.uk-grid { padding-bottom: 80px; } .hp-container.hp-pb-rm, .left-right-content .left-content .right > div > .hp-pb-rm.uk-grid { padding-bottom: 0; } .hp-container.hp-pl-xs, .left-right-content .left-content .right > div > .hp-pl-xs.uk-grid { padding-left: 8px; } .hp-container.hp-pl-s, .left-right-content .left-content .right > div > .hp-pl-s.uk-grid { padding-left: 16px; } .hp-container.hp-pl-m, .left-right-content .left-content .right > div > .hp-pl-m.uk-grid { padding-left: 24px; } .hp-container.hp-pl-l, .left-right-content .left-content .right > div > .hp-pl-l.uk-grid { padding-left: 48px; } .hp-container.hp-pl-xl, .left-right-content .left-content .right > div > .hp-pl-xl.uk-grid { padding-left: 80px; } .hp-container.hp-pl-rm, .left-right-content .left-content .right > div > .hp-pl-rm.uk-grid { padding-left: 0; } .hp-container.hp-pr-xs, .left-right-content .left-content .right > div > .hp-pr-xs.uk-grid { padding-right: 8px; } .hp-container.hp-pr-s, .left-right-content .left-content .right > div > .hp-pr-s.uk-grid { padding-right: 16px; } .hp-container.hp-pr-m, .left-right-content .left-content .right > div > .hp-pr-m.uk-grid { padding-right: 24px; } .hp-container.hp-pr-l, .left-right-content .left-content .right > div > .hp-pr-l.uk-grid { padding-right: 48px; } .hp-container.hp-pr-xl, .left-right-content .left-content .right > div > .hp-pr-xl.uk-grid { padding-right: 80px; } .hp-container.hp-pr-rm, .left-right-content .left-content .right > div > .hp-pr-rm.uk-grid { padding-right: 0; } @media only screen and (min-width: 768px) { .hp-container, .left-right-content .left-content .right > div > .uk-grid { padding: 24px 40px; } } @media only screen and (min-width: 1280px) { .hp-container, .left-right-content .left-content .right > div > .uk-grid { padding: 48px 40px; } } .e-input-group, .e-input-group.e-control-wrapper { margin-bottom: 0 !important; } .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover, .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover { background-color: #fbccb6 !important; } .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before { background: none !important; } .e-calendar .e-content td.e-selected span.e-day, .e-calendar .e-content td.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day, .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day { background-color: #c14d34 !important; } input.e-input::-moz-selection, textarea.e-input::-moz-selection, .e-float-input input::-moz-selection, .e-float-input textarea::-moz-selection, .e-input-group input.e-input::-moz-selection, .e-input-group textarea.e-input::-moz-selection, .e-float-input.e-control-wrapper input::-moz-selection, .e-float-input.e-control-wrapper textarea::-moz-selection, .e-input-group.e-control-wrapper input.e-input::-moz-selection, .e-input-group.e-control-wrapper textarea.e-input::-moz-selection { background: none !important; } input.e-input::selection, textarea.e-input::selection, .e-float-input input::selection, .e-float-input textarea::selection, .e-input-group input.e-input::selection, .e-input-group textarea.e-input::selection, .e-float-input.e-control-wrapper input::selection, .e-float-input.e-control-wrapper textarea::selection, .e-calendar .e-content td.e-today.e-selected span.e-day, .e-input-group.e-control-wrapper input.e-input::selection, .e-input-group.e-control-wrapper textarea.e-input::selection, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before { background: none !important; } .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day { color: #000 !important; background: none !important; border: 1px solid #c14d34 !important; } .e-date-range-wrapper .e-input-group-icon.e-icons.e-active::before { color: #c14d34; } .e-btn.e-flat.e-primary:active, .e-btn.e-flat.e-primary.e-active, .e-btn.e-flat.e-primary:disabled, .e-btn.e-flat.e-primary.e-disabled, .e-css.e-btn.e-flat.e-primary:active, .e-css.e-btn.e-flat.e-primary.e-active, .e-css.e-btn.e-flat.e-primary:disabled, .e-css.e-btn.e-flat.e-primary.e-disabled, .e-apply.e-flat.e-primary.e-css.e-lib.e-btn.e-control.e-keyboard { gap: 8px !important; height: 36px !important; display: flex !important; font-weight: 600 !important; line-height: 20px !important; padding: 8px 16px !important; border-radius: 4px !important; align-items: center !important; color: #fff !important; font-family: 'Beausite', 'Arial', sans-serif; justify-content: center !important; background-color: #c14d34 !important; } .e-cancel.e-flat.e-css.e-lib.e-btn.e-control.e-keyboard { gap: 8px !important; height: 36px !important; display: flex !important; font-weight: 600 !important; line-height: 20px !important; padding: 8px 16px !important; border-radius: 4px !important; align-items: center !important; font-family: 'Beausite', 'Arial', sans-serif; justify-content: center !important; color: #c14d34 !important; border: 2px solid #c14d34 !important; } .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day { color: #c14d34; } .e-input-group:not(.e-float-icon-left), .e-input-group.e-error:not(.e-float-icon-left), .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-warning:not(.e-float-icon-left), .e-input-group.e-control-wrapper:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left) { border: none !important; } .e-apply .e-flat .e-primary .e-css .e-lib .e-btn .e-control .e-css { text-align: right; color: #fff; border: 2px solid #145b7c; position: relative; background-color: #145b7c; } .e-input-group-icon.e-range-icon, *.e-control-wrapper .e-input-group-icon.e-range-icon { margin: 0 !important; } .e-input-group input.e-input, .e-float-input.e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-float-input.e-input-group.e-control-wrapper input, .e-float-input input, .e-float-input.e-control-wrapper input { min-height: 32px !important; } .e-daterangepicker.e-popup .e-footer, .e-bigger.e-small .e-daterangepicker.e-popup .e-footer { justify-content: center; } .hp-date-range-picker * { font-family: 'Beausite', 'Arial', sans-serif !important; } .hp-date-range-picker input[type='text'] { font-family: inherit !important; font-size: 14px !important; font-style: normal !important; font-weight: 400 !important; line-height: 20px !important; padding: 0 !important; } @media only screen and (min-width: 1280px) { .hp-date-range-picker input[type='text'] { font-size: 16px !important; line-height: 24px !important; } } .hp-date-range-picker input[type='text']:focus-visible { outline: none !important; } .hp-date-range-picker input[type='text']::-moz-selection { background-color: #39f !important; color: #fff; } .hp-date-range-picker input[type='text']::selection { background-color: #39f !important; color: #fff; } .hp-date-range-picker .hp-date-range-picker-container { border: 2px solid #145b7c; box-sizing: border-box; border-radius: 4px; padding-left: 20px; } .hp-date-range-picker .hp-date-range-picker-container .e-input-group .e-control-wrapper .e-date-range-wrapper .e-valid-input { margin-bottom: 2px; } .hp-date-range-picker .hp-date-range-picker-container .e-input-group-icon.e-range-icon::before, .hp-date-range-picker .hp-date-range-picker-container *.e-control-wrapper .e-input-group-icon.e-range-icon::before, .hp-date-range-picker .hp-date-range-picker-container .e-date-range-wrapper .e-input-group-icon.e-icons.e-active::before { color: #fff !important; } .hp-date-range-picker .hp-date-range-picker-container .e-input-group-icon.e-range-icon.e-icons { background-color: #145b7c; padding: 0 7px; } .hp-date-time-picker * { font-family: 'Beausite', 'Arial', sans-serif !important; } .hp-date-time-picker input[type='text'] { font-family: inherit !important; font-size: 14px !important; font-style: normal !important; font-weight: 400 !important; line-height: 20px !important; padding: 0 !important; } @media only screen and (min-width: 1280px) { .hp-date-time-picker input[type='text'] { font-size: 16px !important; line-height: 24px !important; } } .hp-date-time-picker input[type='text']:focus-visible { outline: none !important; } .hp-date-time-picker .hp-date-time-picker-container { border: 2px solid #145b7c; box-sizing: border-box; border-radius: 4px; padding-left: 20px; } .hp-date-time-picker .hp-date-time-picker-container .e-input-group-icon.e-date-icon.e-icons { background-color: #145b7c; padding: 0 10px; } .hp-date-time-picker .hp-date-time-picker-container .e-input-group-icon.e-time-icon.e-icons { margin: 0; padding: 0 7px; border-left: 1px solid #fff; background-color: #145b7c; } .hp-date-time-picker .hp-date-time-picker-container .e-input-group-icon.e-date-icon::before, .hp-date-time-picker .hp-date-time-picker-container *.e-control-wrapper .e-input-group-icon.e-date-icon::before, .hp-date-time-picker .hp-date-time-picker-container .e-datetime-wrapper .e-time-icon.e-icons::before { color: #fff; } .e-calendar .e-content td.e-focused-date.e-today span.e-day { border-color: #c14d34 !important; } .e-input-group:not(.e-float-icon-left), .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-warning:not(.e-float-icon-left), .e-input-group.e-control-wrapper:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) { border: none !important; } .e-input-group-icon.e-date-icon.e-icons, .e-input-group-icon.e-time-icon.e-icons { margin-bottom: 0 !important; } .e-timepicker .e-list-item.e-selected, .e-datetimepicker .e-list-item.e-active, .e-datetime-wrapper .e-input-group-icon.e-icons.e-active, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active, .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active { color: #c14d34 !important; } .uk-grid { margin-left: -16px; } .uk-grid > * { padding-left: 16px; } .uk-grid.uk-child-width-1-2 > *, .uk-grid.uk-child-width-1-3 > *, .uk-grid.uk-child-width-1-4 > * { width: 100%; } @media only screen and (min-width: 768px) { .uk-grid.uk-child-width-1-2 > * { width: 50%; } .uk-grid.uk-child-width-1-3 > * { width: 33.3222259247%; } .uk-grid.uk-child-width-1-2 > *, .uk-grid.uk-child-width-1-4 > * { width: 50%; } .uk-grid.uk-child-width-4-5 > * { width: 80%; } } @media only screen and (min-width: 1280px) { .uk-grid { margin-left: -24px; } .uk-grid > * { padding-left: 24px; } .uk-grid.uk-child-width-1-2 > * { width: 50%; } .uk-grid.uk-child-width-1-3 > * { width: 33.3222259247%; } .uk-grid.uk-child-width-1-4 > * { width: 25%; } .uk-grid.uk-child-width-1-5 > * { width: 20%; } } * + .uk-grid-margin, .uk-grid > .uk-grid-margin, .uk-grid + .uk-grid { margin-top: 24px; } @media only screen and (min-width: 1280px) { * + .uk-grid-margin, .uk-grid > .uk-grid-margin, .uk-grid + .uk-grid { margin-top: calc(24px * 2); } } .hp-hidden-s { display: none; } @media only screen and (min-width: 768px) { .hp-hidden-m { display: none; } } @media only screen and (min-width: 1280px) { .hp-hidden-l { display: none; } } @media only screen and (min-width: 1440px) { .hp-hidden-xl { display: none; } } .hp-visible-s { display: block; } @media only screen and (min-width: 768px) { .hp-visible-m { display: block; } } @media only screen and (min-width: 1280px) { .hp-visible-l { display: block; } } @media only screen and (min-width: 1440px) { .hp-visible-xl { display: block; } } div.uk-width-1-2, div.uk-width-1-3, div.uk-width-1-4, div.uk-width-2-3, div.uk-width-2-5, div.uk-width-3-4, div.uk-child-width-1-2 > *, div.uk-child-width-1-3 > *, div.uk-child-width-1-4 > * { width: 100%; } @media only screen and (min-width: 768px) { div.uk-width-1-3, div.uk-child-width-1-3 > * { width: 33.3222259247%; } div.uk-width-2-3 { width: 66%; } div.uk-width-1-2, div.uk-width-1-4, div.uk-width-2-5, div.uk-child-width-1-2 > *, div.uk-child-width-1-4 > * { width: 50%; } } @media only screen and (min-width: 960px) { div.uk-width-3-4 { width: 75%; } div.uk-width-1-2, div.uk-child-width-1-2 > * { width: 50%; } div.uk-width-1-3, div.uk-child-width-1-3 > * { width: 33.3222259247%; } div.uk-width-1-4, div.uk-child-width-1-4 > * { width: 25%; } div.uk-width-2-5 { width: 40%; } } div:not(.uk-grid) > div { box-sizing: border-box; } @media only screen and (min-width: 768px) { div:not(.uk-grid) > div.uk-width-1-2:first-child { padding-right: 12px; } div:not(.uk-grid) > div.uk-width-1-2:nth-child(2) { padding-left: 12px; } } .hp-search-form, .hp-main-nav-search__search { position: relative; display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } .hp-search-form::before, .hp-main-nav-search__search::before { display: none; position: absolute; top: 50%; left: 12px; transform: translate(-50%, -50%); content: ''; width: 20px; height: 20px; -webkit-mask-image: url('/svg/icons/header/icon-search-v2.svg'); mask-image: url('/svg/icons/header/icon-search-v2.svg'); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-composite: xor; mask-composite: exclude; background-color: #00344f; } .hp-search-form a.uk-button, .hp-search-form a.FormButton, .hp-search-form .Form__NavigationBar a.btnPrev, .Form__NavigationBar .hp-search-form a.btnPrev, .hp-search-form .Form__NavigationBar a.btnNext, .Form__NavigationBar .hp-search-form a.btnNext, .hp-main-nav-search__search a.uk-button, .hp-main-nav-search__search a.FormButton, .hp-main-nav-search__search .Form__NavigationBar a.btnPrev, .Form__NavigationBar .hp-main-nav-search__search a.btnPrev, .hp-main-nav-search__search .Form__NavigationBar a.btnNext, .Form__NavigationBar .hp-main-nav-search__search a.btnNext { color: rgba(0, 0, 0, 0); position: relative; background-color: #fff; border-color: #fff; border-radius: 0 4px 4px 0; padding: 12px; width: 40px; height: 40px; min-width: 40px; margin-left: -40px; z-index: 1; } .hp-search-form a.uk-button:hover, .hp-search-form a.FormButton:hover, .hp-search-form .Form__NavigationBar a.btnPrev:hover, .Form__NavigationBar .hp-search-form a.btnPrev:hover, .hp-search-form .Form__NavigationBar a.btnNext:hover, .Form__NavigationBar .hp-search-form a.btnNext:hover, .hp-main-nav-search__search a.uk-button:hover, .hp-main-nav-search__search a.FormButton:hover, .hp-main-nav-search__search .Form__NavigationBar a.btnPrev:hover, .Form__NavigationBar .hp-main-nav-search__search a.btnPrev:hover, .hp-main-nav-search__search .Form__NavigationBar a.btnNext:hover, .Form__NavigationBar .hp-main-nav-search__search a.btnNext:hover { color: rgba(0, 0, 0, 0); background-color: #fff; border-color: #fff; } .hp-search-form a.uk-button::before, .hp-search-form a.FormButton::before, .hp-search-form .Form__NavigationBar a.btnPrev::before, .Form__NavigationBar .hp-search-form a.btnPrev::before, .hp-search-form .Form__NavigationBar a.btnNext::before, .Form__NavigationBar .hp-search-form a.btnNext::before, .hp-main-nav-search__search a.uk-button::before, .hp-main-nav-search__search a.FormButton::before, .hp-main-nav-search__search .Form__NavigationBar a.btnPrev::before, .Form__NavigationBar .hp-main-nav-search__search a.btnPrev::before, .hp-main-nav-search__search .Form__NavigationBar a.btnNext::before, .Form__NavigationBar .hp-main-nav-search__search a.btnNext::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; content: ''; width: 20px; height: 20px; -webkit-mask-image: url('/svg/icons/header/icon-search-v2.svg'); mask-image: url('/svg/icons/header/icon-search-v2.svg'); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-composite: xor; mask-composite: exclude; background-color: #00344f; } .hp-search-form .search-clear, .hp-main-nav-search__search .search-clear { cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 130px; z-index: 2; } .hp-search-form .search-clear svg, .hp-main-nav-search__search .search-clear svg { width: 24px; height: 24px; } .hp-search-form .autocomplete, .hp-main-nav-search__search .autocomplete { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); } .hp-search-form .autocomplete-item, .hp-search-form .autocomplete-error, .hp-main-nav-search__search .autocomplete-item, .hp-main-nav-search__search .autocomplete-error { margin: 0; } .hp-search-form .autocomplete, .hp-main-nav-search__search .autocomplete { box-sizing: border-box; background-color: #fff; position: absolute; width: 100%; left: 0; top: calc(100% + 7px); z-index: 998; border-radius: 4px; } .hp-search-form .autocomplete .autocomplete-item, .hp-search-form .autocomplete .autocomplete-error, .hp-main-nav-search__search .autocomplete .autocomplete-item, .hp-main-nav-search__search .autocomplete .autocomplete-error { transition: background-color 0.3s ease-in-out; display: flex; justify-content: space-between; padding: 16px; } .hp-search-form .autocomplete .autocomplete-item:hover, .hp-search-form .autocomplete .autocomplete-item.focus, .hp-search-form .autocomplete .autocomplete-error:hover, .hp-search-form .autocomplete .autocomplete-error.focus, .hp-main-nav-search__search .autocomplete .autocomplete-item:hover, .hp-main-nav-search__search .autocomplete .autocomplete-item.focus, .hp-main-nav-search__search .autocomplete .autocomplete-error:hover, .hp-main-nav-search__search .autocomplete .autocomplete-error.focus { background-color: #00344f; cursor: pointer; text-decoration: none; } .hp-search-form .autocomplete .autocomplete-item:hover .item, .hp-search-form .autocomplete .autocomplete-item.focus .item, .hp-search-form .autocomplete .autocomplete-error:hover .item, .hp-search-form .autocomplete .autocomplete-error.focus .item, .hp-main-nav-search__search .autocomplete .autocomplete-item:hover .item, .hp-main-nav-search__search .autocomplete .autocomplete-item.focus .item, .hp-main-nav-search__search .autocomplete .autocomplete-error:hover .item, .hp-main-nav-search__search .autocomplete .autocomplete-error.focus .item { color: #fff; } .hp-search-form .autocomplete .autocomplete-error .item, .hp-main-nav-search__search .autocomplete .autocomplete-error .item { color: #c14d34; } .hp-search-form .autocomplete .item, .hp-main-nav-search__search .autocomplete .item { font-weight: 500; color: #00344f; } .hp-search-form .autocomplete .category, .hp-main-nav-search__search .autocomplete .category { font-weight: 400; color: #919495; text-transform: capitalize; } .hp-search-form .autocomplete .view-all .item, .hp-main-nav-search__search .autocomplete .view-all .item { color: #c14d34; text-decoration: underline; } .hp-search-form input[type='text'], .hp-main-nav-search__search input[type='text'] { font-size: 14px; flex-grow: 1; font-weight: 400; padding: 12px; background-color: rgba(0, 0, 0, 0); border: 2px solid #00344f; border-radius: 4px; margin: 0; z-index: 1; } @media screen and (min-width: 360px) { .hp-search-form input[type='text'], .hp-main-nav-search__search input[type='text'] { font-size: 14px; } } @media screen and (min-width: 768px) { .hp-search-form input[type='text'], .hp-main-nav-search__search input[type='text'] { font-size: 14px; } } @media screen and (min-width: 1280px) { .hp-search-form input[type='text'], .hp-main-nav-search__search input[type='text'] { font-size: 16px; } } @media screen and (min-width: 1440px) { .hp-search-form input[type='text'], .hp-main-nav-search__search input[type='text'] { font-size: 16px; } } @media only screen and (min-width: 768px) { .hp-search-form, .hp-main-nav-search__search { flex-direction: row; } .hp-search-form::before, .hp-main-nav-search__search::before { display: block; left: 32px; background-color: #00344f; } .hp-search-form .search-clear, .hp-main-nav-search__search .search-clear { right: 185px; } .hp-search-form input, .hp-main-nav-search__search input { margin: 0 16px 0 0; } .hp-search-form a.desert-primary-light, .hp-main-nav-search__search a.desert-primary-light { min-width: 145px; margin-left: 16px; color: #fff; background-color: #c14d34; border-color: #c14d34; border-radius: 4px; padding: 14px; width: unset; height: unset; } .hp-search-form a.desert-primary-light::before, .hp-main-nav-search__search a.desert-primary-light::before { display: none; } .hp-search-form a.desert-primary-light:hover, .hp-main-nav-search__search a.desert-primary-light:hover { background-color: #c14d34; border-color: #7a0306; color: #fff; } .hp-search-form .autocomplete .autocomplete-item, .hp-search-form .autocomplete .autocomplete-error, .hp-main-nav-search__search .autocomplete .autocomplete-item, .hp-main-nav-search__search .autocomplete .autocomplete-error { padding: 16px 24px; } .hp-search-form input[type='text'], .hp-main-nav-search__search input[type='text'] { padding: 12px 12px 12px 54px; } } @media only screen and (min-width: 1280px) { .hp-search-form a.uk-button, .hp-search-form a.FormButton, .hp-search-form .Form__NavigationBar a.btnPrev, .Form__NavigationBar .hp-search-form a.btnPrev, .hp-search-form .Form__NavigationBar a.btnNext, .Form__NavigationBar .hp-search-form a.btnNext, .hp-main-nav-search__search a.uk-button, .hp-main-nav-search__search a.FormButton, .hp-main-nav-search__search .Form__NavigationBar a.btnPrev, .Form__NavigationBar .hp-main-nav-search__search a.btnPrev, .hp-main-nav-search__search .Form__NavigationBar a.btnNext, .Form__NavigationBar .hp-main-nav-search__search a.btnNext { margin-left: 24px; } } .hp-search-form input[type='text'] { color: #4c4c4c; } .hp-main-nav-search__search input[type='text'], .hp-main-nav-search__search input[type='text']::placeholder, .hp-main-nav-search__search input[type='text']::-webkit-input-placeholder { color: #fff !important; } @media only screen and (min-width: 768px) { .hp-main-nav-search__search input[type='text'], .hp-main-nav-search__search input[type='text']::placeholder, .hp-main-nav-search__search input[type='text']::-webkit-input-placeholder { color: #4c4c4c !important; } } .outage-autocomplete-error { display: none; } .outage-autocomplete-error .visible { display: block; } .slick-list { background: none !important; } .slick-dots { display: flex; justify-content: center; align-items: center; position: relative; bottom: 0; } .slick-dots li { height: unset; width: unset; } .slick-dots li button { border-radius: 50%; border: 2px solid rgba(0, 0, 0, 0); position: relative; } .slick-dots li button:before { content: ''; background-color: rgba(0, 0, 0, 0); border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 50px; opacity: 0; } .slick-dots li button, .slick-dots li button::before { width: 13px; height: 13px; } .slick-dots li button:focus-visible { outline: 2px dotted #00344f; } .slick-dots li.slick-active button::before { opacity: 1; } .hp-slider-controls { display: flex; flex-direction: row; justify-content: center; z-index: 1; } .hp-slider-controls button { display: flex; align-items: center; } .hp-slider-controls .slide-dots { display: flex; justify-content: center; align-items: center; } .hp-slider-controls button { background: none; border: none; cursor: pointer; color: #fff; flex-shrink: 0; } .hp-slider-controls button[data-control='slickPrev'], .hp-slider-controls button[data-control='slickPrev'] svg, .hp-slider-controls button[data-control='slickNext'], .hp-slider-controls button[data-control='slickNext'] svg { max-width: 34px; max-height: 16px; } .hp-slider-controls button[data-control='slickPlay'] svg, .hp-slider-controls button[data-control='slickPause'] svg { max-width: 13px; max-height: 13px; } .hp-slider-controls button[data-control='slickPlay'] svg:nth-child(2), .hp-slider-controls button[data-control='slickPause'] svg:nth-child(2) { display: none; } .hp-slider-controls button[data-control='slickPrev'] svg, .hp-slider-controls button[data-control='slickNext'] svg { display: block !important; } .hp-slider-controls button[data-control='slickPause'] { padding-left: 0; } .hp-notification-panel__item { padding-top: 16px; padding-bottom: 16px; display: none; } .hp-notification-panel__item .hp-notification-panel__wrap { position: relative; padding: 0 16px; width: 100%; display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__group { display: flex; flex-direction: row; align-items: center; align-content: flex-start; justify-content: flex-start; flex-grow: 1; align-self: center; } .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__group:last-of-type { flex-grow: 0; } .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__icon, .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__button { flex-shrink: 0; } .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__icon svg { width: 40px; height: 40px; fill: none; } .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__text { padding: 0 8px; } .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__text div { align-self: center; padding: 0; margin: 0; } .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__text div p { margin: 0; } .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__text div a { display: block; color: #000; white-space: nowrap; text-decoration: underline; } .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__button { width: 20px; } .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__button svg { color: #00344f; margin-bottom: 5px; } .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__button svg path { stroke-width: 2; } @media only screen and (min-width: 360px) { .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__text div a { display: inline-block; padding: 0; } } @media only screen and (min-width: 768px) { .hp-notification-panel__item .hp-notification-panel__wrap { display: flex; flex-direction: row; align-items: flex-start; align-content: center; justify-content: center; } .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__group { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; flex-grow: 1; } .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__group:first-child .hp-notification-panel__text, .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__group:first-child .hp-notification-panel__text div { flex-grow: 0; width: 100%; } } @media only screen and (min-width: 768px) and (min-width: 1280px) { .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__group:first-child .hp-notification-panel__text, .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__group:first-child .hp-notification-panel__text div { width: auto; } } @media only screen and (min-width: 768px) { .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__group:first-child .hp-notification-panel__text.variation-center div { display: flex; flex-direction: column; align-items: flex-start; align-content: center; justify-content: center; } } @media only screen and (min-width: 768px) and (min-width: 1280px) { .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__group:first-child .hp-notification-panel__text.variation-center div { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; text-align: center; } } @media only screen and (min-width: 768px) { .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__group:first-child .hp-notification-panel__text.variation-left, .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__group:first-child .hp-notification-panel__text.variation-left div { flex-grow: 0; } } @media only screen and (min-width: 768px) { .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__group:first-child .hp-notification-panel__text.variation-left div { display: flex; flex-direction: column; align-items: flex-start; align-content: center; justify-content: center; } } @media only screen and (min-width: 768px) { .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__group:first-child .hp-notification-panel__text.variation-right div { display: flex; flex-direction: column; align-items: flex-start; align-content: center; justify-content: flex-end; } } @media only screen and (min-width: 768px) { .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__icon svg { width: 56px; height: 56px; } } @media only screen and (min-width: 768px) { .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__text { padding: 0 16px; display: flex; flex-direction: column; align-items: flex-start; align-content: center; justify-content: flex-end; } } @media only screen and (min-width: 768px) and (min-width: 1280px) { .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__text { display: flex; flex-direction: row; align-items: flex-start; align-content: center; justify-content: center; } } @media only screen and (min-width: 768px) { .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__text div { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } } @media only screen and (min-width: 768px) { .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__text div a { display: block; padding: 0; } } @media only screen and (min-width: 768px) and (min-width: 1280px) { .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__text div a { padding: 0 24px 0 16px; } } @media only screen and (min-width: 768px) { .hp-notification-panel__item .hp-notification-panel__wrap .hp-notification-panel__link { padding: 0 48px 0 16px; } } @media only screen and (min-width: 1280px) { .hp-notification-panel__item .hp-notification-panel__wrap { padding: 0 24px; } } .hp-step-process { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; list-style: none; position: relative; margin: 24px 0; padding: 0; } .hp-step-process::after { content: ''; background-color: #c14d34; display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 1.5px; } .hp-step-process li { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; } .hp-step-process li:first-child, .hp-step-process li:last-child { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; } .hp-step-process li .hp-step-process__number span { display: none; } .hp-step-process li.active .hp-step-process__number { background-color: #c14d34; color: #fff; } .hp-step-process li.active .hp-step-process__number { background-color: #c14d34; color: #fff; } .hp-step-process li, .hp-step-process a { position: relative; text-decoration: none; } .hp-step-process .hp-step-process__text { display: none; text-align: center; padding-top: calc(24px / 2); color: #00344f; font-weight: 500; position: absolute; bottom: -36px; width: 200px; } .hp-step-process .hp-step-process__number { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; @animate (background-color, color); width: 20px; height: 20px; box-sizing: border-box; border-radius: 50%; border: 2px solid #c14d34; background-color: #fff; color: #c14d34; font-weight: 600; z-index: 997; } @media only screen and (min-width: 768px) { .hp-step-process { margin: 24px 0; } .hp-step-process .hp-step-process__number { width: 50px; height: 50px; } .hp-step-process li .hp-step-process__number span { display: block; } } @media only screen and (min-width: 1280px) { .hp-step-process { margin: 48px 0; } .hp-step-process::after { width: 100%; } .hp-step-process .hp-step-process__text { display: block; } } .Form__NavigationBar { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-end; height: auto; width: 100%; gap: 16px; } .Form__NavigationBar.right { justify-content: flex-end; } .Form__NavigationBar .Form__NavigationBar__ProgressBar { display: none; } .Form__NavigationBar .btnPrev { background-color: rgba(0, 0, 0, 0); padding-left: 24px; text-align: left; color: #145b7c; } .Form__NavigationBar .btnPrev::before { content: ''; display: block; position: absolute; left: 12px; top: calc(50% + 2px); transform: translate(-50%, -50%) rotate(180deg); width: 12px; height: 12px; -webkit-mask-image: url('/svg/chevron-right.svg'); mask-image: url('/svg/chevron-right.svg'); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #145b7c; } .Form__NavigationBar .btnPrev:hover { background-color: #145b7c; color: #fff; } .Form__NavigationBar .btnPrev:hover::before { background-color: #fff; } .Form__NavigationBar .btnPrev.desert-secondary::before, .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.secondary::before, .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.secondary::before, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.secondary::before, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.secondary::before, .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.secondary::before, .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.secondary::before { background-color: #c14d34; } .Form__NavigationBar .btnPrev.desert-secondary:hover, .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.secondary:hover, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.secondary:hover, .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.secondary:hover, .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.secondary:hover { background-color: #c14d34; color: #fff; } .Form__NavigationBar .btnPrev.desert-secondary:hover::before, .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.secondary:hover::before, .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.secondary:hover::before, .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.secondary:hover::before, .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.secondary:hover::before, .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.secondary:hover::before, .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.secondary:hover::before { background-color: #fff; } .Form__NavigationBar .btnNext { background-color: #145b7c; padding-right: 24px; text-align: right; color: #fff; } .Form__NavigationBar .btnNext::after { content: ''; display: block; position: absolute; right: 0; top: calc(50% + 2px); transform: translate(-50%, -50%); width: 12px; height: 12px; -webkit-mask-image: url('/svg/chevron-right.svg'); mask-image: url('/svg/chevron-right.svg'); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #fff; } .Form__NavigationBar .btnNext:hover { background-color: rgba(0, 0, 0, 0) !important; color: #145b7c; } .Form__NavigationBar .btnNext:hover::after { background-color: #145b7c; } .Form__NavigationBar .btnNext.desert-primary-light:hover { background-color: rgba(0, 0, 0, 0) !important; color: #c14d34; } .Form__NavigationBar .btnNext.desert-primary-light:hover::after { background-color: #c14d34; } .Form__NavigationBar .FormSubmitButton { background-color: #145b7c; border: 2px solid #145b7c; padding-right: 36px; text-align: right; color: #fff; width: 50%; } .Form__NavigationBar .FormSubmitButton::after { content: ''; display: block; position: absolute; right: 8px; top: calc(50% + 2px); transform: translate(-50%, -50%); width: 12px; height: 12px; -webkit-mask-image: url('/svg/chevron-right.svg'); mask-image: url('/svg/chevron-right.svg'); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #fff; } .Form__NavigationBar .FormSubmitButton:hover { background-color: rgba(0, 0, 0, 0); color: #145b7c; } .Form__NavigationBar .FormSubmitButton:hover::after { background-color: #145b7c; } .Form__NavigationBar .btnPrev, .Form__NavigationBar .btnNext { width: 50%; border: 2px solid #145b7c; position: relative; } @media only screen and (min-width: 768px) { .Form__NavigationBar { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; box-shadow: unset; position: unset; bottom: unset; left: unset; right: unset; height: unset; width: unset; padding: unset; } .Form__NavigationBar .btnPrev { padding-left: 36px; padding-right: 100px; } .Form__NavigationBar .btnPrev::before { left: 22px; } .Form__NavigationBar .btnNext { padding-right: 36px; padding-left: 100px; margin-left: auto; } .Form__NavigationBar .btnNext::after { right: 8px; } .Form__NavigationBar .FormSubmitButton { width: auto; padding-right: 36px; padding-left: 100px; margin-right: 0; } .Form__NavigationBar .btnPrev, .Form__NavigationBar .btnNext { width: auto; } } .wysiwygblock.steps + .block.formcontainerblock > .hp-form-panel > div > .hp-container, .left-right-content .left-content .wysiwygblock.steps + .block.formcontainerblock > .right.hp-form-panel > div > .uk-grid, .wysiwygblock.steps + .block.formcontainerblock > .hp-form-panel > div > .hp-container > .hp-padding, .left-right-content .left-content .wysiwygblock.steps + .block.formcontainerblock > .right.hp-form-panel > div > .uk-grid > .hp-padding { padding-top: 0; } .uk-switch { position: relative; display: inline-block; width: 145px; height: 50px; } .uk-switch input { display: none; } .uk-switch-slider { background-color: rgba(0, 0, 0, 0.22); position: absolute; width: 115px; height: 34px; padding: 8px 16px; top: 50%; right: 0; transform: translateY(-50%); border-radius: 500px; bottom: 0; cursor: pointer; transition-property: background-color; transition-duration: 0.2s; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07); } .uk-switch-slider::before { content: ''; text-align: center; background-color: #c14d34; color: #fff; top: 50%; transform: translateY(-50%); left: 2px; position: absolute; padding: 11px 22px; border-radius: 24px; transition-property: transform, box-shadow; transition-duration: 0.2s; } .uk-switch-slider::after { content: ''; text-align: center; color: #4c4c4c; top: 50%; transform: translateY(-50%); right: 2px; position: absolute; padding: 11px 22px; border-radius: 24px; transition-property: transform, box-shadow; transition-duration: 0.2s; } input:checked + .uk-switch-slider:before { transform: translate(65px, -50%); } .uk-light .uk-switch-slider:not(.uk-switch-on-off) { background-color: rgba(255, 255, 255, 0.22); } .uk-switch-slider::before, .uk-switch-slider::after { content: 'List'; font-weight: 600; font-size: 14px; } @media screen and (min-width: 360px) { .uk-switch-slider::before, .uk-switch-slider::after { font-size: 14px; } } @media screen and (min-width: 768px) { .uk-switch-slider::before, .uk-switch-slider::after { font-size: 14px; } } @media screen and (min-width: 1280px) { .uk-switch-slider::before, .uk-switch-slider::after { font-size: 16px; } } @media screen and (min-width: 1440px) { .uk-switch-slider::before, .uk-switch-slider::after { font-size: 16px; } } .uk-switch-slider::before { content: 'List'; } .uk-switch-slider::after { content: 'Map'; } input:checked + .uk-switch-slider::before { content: 'Map'; } input:checked + .uk-switch-slider::after { content: 'List'; left: 2px; right: unset; } .pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding-top: 24px; } .pagination a { color: #c14d34; display: block; margin: 0 5px; } .pagination a.active { color: #00344f; } .pagination .prev, .pagination .next { font-weight: 400; position: relative; display: inline-flex; align-items: center; } .pagination .prev:after, .pagination .next:after { transition: all 0.3s ease; font-size: 1.7em; content: ''; -webkit-mask: url('/svg/arrow-right.svg') no-repeat center; mask: url('/svg/arrow-right.svg') no-repeat center; background-color: #c14d34; width: 28px; height: 16px; font-weight: 700; } .pagination .prev:after { transform: rotate(180deg); } .gm-style, .gm-style-iw-c { padding: 0; } .gm-ui-hover-effect { top: 5px !important; right: 5px !important; } .gm-ui-hover-effect img { width: 20px !important; height: 20px !important; } .gm-style-iw-c, .gm-style-iw-d { border-radius: 4px; padding: 0 !important; margin: 0 !important; overflow: unset !important; } .content a:focus, input:focus, select:focus, option:focus, optgroup:focus, textarea:focus, button:focus { outline: 2px dotted #00344f; } a:focus { text-decoration: underline !important; } footer a:focus { text-decoration: underline; } .input-text, .hp-main-nav-search input { transition: border-color 0.3s ease-in-out; display: block; box-sizing: border-box; border-radius: 4px; border: 2px solid #e4e4e4; font-family: 'Beausite', 'Arial', sans-serif; font-size: 16px; padding: 12px 12px 12px 48px; outline: none; color: #00344f; width: 100%; } .input-search-icon { position: absolute; top: 50%; left: 16px; transform: translateY(-50%); display: block; content: ''; width: 20px; height: 20px; background-image: url('/svg/icons/header/icon-search-v2.svg'); background-position: center center; background-size: contain; z-index: 997; } .input-search-field { position: relative; display: flex; border: 2px solid #145b7c; border-radius: 4px; background-color: rgba(0, 0, 0, 0); } .input-search-field:has(input:focus-visible) { outline: 2px dotted #00344f; } .input-search-field :focus { outline: none; } .input-search-field .icon { display: inline-block; width: 24px; height: 24px; background-color: #fff; -webkit-mask-image: url('/svg/icons/header/icon-search-v2.svg'); mask-image: url('/svg/icons/header/icon-search-v2.svg'); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-size: contain; mask-size: contain; pointer-events: none; } .input-search-field button { display: flex; justify-content: center; align-items: center; border: 0; background-color: #145b7c; width: 54px; cursor: pointer; } .input-search-field input[type='text'] { box-sizing: border-box; border: 0; flex-grow: 1; height: 40px; padding: 8px; } form aside { padding-bottom: 16px; } form .FormStep { display: flex; flex-direction: column; align-items: flex-start; align-content: flex-start; justify-content: flex-start; } form .FormStep__Title { display: none; } form section > div:not(.errormessageblock):not(.account-info), form section > #success > div:not(.errormessageblock):not(.account-info) { position: relative; padding-bottom: 24px; } form label, form legend { font-size: 16px; display: block; padding-bottom: 8px; color: #00344f; font-weight: 700; } @media screen and (min-width: 360px) { form label, form legend { font-size: 16px; } } @media screen and (min-width: 768px) { form label, form legend { font-size: 16px; } } @media screen and (min-width: 1280px) { form label, form legend { font-size: 18px; } } @media screen and (min-width: 1440px) { form label, form legend { font-size: 18px; } } form legend { width: 100%; max-width: 90%; } form fieldset { border: 0; margin: 0; padding: 0; } form h1, form h2, form h3 { color: #00344f; } form input::-webkit-outer-spin-button, form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } form input[type='reset'], form button.FormSubmitButton { padding: 14px 36px; } form button.FormSubmitButton { margin-left: 16px; } form input[type='number'] { -moz-appearance: textfield; } form input[type='password'], form input[type='text'], form input[type='number'], form input[type='url'], form textarea, form select { padding: 8px 16px; } form input[type='password'], form input[type='text'], form input[type='number'], form input[type='url'], form textarea, form select, form .hp-select-styled { position: relative; border: 2px solid #145b7c; box-sizing: border-box; border-radius: 4px; width: 100%; background-color: rgba(0, 0, 0, 0); } form input[type='password']:focus, form input[type='text']:focus, form input[type='number']:focus, form input[type='url']:focus, form textarea:focus, form select:focus, form .hp-select-styled:focus { border-color: #214187; color: #000; } form input[type='password']::-moz-placeholder, form input[type='text']::-moz-placeholder, form input[type='number']::-moz-placeholder, form input[type='url']::-moz-placeholder, form textarea::-moz-placeholder, form select::-moz-placeholder, form .hp-select-styled::-moz-placeholder { color: #4c4c4c; } form input[type='password']::placeholder, form input[type='text']::placeholder, form input[type='number']::placeholder, form input[type='url']::placeholder, form textarea::placeholder, form select::placeholder, form .hp-select-styled::placeholder { color: #4c4c4c; } form input[type='password'].Form__Element__ValidationError, form input[type='text'].Form__Element__ValidationError, form input[type='number'].Form__Element__ValidationError, form input[type='url'].Form__Element__ValidationError, form textarea.Form__Element__ValidationError { border-color: #7a0306; color: #7a0306; } form input[type='password'].Form__Element__ValidationError::-moz-placeholder, form input[type='text'].Form__Element__ValidationError::-moz-placeholder, form input[type='number'].Form__Element__ValidationError::-moz-placeholder, form input[type='url'].Form__Element__ValidationError::-moz-placeholder, form textarea.Form__Element__ValidationError::-moz-placeholder { color: #7a0306; } form input[type='password'].Form__Element__ValidationError::placeholder, form input[type='text'].Form__Element__ValidationError::placeholder, form input[type='number'].Form__Element__ValidationError::placeholder, form input[type='url'].Form__Element__ValidationError::placeholder, form textarea.Form__Element__ValidationError::placeholder { color: #7a0306; } form select.Form__Element__ValidationError + .hp-select-styled { border-color: #7a0306; color: #7a0306; } form select.Form__Element__ValidationError + .hp-select-styled::after { background-color: #7a0306; } form textarea { padding: 16px; } form ::-moz-placeholder { color: #145b7c; font-weight: 400; } form ::placeholder { color: #145b7c; font-weight: 400; } form .Form__Element__ValidationError, form .error { font-size: 14px; font-weight: 400; padding-top: 8px; color: #7a0306; } @media screen and (min-width: 360px) { form .Form__Element__ValidationError, form .error { font-size: 14px; } } @media screen and (min-width: 768px) { form .Form__Element__ValidationError, form .error { font-size: 14px; } } @media screen and (min-width: 1280px) { form .Form__Element__ValidationError, form .error { font-size: 16px; } } @media screen and (min-width: 1440px) { form .Form__Element__ValidationError, form .error { font-size: 16px; } } form .FormTextbox .hp-tooltip > label { max-width: 90%; } form .FormTextbox.tooltip, form .FormDate.tooltip, form .FormFileUpload.tooltip, form .FormSelection.tooltip, form .FormTextArea.tooltip, form .FormRange.tooltip, form .FormChoice--Image.tooltip, form .FormDatePicker.tooltip, form .FormDateTimeRange.tooltip, form .FormChoice.tooltip { display: flex; flex-direction: column; } form .FormTextbox.tooltip label, form .FormDate.tooltip label, form .FormFileUpload.tooltip label, form .FormSelection.tooltip label, form .FormTextArea.tooltip label, form .FormRange.tooltip label, form .FormChoice--Image.tooltip label, form .FormDatePicker.tooltip label, form .FormDateTimeRange.tooltip label, form .FormChoice.tooltip label { position: relative; z-index: 1; } form .FormTextbox.tooltip .tip, form .FormDate.tooltip .tip, form .FormFileUpload.tooltip .tip, form .FormSelection.tooltip .tip, form .FormTextArea.tooltip .tip, form .FormRange.tooltip .tip, form .FormChoice--Image.tooltip .tip, form .FormDatePicker.tooltip .tip, form .FormDateTimeRange.tooltip .tip, form .FormChoice.tooltip .tip { display: none; } form .FormTextbox .tooltip-icon, form .FormDate .tooltip-icon, form .FormFileUpload .tooltip-icon, form .FormSelection .tooltip-icon, form .FormTextArea .tooltip-icon, form .FormRange .tooltip-icon, form .FormChoice--Image .tooltip-icon, form .FormDatePicker .tooltip-icon, form .FormDateTimeRange .tooltip-icon, form .FormChoice .tooltip-icon { position: absolute; display: inline-block; top: 0; right: 8px; z-index: 3; width: 24px; height: 25px; padding-bottom: 5px; } form .FormTextbox .tooltip-icon.close, form .FormDate .tooltip-icon.close, form .FormFileUpload .tooltip-icon.close, form .FormSelection .tooltip-icon.close, form .FormTextArea .tooltip-icon.close, form .FormRange .tooltip-icon.close, form .FormChoice--Image .tooltip-icon.close, form .FormDatePicker .tooltip-icon.close, form .FormDateTimeRange .tooltip-icon.close, form .FormChoice .tooltip-icon.close { display: none; } form .FormTextbox .hp-tooltip__text, form .FormDate .hp-tooltip__text, form .FormFileUpload .hp-tooltip__text, form .FormSelection .hp-tooltip__text, form .FormTextArea .hp-tooltip__text, form .FormRange .hp-tooltip__text, form .FormChoice--Image .hp-tooltip__text, form .FormDatePicker .hp-tooltip__text, form .FormDateTimeRange .hp-tooltip__text, form .FormChoice .hp-tooltip__text { position: relative; display: block; width: 100%; height: 0; opacity: 0; visibility: hidden; box-sizing: border-box; background-color: #fff; border-radius: 3px; color: #00344f; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3); transition-timing-function: ease-in-out; transition-property: height, opacity; transition-duration: 0.3s; } form .FormTextbox .hp-tooltip__text.show, form .FormDate .hp-tooltip__text.show, form .FormFileUpload .hp-tooltip__text.show, form .FormSelection .hp-tooltip__text.show, form .FormTextArea .hp-tooltip__text.show, form .FormRange .hp-tooltip__text.show, form .FormChoice--Image .hp-tooltip__text.show, form .FormDatePicker .hp-tooltip__text.show, form .FormDateTimeRange .hp-tooltip__text.show, form .FormChoice .hp-tooltip__text.show { opacity: 1; padding: 16px; height: auto; visibility: visible; margin-bottom: 20px; } form .FormTextbox .hp-tooltip__text::before, form .FormDate .hp-tooltip__text::before, form .FormFileUpload .hp-tooltip__text::before, form .FormSelection .hp-tooltip__text::before, form .FormTextArea .hp-tooltip__text::before, form .FormRange .hp-tooltip__text::before, form .FormChoice--Image .hp-tooltip__text::before, form .FormDatePicker .hp-tooltip__text::before, form .FormDateTimeRange .hp-tooltip__text::before, form .FormChoice .hp-tooltip__text::before { position: absolute; display: block; top: 0; right: 8px; content: ''; width: 0; height: 0; border-width: 0 12px 10px 12px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0); border-style: solid; transform: translateY(-100%); } form .FormTextbox input[type='text']:focus, form .FormDate input[type='text']:focus, form .FormFileUpload input[type='text']:focus, form .FormSelection input[type='text']:focus, form .FormTextArea input[type='text']:focus, form .FormRange input[type='text']:focus, form .FormChoice--Image input[type='text']:focus, form .FormDatePicker input[type='text']:focus, form .FormDateTimeRange input[type='text']:focus, form .FormChoice input[type='text']:focus { outline: none; } form .FormTextbox input[type='text']:focus-visible, form .FormDate input[type='text']:focus-visible, form .FormFileUpload input[type='text']:focus-visible, form .FormSelection input[type='text']:focus-visible, form .FormTextArea input[type='text']:focus-visible, form .FormRange input[type='text']:focus-visible, form .FormChoice--Image input[type='text']:focus-visible, form .FormDatePicker input[type='text']:focus-visible, form .FormDateTimeRange input[type='text']:focus-visible, form .FormChoice input[type='text']:focus-visible { outline: 2px dotted #00344f; } form .hp-tooltip { position: relative; } form .hp-tooltip svg { cursor: pointer; width: 100%; } form .hp-tooltip svg > * { stroke: #00344f; fill: #00344f; } form .FormChoice--Image fieldset { display: flex; gap: 16px; flex-wrap: wrap; } form .FormChoice--Image fieldset legend { display: block; } form .FormChoice--Image fieldset .hp-image-select { box-sizing: border-box; cursor: pointer; text-align: center; background-color: #fff; padding: 16px; display: flex; flex-direction: column; justify-content: flex-start; border-radius: 4px; box-shadow: 0 4px 4px rgba(56, 26, 26, 0.25); height: 100%; } form .FormChoice--Image fieldset .hp-image-select > .hp-radio, form .FormChoice--Image fieldset .hp-image-select > .hp-checkbox { width: 0; height: 0; display: none; } form .FormChoice--Image fieldset .hp-tooltip { width: 100%; } form .FormChoice--Image fieldset .hp-tooltip__text + .options { width: 100%; display: inline-flex; flex-wrap: wrap; gap: 16px; } form .FormChoice--Image fieldset label { position: relative; width: 100%; display: block; } form .FormChoice--Image fieldset label input[type='radio'], form .FormChoice--Image fieldset label input[type='checkbox'] { opacity: 0 !important; position: absolute; left: 0; top: 0; } form .FormChoice--Image fieldset label input[type='checkbox']:focus-visible + .hp-image-select, form .FormChoice--Image fieldset label input[type='radio']:focus-visible + .hp-image-select { border: 2px dotted #00344f; } form .FormChoice--Image fieldset label input[type='checkbox']:checked + .hp-image-select, form .FormChoice--Image fieldset label input[type='radio']:checked + .hp-image-select { background-color: #125252; color: #fff; } form .FormChoice--Image fieldset label input[type='checkbox']:checked + .hp-image-select svg *, form .FormChoice--Image fieldset label input[type='radio']:checked + .hp-image-select svg * { stroke: #fff; } form .FormChoice--Image fieldset label svg { width: 48px; height: 48px; margin: 0 auto; } form .FormChoice--Image fieldset label svg * { fill: none; stroke: #00344f; } form .FormChoice--Image fieldset label img { max-width: 100px; margin: 0 auto; order: 1; } form .FormChoice--Image fieldset label span { padding-top: 8px; order: 2; width: 100%; font-size: 16px; font-weight: 700; } @media only screen and (min-width: 1280px) { form .FormChoice--Image fieldset label span { font-size: 18px; } } form .FormSelection .hp-select { cursor: pointer; position: relative; height: 44px; min-width: 200px; } form .FormSelection .hp-select-styled { padding: 8px 56px 8px 16px; cursor: pointer; position: relative; } form .FormSelection .hp-select-styled::after { content: ''; display: block; background-image: url('/svg/chevron-down.svg'); background-size: 16px 32px; background-position: center; background-repeat: no-repeat; background-color: #145b7c; pointer-events: none; position: absolute; width: 34px; height: 100%; right: 0; bottom: 0; } form .FormSelection .hp-select-options { display: none; position: absolute; top: calc(100% + 4px); right: 0; left: 0; z-index: 999; margin: 0; padding: 0; list-style: none; box-shadow: 0 4px 4px rgba(56, 26, 26, 0.25); } form .FormSelection .hp-select-options li { transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; background-color: #fff; color: #145b7c; margin: 0; padding: 8px 0; text-indent: 16px; border-top: 2px solid #fff; } form .FormSelection .hp-select-options li:hover { background-color: #145b7c; color: #fff; } form .FormSelection .hp-select-default { position: relative; } form .FormSelection .hp-select-default::after { content: ''; display: block; background-image: url('/svg/chevron-down.svg'); background-size: 16px 32px; background-position: center; background-repeat: no-repeat; background-color: #145b7c; border-radius: 0 4px 4px 0; pointer-events: none; position: absolute; width: 34px; height: 100%; right: 0; bottom: 0; } form .FormSelection .hp-select-default.active::after { transform: rotateX(180deg); } form .FormSelection .hp-select-default select { cursor: pointer; } form .FormSelection .hp-select-default select:focus { outline: none; } form .FormSelection .hp-select-default select:focus-visible { outline: 2px dotted #00344f; } form .FormChoice input[type='radio'], form .FormChoice input[type='checkbox'] { opacity: 0 !important; position: absolute; left: -30px; top: 50%; transform: translateY(-100%); } form .FormChoice label { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-start; font-size: 14px; position: relative; font-weight: 400; } @media screen and (min-width: 360px) { form .FormChoice label { font-size: 14px; } } @media screen and (min-width: 768px) { form .FormChoice label { font-size: 14px; } } @media screen and (min-width: 1280px) { form .FormChoice label { font-size: 16px; } } @media screen and (min-width: 1440px) { form .FormChoice label { font-size: 16px; } } form .FormChoice .hp-radio { position: relative; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #00344f; margin-right: 16px; } form .FormChoice .hp-radio::before { content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background-color: rgba(0, 0, 0, 0); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } form .FormChoice .hp-radio::after { content: ''; position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; border-radius: 50%; } form .FormChoice input[type='radio']:checked + .hp-radio::before { background-color: #00344f; } form .FormChoice .hp-checkbox { position: relative; width: 15px; height: 15px; border-radius: 4px; border: 2px solid #00344f; margin-right: 16px; flex-shrink: 0; cursor: pointer; } form .FormChoice .hp-checkbox::before { content: ''; display: none; width: 14px; height: 10px; background-color: rgba(0, 0, 0, 0); background-image: url('/svg/tick.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } form .FormChoice .hp-checkbox::after { content: ''; position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; border-radius: 4px; } @media only screen and (min-width: 1280px) { form .FormChoice .hp-checkbox { width: 32px; height: 32px; } form .FormChoice .hp-checkbox::before { content: ''; width: 24px; height: 20px; } } form .FormChoice input[type='checkbox']:focus-visible + .hp-checkbox:after, form .FormChoice input[type='radio']:focus-visible + .hp-radio:after { border: 2px dotted #00344f; } form .FormChoice input[type='checkbox']:checked + .hp-checkbox { background-color: #00344f; } form .FormChoice input[type='checkbox']:checked + .hp-checkbox::before { display: block; } form .FormRange { position: relative; } form .FormRange input[type='range'] { margin: 30px 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 20px; outline: none; background-color: #e4e4e4; background-image: linear-gradient(#125252, #125252); background-size: 0% 100%; background-repeat: no-repeat; } form .FormRange input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 40px; height: 40px; background-color: #125252; border: 7px solid #fff; border-radius: 50%; cursor: pointer; -webkit-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; } form .FormRange input[type='range']::-webkit-slider-thumb:hover { background-color: #176767; } form .FormRange input[type='range']:focus-visible { border: 2px dotted #00344f; } form .FormRange .hp-range { position: relative; } form .FormRange .hp-range-output { position: absolute; bottom: 72px; border-radius: 4px; background-color: #fff; padding: 8px 16px; font-weight: bold; color: #125252; z-index: 997; } form .FormRange .hp-range-output::after { content: ''; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } form .FormFileUpload input[type='file'] { box-sizing: border-box; padding: 16px; border: 2px solid #125252; border-radius: 4px; background-color: #fff; color: rgba(0, 0, 0, 0); width: 100%; } form .FormFileUpload input[type='file']::after { content: ''; width: 50px; height: 50px; -webkit-mask-image: url('/svg/components/form-panel/icon-upload.svg'); mask-image: url('/svg/components/form-panel/icon-upload.svg'); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #000; } form .FormFileUpload .hp-file { display: flex; flex-direction: column; align-items: stretch; align-content: flex-start; justify-content: flex-start; } form .FormFileUpload .hp-file.uploaded .hp-file__prompt .default-message { display: none; } form .FormFileUpload .hp-file.uploaded .hp-file__button { color: #fff; background-color: #125252; } form .FormFileUpload .hp-file.uploaded .hp-file__button svg path { stroke: #fff; } form .FormFileUpload .hp-file.uploaded .hp-file__button span { color: #fff; } form .FormFileUpload .hp-file.uploaded .hp-file__button .default { display: none; } form .FormFileUpload .hp-file.uploaded .hp-file__button .complete { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; } form .FormFileUpload .hp-file.uploaded .hp-file__list { display: block; } form .FormFileUpload .hp-file .hp-file__list { width: 100%; } form .FormFileUpload .hp-file__button { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, stroke 0.3s ease-in-out; cursor: pointer; padding: 16px 0; border: 2px solid #125252; border-radius: 4px; width: 100%; } form .FormFileUpload .hp-file__button svg { width: 48px; height: 48px; } form .FormFileUpload .hp-file__button svg path { fill: none; stroke: #125252; } form .FormFileUpload .hp-file__button span { color: #125252; font-size: 14px; font-weight: 600; } form .FormFileUpload .hp-file__button .complete { display: none; } form .FormFileUpload .hp-file__button .default { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; } form .FormFileUpload .hp-file__prompt { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; flex-grow: 1; background-color: #e3ded6; border-radius: 4px; padding: 16px; margin-top: 8px; } form .FormFileUpload .hp-file__prompt.uploaded { padding: 0; background-color: rgba(0, 0, 0, 0); display: flex; flex-direction: column; align-items: flex-start; align-content: flex-start; justify-content: flex-start; } form .FormFileUpload .hp-file__button:hover { background-color: #125252; text-decoration: none; } form .FormFileUpload .hp-file__button:hover span { color: #fff; } form .FormFileUpload .hp-file__button:hover svg path { stroke: #fff; } form .hp-file__uploaded-action { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; flex-shrink: 0; } form .hp-file__uploaded-action svg { width: 24px; height: 24px; margin-right: 8px; flex-shrink: 0; } form .hp-file__uploaded-action svg path { fill: none; stroke: #145b7c; } form .hp-file__uploaded-action span { cursor: pointer; font-weight: 500; } form .hp-file__list { display: none; } form .hp-file__uploaded { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; border: 2px solid #145b7c; border-radius: 4px; padding: 12px; margin-bottom: 8px; width: 100%; } form .hp-file__uploaded-name span { word-break: break-word; } form .Form__MainBody.row section { display: flex; flex-direction: column; align-items: flex-end; align-content: flex-end; justify-content: flex-end; } form .Form__MainBody.row section > div { width: 100%; } form .Form__MainBody.row section > div button { display: block; width: 100%; margin-left: 0; } @media only screen and (min-width: 768px) { form section > div:not(:last-child):not(.errormessageblock):not(.account-info), form section > #success > div:not(:last-child):not(.errormessageblock):not(.account-info) { padding-bottom: 16px; } form .FormChoice--Image fieldset { grid-template-columns: unset; grid-auto-rows: unset; display: inline-flex; width: 100%; } form .FormChoice--Image fieldset .hp-tooltip { width: 100%; } form .FormChoice--Image fieldset label { max-width: calc(50% - 8px); } form .FormFileUpload .hp-file { display: flex; flex-direction: row; align-items: stretch; align-content: flex-start; justify-content: flex-start; } form .FormFileUpload .hp-file__button { padding: 24px 0; margin: 0 16px 0 0; width: 100%; } form .FormFileUpload .hp-file__prompt { padding: 24px; min-height: 120px; margin-left: 16px; margin-top: 0; } form .Form__MainBody.row section { display: flex; flex-direction: row; align-items: flex-start; align-content: flex-start; justify-content: flex-start; } form .Form__MainBody.row section > div { width: auto; } form .Form__MainBody.row section > div:first-child { padding-right: 16px; } form .Form__MainBody.row section > div:not(:last-child) { flex-grow: 1; flex-basis: 0; } form .Form__MainBody.row section > div button { width: auto; margin: 34px 0 0 16px; } } @media only screen and (min-width: 1280px) { form section > div:not(:last-child):not(.errormessageblock):not(.account-info) { padding-bottom: 24px; } form .FormChoice--Image fieldset label { max-width: calc(20% - 16px); } } @media only screen and (min-width: 1440px) { form .FormChoice--Image fieldset .hp-tooltip__text + .options { flex-wrap: nowrap; } form .FormChoice--Image fieldset .hp-tooltip__text + .options label { max-width: none; } form .FormChoice--Image fieldset { flex-wrap: nowrap; } form .FormChoice--Image fieldset label { max-width: none; } } .hp-upload-modal .uk-modal-body { border: 2px solid #125252; border-radius: 4px; } .hp-upload-modal .hp-upload-modal__content { position: relative; text-align: center; } .hp-upload-modal .hp-upload-modal__content svg { width: 64px; height: 64px; margin-bottom: 16px; } .hp-upload-modal .hp-upload-modal__content svg path { fill: none; stroke: #125252; } .hp-upload-modal .hp-upload-modal__content a { min-width: 195px; } .hp-upload-modal .hp-upload-modal__content .hp-dropzone-confirmation { display: none; } .hp-upload-modal p { font-weight: 500; } .hp-upload-modal button svg { width: 20px; height: 20px; background-color: #fff; border: 1.75px solid #125252; border-radius: 50%; padding: 2px; } .hp-upload-modal button svg path, .hp-upload-modal button svg line { fill: none; stroke: #125252; stroke-width: 1.75; } .hp-upload-modal .uk-modal-body { padding: 0; } .hp-upload-modal .hp-form-dropzone { padding: 24px; } .hp-upload-modal .hp-dropzone-confirmation svg { display: none; } .hp-upload-modal .dropzone { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; border: none; } .hp-upload-modal .dropzone.dz-started + .hp-dropzone-confirmation { display: inline-block; } .hp-upload-modal .dropzone .dz-preview .dz-image { border-radius: 4px; } .hp-upload-modal .dz-files { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; width: 100%; } .hp-upload-modal .dz-files .dz-file-delete { color: #c14d34; } .hp-upload-modal .dz-files .dz-file-delete:hover { text-decoration: underline; } .hp-upload-modal .dz-file { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-start; border: 2px solid #00344f; border-radius: 4px; padding: 8px 16px; margin-bottom: 8px; width: 100%; } .hp-upload-modal .dz-file .dz-file-content { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } .hp-upload-modal .dz-file .dz-file-content label { padding: 0 16px; font-weight: 400; } .hp-upload-modal .dz-file .dz-file-action span { padding-left: 8px; } .hp-upload-modal .dz-file .dz-file-action svg { width: 24px; height: 24px; margin-bottom: 0; flex-shrink: 0; } .hp-upload-modal .dz-file .dz-file-icon { height: 24px; width: 24px; background-color: #00344f; -webkit-mask-image: url('/svg//components/form-panel/icon-file.svg'); mask-image: url('/svg//components/form-panel/icon-file.svg'); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; flex-shrink: 0; } .hp-upload-modal .dz-file .dz-file-icon.format-svg, .hp-upload-modal .dz-file .dz-file-icon.format-jpg, .hp-upload-modal .dz-file .dz-file-icon.format-png, .hp-upload-modal .dz-file .dz-file-icon.format-tiff { -webkit-mask-image: url('/svg//components/form-panel/icon-image.svg'); mask-image: url('/svg//components/form-panel/icon-image.svg'); } .hp-upload-modal .dz-file .dz-file-icon.format-pdf { -webkit-mask-image: url('/svg//components/form-panel/icon-pdf.svg'); mask-image: url('/svg//components/form-panel/icon-pdf.svg'); } .hp-upload-modal .dz-file .dz-file-icon.format-docx { -webkit-mask-image: url('/svg//components/form-panel/icon-word.svg'); mask-image: url('/svg//components/form-panel/icon-word.svg'); } .hp-upload-modal .dz-file .dz-file-icon.format-pptx { -webkit-mask-image: url('/svg//components/form-panel/icon-powerpoint.svg'); mask-image: url('/svg//components/form-panel/icon-powerpoint.svg'); } .hp-upload-modal .dz-file .dz-file-icon.format-xlsx { -webkit-mask-image: url('/svg//components/form-panel/icon-excel.svg'); mask-image: url('/svg//components/form-panel/icon-excel.svg'); } .hp-upload-modal .dz-file label { font-size: 16px; color: #000; padding-bottom: 0; } .hp-upload-modal .dz-file span { font-weight: 500; cursor: pointer; } .hp-upload-modal .dz-message { padding: 0; margin: 0; grid-column: 1 / span 3; grid-row: 1 / span 1; } .hp-upload-modal .dz-upload-action { display: none; margin-top: 16px; } @media only screen and (min-width: 768px) { .hp-upload-modal .dz-preview { margin: 16px; width: 120px; } } .FormActions { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-end; } .EPiServerForms .hide { display: none !important; } .EPiServerForms .Form__Warning__Message { border-color: #7a0306; color: #7a0306; } .EPiServerForms button:disabled { display: none; opacity: 0 !important; cursor: default !important; } .EPiServerForms .ValidationRequired > label::after, .EPiServerForms .ValidationRequired:not([class*='FormChoice']) .hp-tooltip > label::after { content: ' *'; } .EPiServerForms .ValidationFail > input[type='text'], .EPiServerForms .ValidationFail > input[type='number'], .EPiServerForms .ValidationFail > input[type='url'], .EPiServerForms .ValidationFail > textarea { border-color: #7a0306; color: #7a0306; } .EPiServerForms .ValidationFail > input[type='text']::-moz-placeholder, .EPiServerForms .ValidationFail > input[type='number']::-moz-placeholder, .EPiServerForms .ValidationFail > input[type='url']::-moz-placeholder, .EPiServerForms .ValidationFail > textarea::-moz-placeholder { color: #7a0306; } .EPiServerForms .ValidationFail > input[type='text']::placeholder, .EPiServerForms .ValidationFail > input[type='number']::placeholder, .EPiServerForms .ValidationFail > input[type='url']::placeholder, .EPiServerForms .ValidationFail > textarea::placeholder { color: #7a0306; } .EPiServerForms .ValidationFail > div.hp-select > select + .hp-select-styled { border-color: #7a0306; color: #7a0306; } .EPiServerForms .ValidationFail > div.hp-select > select + .hp-select-styled::after { background-color: #7a0306; } .EPiServerForms .ValidationFail .hp-checkbox, .EPiServerForms .ValidationFail .hp-radio { border-color: #7a0306; } .EPiServerForms .Form__Element .Form__Element__ValidationError { color: #7a0306; display: block; word-wrap: break-word; } .EPiServerForms .Form__Element .Form__Element__ValidationError.hidden { display: none; } .hp-form-panel section.hide { display: none; } .hp-form-panel section.last.hide + .Form__NavigationBar .FormSubmitButton { display: none !important; } .hp-form-panel .Form__NavigationBar .FormSubmitButton { display: block !important; } .hp-form-panel .Form__NavigationBar .FormSubmitButton:hover { background-color: rgba(0, 0, 0, 0) !important; border-color: #145b7c !important; } .hp-form-alert { background-color: #eba70e; position: fixed; top: 0; left: 0; right: 0; text-align: center; z-index: 9999; } .hp-form-alert .hp-container, .hp-form-alert .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-form-alert .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .hp-form-alert .uk-alert-danger { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; background-color: #eba70e; margin: 0; } .hp-form-alert .uk-alert-danger svg { width: 32px; height: 32px; } .hp-form-alert .uk-alert-danger p { padding-left: 16px; margin: 0; } .hp-form-alert .uk-alert-danger .uk-alert-close { top: 50%; transform: translateY(-50%); } .hp-form-alert .uk-alert-danger .uk-alert-close svg { width: 14px; height: 14px; color: #000; opacity: 1; } .font-body-large-semibold { font-family: inherit; font-size: 18px; font-style: normal; font-weight: 600; line-height: 22px; } @media only screen and (min-width: 1280px) { .font-body-large-semibold { font-size: 20px; font-weight: 600; line-height: 27px; } } .font-body-large-medium { font-family: inherit; font-size: 18px; font-style: normal; font-weight: 500; line-height: 22px; } .font-body-regular { font-family: inherit; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } @media only screen and (min-width: 1280px) { .font-body-regular { font-size: 16px; line-height: 24px; } } .font-body-large-regular { font-family: inherit; font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; } @media only screen and (min-width: 1280px) { .font-body-large-regular { font-size: 20px; line-height: 26px; } } .font-body-semibold { font-family: inherit; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .font-body-link { font-family: inherit; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; text-decoration: underline; } @media only screen and (min-width: 1280px) { .font-body-link { font-size: 20px; font-weight: 600; line-height: 30px; } } .font-h3-semibold, .webapp .account-accordion .uk-accordion-content-title { font-family: inherit; font-size: 20px; font-style: normal; font-weight: 600; line-height: 24px; } @media only screen and (min-width: 1280px) { .font-h3-semibold, .webapp .account-accordion .uk-accordion-content-title { font-size: 32px; font-weight: 600; line-height: 40px; } } .font-heading-4 { font-family: inherit; font-size: 18px; font-style: normal; font-weight: 600; line-height: 120%; } @media only screen and (min-width: 1280px) { .font-heading-4 { font-size: 24px; } } .switch { position: relative; display: block; width: 50px; height: 30px; padding: 0; } .switch input { display: none; } .switch .switch__slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #d4d7d0; transition: 0.4s; } .switch .switch__slider:before { position: absolute; content: ''; height: 30px; width: 30px; background-color: #fff; transition: 0.4s; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75); } .switch__checkbox:checked + .switch__slider { background-color: #c14d34; } .switch__checkbox:checked + .switch__slider:before { transform: translateX(20px); } .switch--round .switch__slider { border-radius: 34px; } .switch--round .switch__slider:before { border-radius: 50%; } .loader { background-color: #fff; position: fixed; z-index: 9999; width: 100vw; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease-in-out; -webkit-user-select: none; -moz-user-select: none; user-select: none; top: 0; left: 0; } .loader h1 { color: #00344f; } .chartjs-container { position: relative; } .chart-loader { width: 100%; height: 100%; background-color: #fff; position: absolute; } .uk-spinner { color: #00344f; } .webapp .account-info.theme-core-dark .hp-auth-graph-block h3.uk-accordion-title.hp-savings__title { background-color: #e9ecf3 !important; color: #000 !important; } .webapp .account-info.theme-core-dark .account-accordion .energy-costs-title { color: #00344f; } div.theme-core-dark h1, div.theme-core-dark h2, div.theme-core-dark h3, div.theme-core-dark h4, div.theme-core-dark h5, div.theme-core-dark h6 { color: #00344f; } div.theme-core-dark a { color: #c14d34; } div.theme-core-dark svg.svg-stroke * { stroke: #00344f; } div.theme-core-dark svg.svg-fill * { fill: #00344f; } div.theme-core-dark.hp-icon-panel.variation-cta { background-color: #eae6e0; } div.theme-core-dark.hp-icon-panel.variation-cta a.hp-icon-panel__link { transition: border 0.3s ease-in-out; background-color: #c14d34; border: 2px solid #c14d34; } div.theme-core-dark.hp-icon-panel.variation-cta a.hp-icon-panel__link span { color: #fff; } div.theme-core-dark.hp-icon-panel.variation-cta a.hp-icon-panel__link svg * { stroke: #fff; } div.theme-core-dark.hp-icon-panel.variation-cta a.hp-icon-panel__link:hover { border: 2px solid #7a0306; } div.theme-core-dark.hp-icon-panel.variation-card::after { background-color: #c14d34; } div.theme-core-dark.hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg { border-bottom: 1px solid #00344f; } div.theme-core-dark svg.svg-stroke.icon-colour-dark * { stroke: #00344f; } div.theme-core-dark svg.svg-stroke.icon-colour-sea * { stroke: #125252; } div.theme-core-dark svg.svg-stroke.icon-colour-desert * { stroke: #c14d34; } div.theme-core-dark svg.svg-stroke.icon-colour-sky * { stroke: #214187; } div.theme-core-dark svg.svg-fill.icon-colour-dark * { fill: #00344f; } div.theme-core-dark svg.svg-fill.icon-colour-sea * { fill: #125252; } div.theme-core-dark svg.svg-fill.icon-colour-desert * { fill: #c14d34; } div.theme-core-dark svg.svg-fill.icon-colour-sky * { fill: #214187; } div.theme-core-dark .hp-testimonial__content h3, div.theme-core-dark .hp-testimonial__content .h3 { color: #00344f; } div.theme-core-dark .hp-testimonial__content h4, div.theme-core-dark .hp-testimonial__content .h4 { color: #00344f; } div.theme-core-dark .hp-testimonial__content .hp-testimonial__author { border-color: #214187; } div.theme-core-dark .hp-testimonial__content .hp-testimonial__author span { color: #00344f; } div.theme-core-dark .hp-slider-controls button svg path, div.theme-core-dark.hp-slider-controls button svg path { fill: #00344f; } div.theme-core-dark .slick-dots li button { border-color: #00344f; } div.theme-core-dark .slick-dots li button::before { background-color: #00344f; } div.theme-core-dark.hp-promo-banner-panel { background-color: #fff; } div.theme-core-dark .hp-promo-banner-panel__tile { background-color: #fff; } div.theme-core-dark .hp-promo-banner-panel__heading a { color: #00344f; } div.theme-core-dark.variation-center .hp-promo-banner-panel__tile { background-color: rgba(0, 0, 0, 0); } div.theme-core-dark .slide-content__text p { color: #00344f; } div.theme-core-dark .slide .slide-background-image::before, div.theme-core-dark .slide .slide-video::before { background: linear-gradient(90deg, white 10%, rgba(0, 0, 0, 0) 90%); } div.theme-core-dark .slide.tint-light .slide-background-image::before, div.theme-core-dark .slide.tint-light .slide-video::before { background: linear-gradient(90deg, #00344f 10%, rgba(0, 0, 0, 0) 90%); } div.theme-core-dark .slide.tint-dark .slide-background-image::before, div.theme-core-dark .slide.tint-dark .slide-video::before { background: linear-gradient(90deg, white 10%, rgba(255, 255, 255, 0) 90%); } div.theme-core-dark .slide.tint-no-tint .slide-background-image::before, div.theme-core-dark .slide.tint-no-tint .slide-video::before { background: rgba(0, 0, 0, 0); } div.theme-core-dark .article-content-container .article-title a { color: #00344f; } div.theme-core-dark .article-content-container a.uk-link-arrow { color: #c14d34; } div.theme-core-dark .hp-image-carousel__content p { color: #00344f; } div.theme-core-dark .hp-image-carousel__card button { color: #00344f; } div.theme-core-dark .hp-image-carousel__cards span.uk-link-arrow { color: #00344f; } div.theme-core-dark .hp-image-carousel__cards span.uk-link-arrow::after { background-color: #00344f; } div.theme-core-dark .hp-image-carousel__card.core-dark h2, div.theme-core-dark .hp-image-carousel__card.core-dark h3, div.theme-core-dark .hp-image-carousel__card.core-dark h4, div.theme-core-dark .hp-image-carousel__card.core-dark span.uk-link-arrow { color: #00344f; } div.theme-core-dark .hp-image-carousel__card.core-dark span.uk-link-arrow::after { background-color: #00344f; } div.theme-core-dark .hp-image-carousel__card.tint-dark::before { background: linear-gradient(180deg, #00344f 10%, rgba(0, 0, 0, 0) 90%); } div.theme-core-dark .hp-image-carousel__card.core-light h2, div.theme-core-dark .hp-image-carousel__card.core-light h3, div.theme-core-dark .hp-image-carousel__card.core-light h4, div.theme-core-dark .hp-image-carousel__card.core-light span.uk-link-arrow { color: #fff; } div.theme-core-dark .hp-image-carousel__card.core-light span.uk-link-arrow::after { background-color: #fff; } div.theme-core-dark .hp-image-carousel__card.tint-light::before { background: linear-gradient(180deg, white 10%, rgba(0, 0, 0, 0) 90%); } div.theme-core-dark .hp-video-panel__video-svg svg path { stroke: #00344f; } div.theme-core-dark .hp-video-panel__video-svg:hover, div.theme-core-dark .hp-video-panel__video-svg:focus { outline: 2px dotted #fff; } div.theme-core-dark .hp-video-panel__video-svg:hover svg path, div.theme-core-dark .hp-video-panel__video-svg:focus svg path { stroke: #fff !important; } div.theme-core-dark > .hp-container > .uk-accordion > li, .left-right-content .left-content .right > div.theme-core-dark > .uk-grid > .uk-accordion > li, div.theme-core-dark .uk-accordion > li { background-color: #fff; } div.theme-core-dark .process-step__number { color: #c14d34; } div.theme-core-dark .process-step__heading { color: #00344f; } div.theme-core-dark .process-step__header svg > * { stroke: #c14d34; } div.theme-core-dark.icon-link .icon-link__block { color: #fff; } div.theme-core-dark.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg path, div.theme-core-dark.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg line, div.theme-core-dark.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg ellipse { stroke: #00344f; } div.theme-core-dark.icon-link .icon-link__block .icon-link__box .icon-link__container h2, div.theme-core-dark.icon-link .icon-link__block .icon-link__box .icon-link__container h3 { color: #00344f; } div.theme-core-dark.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .font-h3-semibold, div.theme-core-dark.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .webapp .account-accordion .uk-accordion-content-title, .webapp .account-accordion div.theme-core-dark.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .uk-accordion-content-title { color: #00344f; } div.theme-core-dark.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .icon-link__text-description { color: #000; } div.theme-core-dark.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link { color: #c14d34; } div.theme-core-dark.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a { color: inherit; } div.theme-core-dark.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a:hover { color: inherit; } div.theme-core-dark.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a:visited { color: inherit; } div.theme-core-dark.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__content button { color: #00344f; } div.theme-core-dark.icon-link.multi .icon-link__block h2:first-of-type { color: #00344f !important; } @media only screen and (min-width: 768px) { div.theme-core-dark.hp-promo-banner-panel { background-color: rgba(0, 0, 0, 0); } div.theme-core-dark .hp-promo-banner-panel__tile { box-shadow: unset; } } .background-pattern-core:before { opacity: 0.5; mix-blend-mode: overlay; background-image: url('/svg/patterns/core-pattern-top-left.svg'); background-size: 100%; background-position: top left; background-repeat: no-repeat; } .background-pattern-core:after { background-image: url('/svg/patterns/core-pattern-bottom-right.svg'); opacity: 0.5; mix-blend-mode: overlay; background-position: bottom right; background-size: 100%; background-repeat: no-repeat; } .background-pattern-core.edge-clip-top:after { background-position: bottom right; } @media only screen and (min-width: 768px) { .background-pattern-core:before { background-size: 60%; } .background-pattern-core:after { background-size: 60%; } } .webapp .account-info.theme-core-light .hp-auth-graph-block h3.uk-accordion-title.hp-savings__title { background-color: #f8f8f8 !important; color: #c14d34 !important; } .webapp .account-info.theme-core-light .account-accordion .energy-costs-title { color: #00344f; } div.theme-core-light h1, div.theme-core-light h2, div.theme-core-light h3, div.theme-core-light h4, div.theme-core-light h5, div.theme-core-light h6, div.theme-core-light p { color: #fff; } div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link { transition: border 0.3s ease-in-out; } div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link.button-core-light, div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link.button-core-desert, div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link.button-core-sea, div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link.button-core-sky { background-color: #eaebe7; border: 2px solid #eaebe7; } div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link.button-core-light span { color: #00344f; } div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link.button-core-light svg * { stroke: #00344f; } div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link.button-core-light:hover { border: 2px solid #00344f; } div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link.button-desert-light span { color: #7a0306; } div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link.button-desert-light svg * { stroke: #7a0306; } div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link.button-desert-light:hover { border: 2px solid #7a0306; } div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link.button-sea-light span { color: #125252; } div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link.button-sea-light svg * { stroke: #125252; } div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link.button-sea-light:hover { border: 2px solid #125252; } div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link.button-sky-light span { color: #214187; } div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link.button-sky-light svg * { stroke: #214187; } div.theme-core-light.hp-icon-panel.variation-cta a.hp-icon-panel__link.button-sky-light:hover { border: 2px solid #214187; } div.theme-core-light.hp-icon-panel.variation-feature .hp-icon-panel__link h1, div.theme-core-light.hp-icon-panel.variation-feature .hp-icon-panel__link h2, div.theme-core-light.hp-icon-panel.variation-feature .hp-icon-panel__link h3, div.theme-core-light.hp-icon-panel.variation-feature .hp-icon-panel__link h4, div.theme-core-light.hp-icon-panel.variation-feature .hp-icon-panel__link h5, div.theme-core-light.hp-icon-panel.variation-feature .hp-icon-panel__link h6, div.theme-core-light.hp-icon-panel.variation-feature .hp-icon-panel__link p { color: #00344f; } div.theme-core-light.hp-hero-banner { background-color: #00344f; } div.theme-core-light.hp-promo-banner-panel { background-color: #00344f; } div.theme-core-light .hp-promo-banner-panel__tile { color: #fff; background-color: #00344f; } div.theme-core-light .hp-video-panel__video-svg svg path { stroke: #fff; } div.theme-core-light .hp-video-panel__video-svg:hover svg path { stroke: #00344f; } div.theme-core-light .slide .slide-background-image::before, div.theme-core-light .slide .slide-video::before { background: linear-gradient(90deg, #00344f 10%, rgba(0, 0, 0, 0) 90%); } div.theme-core-light .slide.tint-light .slide-background-image::before, div.theme-core-light .slide.tint-light .slide-video::before { background: linear-gradient(90deg, #00344f 10%, rgba(0, 0, 0, 0) 90%); } div.theme-core-light .slide.tint-dark .slide-background-image::before, div.theme-core-light .slide.tint-dark .slide-video::before { background: linear-gradient(90deg, white 10%, rgba(255, 255, 255, 0) 90%); } div.theme-core-light .slide.tint-no-tint .slide-background-image::before, div.theme-core-light .slide.tint-no-tint .slide-video::before { background: rgba(0, 0, 0, 0); } div.theme-core-light .slide-content__box { background-color: #00344f; } div.theme-core-light .hp-slider-controls button svg path, div.theme-core-light.hp-slider-controls button svg path { fill: #fff; } div.theme-core-light .slick-dots li button { border-color: #fff; } div.theme-core-light .slick-dots li button::before { background-color: #fff; } div.theme-core-light .hp-image-carousel__card.core-dark h2, div.theme-core-light .hp-image-carousel__card.core-dark h3, div.theme-core-light .hp-image-carousel__card.core-dark h4, div.theme-core-light .hp-image-carousel__card.core-dark span.uk-link-arrow { color: #00344f; } div.theme-core-light .hp-image-carousel__card.core-dark span.uk-link-arrow::after { background-color: #00344f; } div.theme-core-light .hp-image-carousel__card.tint-dark::before { background: linear-gradient(180deg, #00344f 10%, rgba(0, 0, 0, 0) 90%); } div.theme-core-light .hp-image-carousel__card.core-light h2, div.theme-core-light .hp-image-carousel__card.core-light h3, div.theme-core-light .hp-image-carousel__card.core-light h4, div.theme-core-light .hp-image-carousel__card.core-light span.uk-link-arrow { color: #fff; } div.theme-core-light .hp-image-carousel__card.core-light span.uk-link-arrow::after { background-color: #fff; } div.theme-core-light .hp-image-carousel__card.tint-light::before { background: linear-gradient(180deg, white 10%, rgba(0, 0, 0, 0) 90%); } div.theme-core-light.icon-link .icon-link__block { color: #fff; } div.theme-core-light.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg path, div.theme-core-light.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg line, div.theme-core-light.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg ellipse { stroke: #fff; } div.theme-core-light.icon-link .icon-link__block .icon-link__box .icon-link__container h2, div.theme-core-light.icon-link .icon-link__block .icon-link__box .icon-link__container h3 { color: #fff; } div.theme-core-light.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .font-h3-semibold, div.theme-core-light.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .webapp .account-accordion .uk-accordion-content-title, .webapp .account-accordion div.theme-core-light.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .uk-accordion-content-title { color: #fff; } div.theme-core-light.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .icon-link__text-description { color: #fff; } div.theme-core-light.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link { color: #fff; } div.theme-core-light.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a { color: inherit; } div.theme-core-light.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a:hover { color: inherit; } div.theme-core-light.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a:visited { color: inherit; } div.theme-core-light.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__content button { color: #fff; } div.theme-core-light.icon-link.multi .icon-link__block .icon-link__block__title-description { color: #fff; } div.theme-core-light.icon-link.multi .icon-link__block h2:first-of-type { color: #fff !important; } @media only screen and (min-width: 768px) { div.theme-core-light.hp-promo-banner-panel { background-color: rgba(0, 0, 0, 0); } div.theme-core-light .hp-promo-banner-panel__tile { background-color: rgba(0, 0, 0, 0); } div.theme-core-light .slide-content__box { background-color: rgba(0, 0, 0, 0); } } .webapp .account-info.theme-sea .hp-auth-graph-block h3.uk-accordion-title.hp-savings__title { background-color: #cce3e5 !important; color: #000 !important; } .webapp .account-info.theme-sea .account-accordion .energy-costs-title { color: #00757d; } div.theme-sea h1, div.theme-sea h2, div.theme-sea h3, div.theme-sea h4, div.theme-sea h5, div.theme-sea h6 { color: #125252; } div.theme-sea svg.svg-stroke * { stroke: #125252; } div.theme-sea svg.svg-fill * { fill: #125252; } div.theme-sea.hp-icon-panel.variation-cta { background-color: #125252; } div.theme-sea.hp-icon-panel.variation-cta .icon-content { color: #fff; } div.theme-sea.hp-icon-panel.variation-cta .icon-content * { color: #fff; } div.theme-sea.hp-icon-panel.variation-cta a.hp-icon-panel__link { transition: border 0.3s ease-in-out; background-color: #eaebe7; border: 2px solid #eaebe7; } div.theme-sea.hp-icon-panel.variation-cta a.hp-icon-panel__link span { color: #125252; } div.theme-sea.hp-icon-panel.variation-cta a.hp-icon-panel__link svg * { stroke: #125252; } div.theme-sea.hp-icon-panel.variation-cta a.hp-icon-panel__link:hover { border: 2px solid #125252; } div.theme-sea.hp-icon-panel.variation-card::after { background-color: #55848a; } div.theme-sea.hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg { border-bottom: 1px solid #00757d; } div.theme-sea svg.svg-stroke.icon-colour-dark * { stroke: #00344f; } div.theme-sea svg.svg-stroke.icon-colour-sea * { stroke: #125252; } div.theme-sea svg.svg-stroke.icon-colour-desert * { stroke: #c14d34; } div.theme-sea svg.svg-stroke.icon-colour-sky * { stroke: #214187; } div.theme-sea svg.svg-fill.icon-colour-dark * { fill: #00344f; } div.theme-sea svg.svg-fill.icon-colour-sea * { fill: #125252; } div.theme-sea svg.svg-fill.icon-colour-desert * { fill: #c14d34; } div.theme-sea svg.svg-fill.icon-colour-sky * { fill: #214187; } div.theme-sea .hp-testimonial__content h3, div.theme-sea .hp-testimonial__content .h3 { color: #125252; } div.theme-sea .hp-testimonial__content h4, div.theme-sea .hp-testimonial__content .h4 { color: #125252; } div.theme-sea .hp-testimonial__content .hp-testimonial__author { border-color: #83a6a8; } div.theme-sea .hp-testimonial__content .hp-testimonial__author span { color: #125252; } div.theme-sea .hp-slider-controls button svg path, div.theme-sea.hp-slider-controls button svg path { fill: #125252; } div.theme-sea .slick-dots li button { border-color: #125252; } div.theme-sea .slick-dots li button::before { background-color: #125252; } div.theme-sea.hp-promo-banner-panel { background-color: #d4d7d0; } div.theme-sea .hp-promo-banner-panel__tile { background-color: #d4d7d0; } div.theme-sea .hp-promo-banner-panel__heading a { color: #125252; } div.theme-sea .uk-link-arrow { color: #125252; } div.theme-sea .uk-link-arrow:after { background-color: #125252; } div.theme-sea .uk-slider-arrow.uk-slider-next, div.theme-sea .uk-slider-arrow.uk-slider-previous { background-color: #125252; } div.theme-sea .hp-news-social-panel__featured-content .uk-button, div.theme-sea .hp-news-social-panel__featured-content .FormButton, div.theme-sea .hp-news-social-panel__featured-content .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-sea .hp-news-social-panel__featured-content .btnPrev, div.theme-sea .hp-news-social-panel__featured-content .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-sea .hp-news-social-panel__featured-content .btnNext, div.theme-sea .hp-news-social-panel__featured-content form input[type='reset'], form div.theme-sea .hp-news-social-panel__featured-content input[type='reset'], div.theme-sea .hp-news-social-panel__featured-content form button.FormSubmitButton, form div.theme-sea .hp-news-social-panel__featured-content button.FormSubmitButton { color: #125252; } div.theme-sea .hp-news-social-panel__featured-content .uk-button:active, div.theme-sea .hp-news-social-panel__featured-content .FormButton:active, div.theme-sea .hp-news-social-panel__featured-content .Form__NavigationBar .btnPrev:active, .Form__NavigationBar div.theme-sea .hp-news-social-panel__featured-content .btnPrev:active, div.theme-sea .hp-news-social-panel__featured-content .Form__NavigationBar .btnNext:active, .Form__NavigationBar div.theme-sea .hp-news-social-panel__featured-content .btnNext:active, div.theme-sea .hp-news-social-panel__featured-content form input[type='reset']:active, form div.theme-sea .hp-news-social-panel__featured-content input[type='reset']:active, div.theme-sea .hp-news-social-panel__featured-content form button.FormSubmitButton:active, form div.theme-sea .hp-news-social-panel__featured-content button.FormSubmitButton:active, div.theme-sea .hp-news-social-panel__featured-content .uk-button:focus, div.theme-sea .hp-news-social-panel__featured-content .FormButton:focus, div.theme-sea .hp-news-social-panel__featured-content .Form__NavigationBar .btnPrev:focus, .Form__NavigationBar div.theme-sea .hp-news-social-panel__featured-content .btnPrev:focus, div.theme-sea .hp-news-social-panel__featured-content .Form__NavigationBar .btnNext:focus, .Form__NavigationBar div.theme-sea .hp-news-social-panel__featured-content .btnNext:focus, div.theme-sea .hp-news-social-panel__featured-content form input[type='reset']:focus, form div.theme-sea .hp-news-social-panel__featured-content input[type='reset']:focus, div.theme-sea .hp-news-social-panel__featured-content form button.FormSubmitButton:focus, form div.theme-sea .hp-news-social-panel__featured-content button.FormSubmitButton:focus, div.theme-sea .hp-news-social-panel__featured-content .uk-button:hover, div.theme-sea .hp-news-social-panel__featured-content .FormButton:hover, div.theme-sea .hp-news-social-panel__featured-content .Form__NavigationBar .btnPrev:hover, .Form__NavigationBar div.theme-sea .hp-news-social-panel__featured-content .btnPrev:hover, div.theme-sea .hp-news-social-panel__featured-content .Form__NavigationBar .btnNext:hover, .Form__NavigationBar div.theme-sea .hp-news-social-panel__featured-content .btnNext:hover, div.theme-sea .hp-news-social-panel__featured-content form input[type='reset']:hover, form div.theme-sea .hp-news-social-panel__featured-content input[type='reset']:hover, div.theme-sea .hp-news-social-panel__featured-content form button.FormSubmitButton:hover, form div.theme-sea .hp-news-social-panel__featured-content button.FormSubmitButton:hover { background-color: #8ecdc7; border-color: #125252; color: #125252; } div.theme-sea .hp-news-social-panel__button .uk-button, div.theme-sea .hp-news-social-panel__button .FormButton, div.theme-sea .hp-news-social-panel__button .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-sea .hp-news-social-panel__button .btnPrev, div.theme-sea .hp-news-social-panel__button .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-sea .hp-news-social-panel__button .btnNext, div.theme-sea .hp-news-social-panel__button form input[type='reset'], form div.theme-sea .hp-news-social-panel__button input[type='reset'], div.theme-sea .hp-news-social-panel__button form button.FormSubmitButton, form div.theme-sea .hp-news-social-panel__button button.FormSubmitButton { color: #fff; } div.theme-sea .hp-news-social-panel__button .uk-button:active, div.theme-sea .hp-news-social-panel__button .FormButton:active, div.theme-sea .hp-news-social-panel__button .Form__NavigationBar .btnPrev:active, .Form__NavigationBar div.theme-sea .hp-news-social-panel__button .btnPrev:active, div.theme-sea .hp-news-social-panel__button .Form__NavigationBar .btnNext:active, .Form__NavigationBar div.theme-sea .hp-news-social-panel__button .btnNext:active, div.theme-sea .hp-news-social-panel__button form input[type='reset']:active, form div.theme-sea .hp-news-social-panel__button input[type='reset']:active, div.theme-sea .hp-news-social-panel__button form button.FormSubmitButton:active, form div.theme-sea .hp-news-social-panel__button button.FormSubmitButton:active, div.theme-sea .hp-news-social-panel__button .uk-button:focus, div.theme-sea .hp-news-social-panel__button .FormButton:focus, div.theme-sea .hp-news-social-panel__button .Form__NavigationBar .btnPrev:focus, .Form__NavigationBar div.theme-sea .hp-news-social-panel__button .btnPrev:focus, div.theme-sea .hp-news-social-panel__button .Form__NavigationBar .btnNext:focus, .Form__NavigationBar div.theme-sea .hp-news-social-panel__button .btnNext:focus, div.theme-sea .hp-news-social-panel__button form input[type='reset']:focus, form div.theme-sea .hp-news-social-panel__button input[type='reset']:focus, div.theme-sea .hp-news-social-panel__button form button.FormSubmitButton:focus, form div.theme-sea .hp-news-social-panel__button button.FormSubmitButton:focus, div.theme-sea .hp-news-social-panel__button .uk-button:hover, div.theme-sea .hp-news-social-panel__button .FormButton:hover, div.theme-sea .hp-news-social-panel__button .Form__NavigationBar .btnPrev:hover, .Form__NavigationBar div.theme-sea .hp-news-social-panel__button .btnPrev:hover, div.theme-sea .hp-news-social-panel__button .Form__NavigationBar .btnNext:hover, .Form__NavigationBar div.theme-sea .hp-news-social-panel__button .btnNext:hover, div.theme-sea .hp-news-social-panel__button form input[type='reset']:hover, form div.theme-sea .hp-news-social-panel__button input[type='reset']:hover, div.theme-sea .hp-news-social-panel__button form button.FormSubmitButton:hover, form div.theme-sea .hp-news-social-panel__button button.FormSubmitButton:hover { background-color: #125252; border-color: #8ecdc7; color: #fff; } div.theme-sea .hp-news-social-panel__featured-texture { background-image: url('/svg/textures/rectangle-teal-texture.svg'); } div.theme-sea .hp-product-card__title { background-color: #99c8cb; } div.theme-sea .hp-product-card__details { background-color: #00757d; } div.theme-sea .hp-product-card__details span, div.theme-sea .hp-product-card__details h2, div.theme-sea .hp-product-card__details p { color: #fff; } div.theme-sea .hp-product-card__price h3, div.theme-sea .hp-product-card__features h3 { color: #00757d; } div.theme-sea .hp-product-card__features ul li svg { position: relative; } div.theme-sea .hp-product-card__features .hp-product-card__features-icon { border: 2px solid #00757d; } div.theme-sea .hp-product-card__features ul li svg > *, div.theme-sea .hp-product-card__accordion-list svg > * { stroke: #00757d; } div.theme-sea .hp-product-card__accordion ul li { background-color: #cce3e5; border-top: 2px solid #125252; } div.theme-sea.texture .hp-product-card__content .hp-product-card__details { background-image: url('/img/components/product-card-panel/sea-product-card-texture.jpg'); } div.theme-sea .hp-product-card__price-tooltip { background-color: #cce3e5; } div.theme-sea .hp-product-card__price-tooltip span { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #cce3e5 rgba(0, 0, 0, 0); } div.theme-sea .hp-product-card__hr { border-color: #125252; } div.theme-sea .hp-product-card__accordion.primary li { background-color: #66acb1; } div.theme-sea.icon-link .icon-link__block { color: #fff; } div.theme-sea.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg path, div.theme-sea.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg line, div.theme-sea.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg ellipse { stroke: #125252; } div.theme-sea.icon-link .icon-link__block .icon-link__box .icon-link__container h2, div.theme-sea.icon-link .icon-link__block .icon-link__box .icon-link__container h3 { color: #125252; } div.theme-sea.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .font-h3-semibold, div.theme-sea.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .webapp .account-accordion .uk-accordion-content-title, .webapp .account-accordion div.theme-sea.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .uk-accordion-content-title { color: #125252; } div.theme-sea.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .icon-link__text-description { color: #000; } div.theme-sea.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link { color: #c14d34; } div.theme-sea.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a { color: inherit; } div.theme-sea.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a:hover { color: inherit; } div.theme-sea.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a:visited { color: inherit; } div.theme-sea.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__content button { color: #125252; } div.theme-sea.icon-link.multi .icon-link__block h2:first-of-type { color: #125252 !important; } @media only screen and (min-width: 768px) { div.theme-sea.hp-promo-banner-panel { background-color: rgba(0, 0, 0, 0); } } .background-pattern-sea:before { opacity: 0.5; mix-blend-mode: overlay; background-repeat: repeat-x; background-size: 50%; background-image: url('/svg/patterns/sea-pattern.svg'); background-position: bottom; width: 100%; } div.theme-sandstone a { color: #c14d34; } div.theme-sandstone.hp-accordion-panel h2.hp-accordion-title, div.theme-sandstone.hp-accordion-panel h2.hp-tab-title, div.theme-sandstone.hp-tab-container-panel h2.hp-accordion-title, div.theme-sandstone.hp-tab-container-panel h2.hp-tab-title { color: #00344f; } div.theme-sandstone > .hp-container > .uk-accordion > li, .left-right-content .left-content .right > div.theme-sandstone > .uk-grid > .uk-accordion > li, div.theme-sandstone .uk-accordion > li { background-color: #eae6e0; } div.theme-sandstone .uk-accordion > li { background-color: #eae6e0; } div.theme-sandstone .uk-accordion-content li { background-color: rgba(0, 0, 0, 0); box-shadow: none; } div.theme-sandstone .uk-accordion .uk-open { background-color: #fff; } div.theme-sandstone .uk-accordion > :nth-child(n + 2) { margin-top: 24px; } div.theme-sandstone.icon-link .icon-link__block { color: #fff; } div.theme-sandstone.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg path, div.theme-sandstone.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg line, div.theme-sandstone.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg ellipse { stroke: #365938; } div.theme-sandstone.icon-link .icon-link__block .icon-link__box .icon-link__container h2, div.theme-sandstone.icon-link .icon-link__block .icon-link__box .icon-link__container h3 { color: #365938; } div.theme-sandstone.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .font-h3-semibold, div.theme-sandstone.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .webapp .account-accordion .uk-accordion-content-title, .webapp .account-accordion div.theme-sandstone.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .uk-accordion-content-title { color: #365938; } div.theme-sandstone.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .icon-link__text-description { color: #000; } div.theme-sandstone.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link { color: #c14d34; } div.theme-sandstone.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a { color: inherit; } div.theme-sandstone.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a:hover { color: inherit; } div.theme-sandstone.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a:visited { color: inherit; } div.theme-sandstone.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__content button { color: #365938; } div.theme-sandstone.icon-link.multi .icon-link__block h2:first-of-type { color: #365938 !important; } .webapp .account-info.theme-core-dark .hp-auth-graph-block h3.uk-accordion-title.hp-savings__title { background-color: #d0dee5 !important; color: #00344f !important; } .webapp .account-info.theme-core-dark .hp-auth-graph-block h3.uk-accordion-title.hp-savings__title span { color: #c14d34; } .webapp .account-info.theme-core-dark .account-accordion .energy-costs-title { color: #c14d34; } .webapp .account-info.theme-desert .hp-auth-graph-block h3.uk-accordion-title.hp-savings__title { background-color: #f3dbd6 !important; color: #000 !important; } .webapp .account-info.theme-desert .account-accordion .energy-costs-title { color: #c14d34; } div.theme-desert h1, div.theme-desert h2, div.theme-desert h3, div.theme-desert h4, div.theme-desert h5, div.theme-desert h6 { color: #7a0306; } div.theme-desert svg.svg-stroke * { stroke: #c14d34; } div.theme-desert svg.svg-fill * { fill: #c14d34; } div.theme-desert.hp-icon-panel.variation-cta svg.svg-stroke *, div.theme-desert.hp-icon-panel.variation-feature svg.svg-stroke *, div.theme-desert.hp-icon-panel.variation-card svg.svg-stroke * { stroke: #7a0306; } div.theme-desert.hp-icon-panel.variation-cta svg.svg-fill *, div.theme-desert.hp-icon-panel.variation-feature svg.svg-fill *, div.theme-desert.hp-icon-panel.variation-card svg.svg-fill * { fill: #7a0306; } div.theme-desert.hp-icon-panel.variation-cta { background-color: #7a0306 !important; } div.theme-desert.hp-icon-panel.variation-cta .icon-content { color: #fff; } div.theme-desert.hp-icon-panel.variation-cta .icon-content * { color: #fff; } div.theme-desert.hp-icon-panel.variation-cta a.hp-icon-panel__link { transition: border 0.3s ease-in-out; background-color: #eaebe7; border: 2px solid #eaebe7; } div.theme-desert.hp-icon-panel.variation-cta a.hp-icon-panel__link span { color: #7a0306; } div.theme-desert.hp-icon-panel.variation-cta a.hp-icon-panel__link svg * { stroke: #7a0306; } div.theme-desert.hp-icon-panel.variation-cta a.hp-icon-panel__link:hover { border: 2px solid #7a0306; } div.theme-desert.hp-icon-panel.variation-card::after { background-color: #c14d34; } div.theme-desert.hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg { border-bottom: 1px solid #7a0306; } div.theme-desert svg.svg-stroke.icon-colour-dark * { stroke: #00344f; } div.theme-desert svg.svg-stroke.icon-colour-sea * { stroke: #125252; } div.theme-desert svg.svg-stroke.icon-colour-desert * { stroke: #c14d34; } div.theme-desert svg.svg-stroke.icon-colour-sky * { stroke: #214187; } div.theme-desert svg.svg-fill.icon-colour-dark * { fill: #00344f; } div.theme-desert svg.svg-fill.icon-colour-sea * { fill: #125252; } div.theme-desert svg.svg-fill.icon-colour-desert * { fill: #c14d34; } div.theme-desert svg.svg-fill.icon-colour-sky * { fill: #214187; } div.theme-desert .hp-testimonial__content h3, div.theme-desert .hp-testimonial__content .h3 { color: #7a0306; } div.theme-desert .hp-testimonial__content h4, div.theme-desert .hp-testimonial__content .h4 { color: #7a0306; } div.theme-desert .hp-testimonial__content .hp-testimonial__author { border-color: #c14d34; } div.theme-desert .hp-testimonial__content .hp-testimonial__author span { color: #7a0306; } div.theme-desert .hp-slider-controls button svg path, div.theme-desert.hp-slider-controls button svg path { fill: #7a0306; } div.theme-desert .slick-dots li button { border-color: #7a0306; } div.theme-desert .slick-dots li button::before { background-color: #7a0306; } div.theme-desert.hp-promo-banner-panel { background-color: #e3ded6; } div.theme-desert .hp-promo-banner-panel__tile { background-color: #e3ded6; } div.theme-desert .hp-promo-banner-panel__heading a { color: #7a0306; } div.theme-desert .uk-link-arrow { color: #7a0306; } div.theme-desert .uk-link-arrow:after { background-color: #7a0306; } div.theme-desert .uk-slider-arrow.uk-slider-next, div.theme-desert .uk-slider-arrow.uk-slider-previous { background-color: #7a0306; } div.theme-desert .hp-news-social-panel__featured-text .uk-button, div.theme-desert .hp-news-social-panel__featured-text .FormButton, div.theme-desert .hp-news-social-panel__featured-text .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-desert .hp-news-social-panel__featured-text .btnPrev, div.theme-desert .hp-news-social-panel__featured-text .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-desert .hp-news-social-panel__featured-text .btnNext, div.theme-desert .hp-news-social-panel__featured-text form input[type='reset'], form div.theme-desert .hp-news-social-panel__featured-text input[type='reset'], div.theme-desert .hp-news-social-panel__featured-text form button.FormSubmitButton, form div.theme-desert .hp-news-social-panel__featured-text button.FormSubmitButton { color: #fff; } div.theme-desert .hp-news-social-panel__featured-text .uk-button:active, div.theme-desert .hp-news-social-panel__featured-text .FormButton:active, div.theme-desert .hp-news-social-panel__featured-text .Form__NavigationBar .btnPrev:active, .Form__NavigationBar div.theme-desert .hp-news-social-panel__featured-text .btnPrev:active, div.theme-desert .hp-news-social-panel__featured-text .Form__NavigationBar .btnNext:active, .Form__NavigationBar div.theme-desert .hp-news-social-panel__featured-text .btnNext:active, div.theme-desert .hp-news-social-panel__featured-text form input[type='reset']:active, form div.theme-desert .hp-news-social-panel__featured-text input[type='reset']:active, div.theme-desert .hp-news-social-panel__featured-text form button.FormSubmitButton:active, form div.theme-desert .hp-news-social-panel__featured-text button.FormSubmitButton:active, div.theme-desert .hp-news-social-panel__featured-text .uk-button:focus, div.theme-desert .hp-news-social-panel__featured-text .FormButton:focus, div.theme-desert .hp-news-social-panel__featured-text .Form__NavigationBar .btnPrev:focus, .Form__NavigationBar div.theme-desert .hp-news-social-panel__featured-text .btnPrev:focus, div.theme-desert .hp-news-social-panel__featured-text .Form__NavigationBar .btnNext:focus, .Form__NavigationBar div.theme-desert .hp-news-social-panel__featured-text .btnNext:focus, div.theme-desert .hp-news-social-panel__featured-text form input[type='reset']:focus, form div.theme-desert .hp-news-social-panel__featured-text input[type='reset']:focus, div.theme-desert .hp-news-social-panel__featured-text form button.FormSubmitButton:focus, form div.theme-desert .hp-news-social-panel__featured-text button.FormSubmitButton:focus, div.theme-desert .hp-news-social-panel__featured-text .uk-button:hover, div.theme-desert .hp-news-social-panel__featured-text .FormButton:hover, div.theme-desert .hp-news-social-panel__featured-text .Form__NavigationBar .btnPrev:hover, .Form__NavigationBar div.theme-desert .hp-news-social-panel__featured-text .btnPrev:hover, div.theme-desert .hp-news-social-panel__featured-text .Form__NavigationBar .btnNext:hover, .Form__NavigationBar div.theme-desert .hp-news-social-panel__featured-text .btnNext:hover, div.theme-desert .hp-news-social-panel__featured-text form input[type='reset']:hover, form div.theme-desert .hp-news-social-panel__featured-text input[type='reset']:hover, div.theme-desert .hp-news-social-panel__featured-text form button.FormSubmitButton:hover, form div.theme-desert .hp-news-social-panel__featured-text button.FormSubmitButton:hover { background-color: #c14d34; border-color: #7a0306; color: #fff; } div.theme-desert .hp-news-social-panel__button .uk-button, div.theme-desert .hp-news-social-panel__button .FormButton, div.theme-desert .hp-news-social-panel__button .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-desert .hp-news-social-panel__button .btnPrev, div.theme-desert .hp-news-social-panel__button .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-desert .hp-news-social-panel__button .btnNext, div.theme-desert .hp-news-social-panel__button form input[type='reset'], form div.theme-desert .hp-news-social-panel__button input[type='reset'], div.theme-desert .hp-news-social-panel__button form button.FormSubmitButton, form div.theme-desert .hp-news-social-panel__button button.FormSubmitButton { color: #fff; } div.theme-desert .hp-news-social-panel__button .uk-button:active, div.theme-desert .hp-news-social-panel__button .FormButton:active, div.theme-desert .hp-news-social-panel__button .Form__NavigationBar .btnPrev:active, .Form__NavigationBar div.theme-desert .hp-news-social-panel__button .btnPrev:active, div.theme-desert .hp-news-social-panel__button .Form__NavigationBar .btnNext:active, .Form__NavigationBar div.theme-desert .hp-news-social-panel__button .btnNext:active, div.theme-desert .hp-news-social-panel__button form input[type='reset']:active, form div.theme-desert .hp-news-social-panel__button input[type='reset']:active, div.theme-desert .hp-news-social-panel__button form button.FormSubmitButton:active, form div.theme-desert .hp-news-social-panel__button button.FormSubmitButton:active, div.theme-desert .hp-news-social-panel__button .uk-button:focus, div.theme-desert .hp-news-social-panel__button .FormButton:focus, div.theme-desert .hp-news-social-panel__button .Form__NavigationBar .btnPrev:focus, .Form__NavigationBar div.theme-desert .hp-news-social-panel__button .btnPrev:focus, div.theme-desert .hp-news-social-panel__button .Form__NavigationBar .btnNext:focus, .Form__NavigationBar div.theme-desert .hp-news-social-panel__button .btnNext:focus, div.theme-desert .hp-news-social-panel__button form input[type='reset']:focus, form div.theme-desert .hp-news-social-panel__button input[type='reset']:focus, div.theme-desert .hp-news-social-panel__button form button.FormSubmitButton:focus, form div.theme-desert .hp-news-social-panel__button button.FormSubmitButton:focus, div.theme-desert .hp-news-social-panel__button .uk-button:hover, div.theme-desert .hp-news-social-panel__button .FormButton:hover, div.theme-desert .hp-news-social-panel__button .Form__NavigationBar .btnPrev:hover, .Form__NavigationBar div.theme-desert .hp-news-social-panel__button .btnPrev:hover, div.theme-desert .hp-news-social-panel__button .Form__NavigationBar .btnNext:hover, .Form__NavigationBar div.theme-desert .hp-news-social-panel__button .btnNext:hover, div.theme-desert .hp-news-social-panel__button form input[type='reset']:hover, form div.theme-desert .hp-news-social-panel__button input[type='reset']:hover, div.theme-desert .hp-news-social-panel__button form button.FormSubmitButton:hover, form div.theme-desert .hp-news-social-panel__button button.FormSubmitButton:hover { background-color: #7a0306; border-color: #f57f48; color: #fff; } div.theme-desert .hp-news-social-panel__featured-texture { background-image: url('/svg/textures/desert-texture.svg'); background-position: center; } div.theme-desert .hp-product-card__title { background-color: #e6b8ae; } div.theme-desert .hp-product-card__details { background-color: #c14d34; } div.theme-desert .hp-product-card__details span, div.theme-desert .hp-product-card__details h2, div.theme-desert .hp-product-card__details p { color: #fff; } div.theme-desert .hp-product-card__price h3, div.theme-desert .hp-product-card__features h3 { color: #c14d34; } div.theme-desert .hp-product-card__features ul li svg { position: relative; } div.theme-desert .hp-product-card__features .hp-product-card__features-icon { border: 2px solid #c14d34; } div.theme-desert .hp-product-card__features ul li svg > *, div.theme-desert .hp-product-card__accordion-list svg > * { stroke: #c14d34; } div.theme-desert .hp-product-card__accordion ul li { background-color: #f3dbd6; border-top: 2px solid #7a0306; } div.theme-desert.texture .hp-product-card__content .hp-product-card__details { background-image: url('/img/components/product-card-panel/desert-product-card-texture.jpg'); } div.theme-desert .hp-product-card__price-tooltip { background-color: #f3dbd6; } div.theme-desert .hp-product-card__price-tooltip span { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f3dbd6 rgba(0, 0, 0, 0); } div.theme-desert .hp-product-card__hr { border-color: #c14d34; } div.theme-desert .hp-product-card__accordion.primary li { background-color: #da9485; } div.theme-desert.icon-link .icon-link__block { color: #fff; } div.theme-desert.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg path, div.theme-desert.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg line, div.theme-desert.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg ellipse { stroke: #7a0306; } div.theme-desert.icon-link .icon-link__block .icon-link__box .icon-link__container h2, div.theme-desert.icon-link .icon-link__block .icon-link__box .icon-link__container h3 { color: #7a0306; } div.theme-desert.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .font-h3-semibold, div.theme-desert.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .webapp .account-accordion .uk-accordion-content-title, .webapp .account-accordion div.theme-desert.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .uk-accordion-content-title { color: #7a0306; } div.theme-desert.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .icon-link__text-description { color: #000; } div.theme-desert.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link { color: #c14d34; } div.theme-desert.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a { color: inherit; } div.theme-desert.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a:hover { color: inherit; } div.theme-desert.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a:visited { color: inherit; } div.theme-desert.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__content button { color: #7a0306; } div.theme-desert.icon-link.multi .icon-link__block h2:first-of-type { color: #7a0306 !important; } @media only screen and (min-width: 768px) { div.theme-desert.hp-promo-banner-panel { background-color: rgba(0, 0, 0, 0); } } .background-pattern-desert:before { opacity: 0.6; mix-blend-mode: overlay; background-image: url('/svg/patterns/desert-pattern-top-left.svg'); background-size: 100%; background-position: top left; background-repeat: no-repeat; } .background-pattern-desert:after { background-image: url('/svg/patterns/desert-pattern-bottom-right.svg'); opacity: 0.6; mix-blend-mode: overlay; background-position: bottom right; background-size: 100%; background-repeat: no-repeat; } @media only screen and (min-width: 768px) { .background-pattern-desert:before { background-size: 60%; } .background-pattern-desert:after { background-size: 60%; } } .webapp .account-info.theme-core-dark .hp-auth-graph-block h3.uk-accordion-title.hp-savings__title { background-color: #d0dee5 !important; color: #000 !important; } .webapp .account-info.theme-core-dark .account-accordion .energy-costs-title { color: #145b7c; } div.theme-sky h1, div.theme-sky h2, div.theme-sky h3, div.theme-sky h4, div.theme-sky h5, div.theme-sky h6 { color: #214187; } div.theme-sky svg.svg-stroke * { stroke: #214187; } div.theme-sky svg.svg-fill * { fill: #214187; } div.theme-sky.hp-icon-panel.variation-cta { background-color: #214187; } div.theme-sky.hp-icon-panel.variation-cta .icon-content { color: #fff; } div.theme-sky.hp-icon-panel.variation-cta .icon-content * { color: #fff; } div.theme-sky.hp-icon-panel.variation-cta a.hp-icon-panel__link { transition: border 0.3s ease-in-out; background-color: #bac8e2; border: 2px solid #bac8e2; } div.theme-sky.hp-icon-panel.variation-cta a.hp-icon-panel__link span { color: #214187; } div.theme-sky.hp-icon-panel.variation-cta a.hp-icon-panel__link svg * { stroke: #214187; } div.theme-sky.hp-icon-panel.variation-cta a.hp-icon-panel__link:hover { border: 2px solid #214187; } div.theme-sky.hp-icon-panel.variation-card::after { background-color: #145b7c; } div.theme-sky.hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg { border-bottom: 1px solid #145b7c; } div.theme-sky svg.svg-stroke.icon-colour-dark * { stroke: #00344f; } div.theme-sky svg.svg-stroke.icon-colour-sea * { stroke: #125252; } div.theme-sky svg.svg-stroke.icon-colour-desert * { stroke: #c14d34; } div.theme-sky svg.svg-stroke.icon-colour-sky * { stroke: #214187; } div.theme-sky svg.svg-fill.icon-colour-dark * { fill: #00344f; } div.theme-sky svg.svg-fill.icon-colour-sea * { fill: #125252; } div.theme-sky svg.svg-fill.icon-colour-desert * { fill: #c14d34; } div.theme-sky svg.svg-fill.icon-colour-sky * { fill: #214187; } div.theme-sky .hp-testimonial__content h3, div.theme-sky .hp-testimonial__content .h3 { color: #214187; } div.theme-sky .hp-testimonial__content h4, div.theme-sky .hp-testimonial__content .h4 { color: #214187; } div.theme-sky .hp-testimonial__content .hp-testimonial__author { border-color: #7092ac; } div.theme-sky .hp-testimonial__content .hp-testimonial__author span { color: #214187; } div.theme-sky .hp-slider-controls button svg path, div.theme-sky.hp-slider-controls button svg path { fill: #214187; } div.theme-sky .slick-dots li button { border-color: #214187; } div.theme-sky .slick-dots li button::before { background-color: #214187; } div.theme-sky.hp-promo-banner-panel { background-color: #bac8e2; } div.theme-sky .hp-promo-banner-panel__tile { background-color: #bac8e2; } div.theme-sky .hp-promo-banner-panel__heading a { color: #214187; } div.theme-sky .hp-image-title__link { color: #214187; } div.theme-sky .uk-link-arrow:after { background-color: #214187; } div.theme-sky .uk-slider-arrow.uk-slider-next, div.theme-sky .uk-slider-arrow.uk-slider-previous { background-color: #214187; } div.theme-sky.hp-hero-banner, div.theme-sky .slide-content__text { background-color: #bac8e2; } div.theme-sky .slide-content { background-color: #bac8e2; } div.theme-sky .slide-content__text { border-radius: 4px; } div.theme-sky .hp-news-social-panel__featured-content .uk-button, div.theme-sky .hp-news-social-panel__featured-content .FormButton, div.theme-sky .hp-news-social-panel__featured-content .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-sky .hp-news-social-panel__featured-content .btnPrev, div.theme-sky .hp-news-social-panel__featured-content .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-sky .hp-news-social-panel__featured-content .btnNext, div.theme-sky .hp-news-social-panel__featured-content form input[type='reset'], form div.theme-sky .hp-news-social-panel__featured-content input[type='reset'], div.theme-sky .hp-news-social-panel__featured-content form button.FormSubmitButton, form div.theme-sky .hp-news-social-panel__featured-content button.FormSubmitButton { color: #214187; } div.theme-sky .hp-news-social-panel__featured-content .uk-button:active, div.theme-sky .hp-news-social-panel__featured-content .FormButton:active, div.theme-sky .hp-news-social-panel__featured-content .Form__NavigationBar .btnPrev:active, .Form__NavigationBar div.theme-sky .hp-news-social-panel__featured-content .btnPrev:active, div.theme-sky .hp-news-social-panel__featured-content .Form__NavigationBar .btnNext:active, .Form__NavigationBar div.theme-sky .hp-news-social-panel__featured-content .btnNext:active, div.theme-sky .hp-news-social-panel__featured-content form input[type='reset']:active, form div.theme-sky .hp-news-social-panel__featured-content input[type='reset']:active, div.theme-sky .hp-news-social-panel__featured-content form button.FormSubmitButton:active, form div.theme-sky .hp-news-social-panel__featured-content button.FormSubmitButton:active, div.theme-sky .hp-news-social-panel__featured-content .uk-button:focus, div.theme-sky .hp-news-social-panel__featured-content .FormButton:focus, div.theme-sky .hp-news-social-panel__featured-content .Form__NavigationBar .btnPrev:focus, .Form__NavigationBar div.theme-sky .hp-news-social-panel__featured-content .btnPrev:focus, div.theme-sky .hp-news-social-panel__featured-content .Form__NavigationBar .btnNext:focus, .Form__NavigationBar div.theme-sky .hp-news-social-panel__featured-content .btnNext:focus, div.theme-sky .hp-news-social-panel__featured-content form input[type='reset']:focus, form div.theme-sky .hp-news-social-panel__featured-content input[type='reset']:focus, div.theme-sky .hp-news-social-panel__featured-content form button.FormSubmitButton:focus, form div.theme-sky .hp-news-social-panel__featured-content button.FormSubmitButton:focus, div.theme-sky .hp-news-social-panel__featured-content .uk-button:hover, div.theme-sky .hp-news-social-panel__featured-content .FormButton:hover, div.theme-sky .hp-news-social-panel__featured-content .Form__NavigationBar .btnPrev:hover, .Form__NavigationBar div.theme-sky .hp-news-social-panel__featured-content .btnPrev:hover, div.theme-sky .hp-news-social-panel__featured-content .Form__NavigationBar .btnNext:hover, .Form__NavigationBar div.theme-sky .hp-news-social-panel__featured-content .btnNext:hover, div.theme-sky .hp-news-social-panel__featured-content form input[type='reset']:hover, form div.theme-sky .hp-news-social-panel__featured-content input[type='reset']:hover, div.theme-sky .hp-news-social-panel__featured-content form button.FormSubmitButton:hover, form div.theme-sky .hp-news-social-panel__featured-content button.FormSubmitButton:hover { background-color: #bac8e2; border-color: #214187; color: #214187; } div.theme-sky .hp-news-social-panel__button .uk-button, div.theme-sky .hp-news-social-panel__button .FormButton, div.theme-sky .hp-news-social-panel__button .Form__NavigationBar .btnPrev, .Form__NavigationBar div.theme-sky .hp-news-social-panel__button .btnPrev, div.theme-sky .hp-news-social-panel__button .Form__NavigationBar .btnNext, .Form__NavigationBar div.theme-sky .hp-news-social-panel__button .btnNext, div.theme-sky .hp-news-social-panel__button form input[type='reset'], form div.theme-sky .hp-news-social-panel__button input[type='reset'], div.theme-sky .hp-news-social-panel__button form button.FormSubmitButton, form div.theme-sky .hp-news-social-panel__button button.FormSubmitButton { color: #fff; } div.theme-sky .hp-news-social-panel__button .uk-button:active, div.theme-sky .hp-news-social-panel__button .FormButton:active, div.theme-sky .hp-news-social-panel__button .Form__NavigationBar .btnPrev:active, .Form__NavigationBar div.theme-sky .hp-news-social-panel__button .btnPrev:active, div.theme-sky .hp-news-social-panel__button .Form__NavigationBar .btnNext:active, .Form__NavigationBar div.theme-sky .hp-news-social-panel__button .btnNext:active, div.theme-sky .hp-news-social-panel__button form input[type='reset']:active, form div.theme-sky .hp-news-social-panel__button input[type='reset']:active, div.theme-sky .hp-news-social-panel__button form button.FormSubmitButton:active, form div.theme-sky .hp-news-social-panel__button button.FormSubmitButton:active, div.theme-sky .hp-news-social-panel__button .uk-button:focus, div.theme-sky .hp-news-social-panel__button .FormButton:focus, div.theme-sky .hp-news-social-panel__button .Form__NavigationBar .btnPrev:focus, .Form__NavigationBar div.theme-sky .hp-news-social-panel__button .btnPrev:focus, div.theme-sky .hp-news-social-panel__button .Form__NavigationBar .btnNext:focus, .Form__NavigationBar div.theme-sky .hp-news-social-panel__button .btnNext:focus, div.theme-sky .hp-news-social-panel__button form input[type='reset']:focus, form div.theme-sky .hp-news-social-panel__button input[type='reset']:focus, div.theme-sky .hp-news-social-panel__button form button.FormSubmitButton:focus, form div.theme-sky .hp-news-social-panel__button button.FormSubmitButton:focus, div.theme-sky .hp-news-social-panel__button .uk-button:hover, div.theme-sky .hp-news-social-panel__button .FormButton:hover, div.theme-sky .hp-news-social-panel__button .Form__NavigationBar .btnPrev:hover, .Form__NavigationBar div.theme-sky .hp-news-social-panel__button .btnPrev:hover, div.theme-sky .hp-news-social-panel__button .Form__NavigationBar .btnNext:hover, .Form__NavigationBar div.theme-sky .hp-news-social-panel__button .btnNext:hover, div.theme-sky .hp-news-social-panel__button form input[type='reset']:hover, form div.theme-sky .hp-news-social-panel__button input[type='reset']:hover, div.theme-sky .hp-news-social-panel__button form button.FormSubmitButton:hover, form div.theme-sky .hp-news-social-panel__button button.FormSubmitButton:hover { background-color: #214187; border-color: #bac8e2; color: #fff; } div.theme-sky .hp-news-social-panel__featured-texture { background-image: url('/svg/textures/sky-texture.svg'); background-position: center; } div.theme-sky .hp-product-card__title { background-color: #a1bdcb; } div.theme-sky .hp-product-card__details { background-color: #145b7c; } div.theme-sky .hp-product-card__details span, div.theme-sky .hp-product-card__details h2, div.theme-sky .hp-product-card__details p { color: #fff; } div.theme-sky .hp-product-card__price h3, div.theme-sky .hp-product-card__features h3 { color: #145b7c; } div.theme-sky .hp-product-card__features ul li svg { position: relative; } div.theme-sky .hp-product-card__features .hp-product-card__features-icon { border: 2px solid #145b7c; } div.theme-sky .hp-product-card__features ul li svg > *, div.theme-sky .hp-product-card__accordion-list svg > * { stroke: #145b7c; } div.theme-sky .hp-product-card__accordion ul li { background-color: #d0dee5; border-top: 2px solid #00344f; } div.theme-sky.texture .hp-product-card__content .hp-product-card__details { background-image: url('/img/components/product-card-panel/sky-product-card-texture.jpg'); } div.theme-sky .hp-product-card__price-tooltip { background-color: #d0dee5; } div.theme-sky .hp-product-card__price-tooltip span { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d0dee5 rgba(0, 0, 0, 0); } div.theme-sky .hp-product-card__hr { border-color: #00344f; } div.theme-sky .hp-product-card__accordion.primary li { background-color: #729db0; } div.theme-sky.icon-link .icon-link__block { color: #fff; } div.theme-sky.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg path, div.theme-sky.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg line, div.theme-sky.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg ellipse { stroke: #214187; } div.theme-sky.icon-link .icon-link__block .icon-link__box .icon-link__container h2, div.theme-sky.icon-link .icon-link__block .icon-link__box .icon-link__container h3 { color: #214187; } div.theme-sky.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .font-h3-semibold, div.theme-sky.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .webapp .account-accordion .uk-accordion-content-title, .webapp .account-accordion div.theme-sky.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .uk-accordion-content-title { color: #214187; } div.theme-sky.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .icon-link__text-description { color: #000; } div.theme-sky.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link { color: #c14d34; } div.theme-sky.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a { color: inherit; } div.theme-sky.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a:hover { color: inherit; } div.theme-sky.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link a:visited { color: inherit; } div.theme-sky.icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__content button { color: #214187; } div.theme-sky.icon-link.multi .icon-link__block h2:first-of-type { color: #214187 !important; } div.theme-sky .hp-cost-insights-block svg path { stroke: #00344f; } @media only screen and (min-width: 768px) { div.theme-sky.hp-promo-banner-panel { background-color: rgba(0, 0, 0, 0); } div.theme-sky.hp-hero-banner { background-color: rgba(0, 0, 0, 0); } div.theme-sky .slide-content { background-color: rgba(0, 0, 0, 0); } } .background-pattern-sky:before { opacity: 0.5; background-repeat: no-repeat; background-size: 100%; background-image: url('/svg/patterns/sky-pattern.svg'); } .hp-promo-banner-panel.theme-sky { background-color: #bac8e2; } .hamburger-container { display: flex; flex-direction: column; justify-content: center; margin-left: 24px; color: #214187; } .hamburger-container .hamburger { display: inline-block; position: relative; padding: 0; opacity: 1; } .hamburger-container .hamburger:focus, .hamburger-container .hamburger:focus-visible { outline: none; } .hamburger-container .hamburger-box { width: 20px; height: 14px; display: inline-block; position: relative; } .hamburger-container .hamburger-inner::before { top: -7px; } .hamburger-container .hamburger-inner::after { bottom: -7px; } .hamburger-container .hamburger-inner, .hamburger-container .hamburger-inner::before, .hamburger-container .hamburger-inner::after { width: 20px; height: 2px; background-color: #214187; border-radius: 4px; } .hamburger-container .title { font-family: 'Beausite', 'Arial', sans-serif; font-size: 14px; line-height: 16px; } @media only screen and (min-width: 768px) { .hamburger-container { transform: translateY(-4px); } .hamburger-container .hamburger { margin-top: 4px; } .hamburger-container .title { display: inline; } } @media only screen and (min-width: 1280px) { .hamburger-container { display: none; } } .hp-header { position: relative; background-color: #fff; height: auto; border-bottom: 1px solid #e4e4e4; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); } .hp-header .hp-container, .hp-header .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-header .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .hp-header .logo-nav { display: flex; padding: 0 16px; } .hp-header .logo { display: flex; flex-direction: column; justify-content: center; margin: 16px 16px 16px 0; max-width: 150px; } .hp-header .logo a { display: block; } .hp-header .nav { margin-left: auto; width: 100%; max-width: 888px; } .hp-header span.icon { display: flex; flex-direction: column; justify-content: center; align-items: center; } .hp-header span.icon svg { fill: none; } .hp-header span.close { display: inline-block; -webkit-mask-image: url('/svg/icons/header/icon-close.svg'); mask-image: url('/svg/icons/header/icon-close.svg'); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #00344f; width: 19px; height: 19px; cursor: pointer; } @media only screen and (min-width: 1280px) { .hp-header .logo-nav { padding: 0; } } @media only screen and (min-width: 1280px) { .hp-header { height: 130px; } .hp-header .logo { margin: 0 0 0 24px; } } .uk-sticky.uk-navbar-sticky { z-index: 999; } .uk-sticky.uk-navbar-sticky .hp-header { height: auto; } @media only screen and (min-width: 1280px) { .uk-sticky.uk-navbar-sticky .hp-header .hp-header { height: 80px; } } .uk-sticky.uk-navbar-sticky .hp-header .logo { max-width: 95px; } .uk-sticky.uk-navbar-sticky .nav { display: flex; justify-content: flex-end; max-width: none; } .uk-sticky.uk-navbar-sticky .hp-main-nav .item { margin-left: 24px; padding-top: 8px; } .uk-sticky.uk-navbar-sticky .hp-utility-nav-container { order: 1; margin-left: 8px; } .uk-sticky.uk-navbar-sticky .hp-utility-nav-container .item { padding-left: 16px; } .uk-sticky.uk-navbar-sticky .hp-utility-nav-container .title { display: none; } .uk-sticky.uk-navbar-sticky .hp-utility-nav-container .item-region { display: none; } .uk-sticky.uk-navbar-sticky .uk-navbar-nav { border-top: 0; } .hp-utility-nav-container { display: flex; flex-direction: column; justify-content: center; height: 100%; background-color: #fff; box-sizing: border-box; color: #214187; } .hp-utility-nav-container .uk-container { height: 100%; } .hp-utility-nav-container .uk-container .uk-flex { height: 100%; } .hp-utility-nav-container .utility-nav ul li { display: inline-block; padding: 0 0 0 16px; } .hp-utility-nav-container .utility-nav ul li:focus { outline: none; } .hp-utility-nav-container .utility-nav ul li:focus a { color: #c14d34; text-decoration: none; outline: none; } .hp-utility-nav-container .utility-nav ul li:focus a span.icon svg { stroke: #c14d34; } .hp-utility-nav-container .utility-nav ul a { transition: color 0.3s ease-in-out; color: #666; font-weight: 500; } .hp-utility-nav-container .utility-nav ul a:hover, .hp-utility-nav-container .utility-nav ul a:focus-visible { color: #b54930; text-decoration: none; outline: none; } .hp-utility-nav-container .utility-nav ul a:hover span.icon svg, .hp-utility-nav-container .utility-nav ul a:focus-visible span.icon svg { stroke: #b54930; } .hp-utility-nav-container .utility-nav ul a .title { display: none; } .hp-utility-nav-container .utility-nav ul .region-set span.icon svg * { stroke: #c14d34; } .hp-utility-nav-container .utility-nav ul span.icon svg { width: 19px; height: 19px; stroke: #76797a; } .hp-utility-nav-container .utility-nav ul .region-change { color: #214187; text-decoration: underline; font-size: 12px; padding-left: 8px; } .hp-utility-nav-container .utility-nav ul .selected-region { display: none; } .hp-utility-nav-container .utility-nav ul .region-set .title { display: none; } .hp-utility-nav-container .utility-nav ul .region-set .change { display: none; font-size: 0.8rem; margin-left: 5px; color: #214187; text-decoration: underline; } @media only screen and (min-width: 768px) { .hp-utility-nav-container .utility-nav ul li { padding-left: 24px; } .hp-utility-nav-container .utility-nav ul li a { text-align: center; } .hp-utility-nav-container .utility-nav ul li a .icon { align-items: center; } .hp-utility-nav-container .utility-nav ul li a .title { display: block; } .hp-utility-nav-container .utility-nav ul li .selected-region, .hp-utility-nav-container .utility-nav ul li .selected-region .change { display: none; } .hp-utility-nav-container .utility-nav ul li .region-set .selected-region { display: inline-block; } } @media only screen and (min-width: 1280px) { .hp-utility-nav-container { padding-top: 24px; height: auto; display: block; } .hp-utility-nav-container .utility-nav ul li { padding: 0 0 0 36px; } .hp-utility-nav-container .utility-nav ul li a { display: flex; align-items: center; } .hp-utility-nav-container .utility-nav ul li a .title { display: inline; } .hp-utility-nav-container .utility-nav ul li span.icon svg { width: 16px; height: 16px; margin-right: 8px; } .hp-utility-nav-container .utility-nav ul li .region-set .selected-region .change { display: inline-block; } } .hp-main-nav-container { display: none; padding-top: 16px; } .hp-main-nav-container .hp-main-nav { position: static; } .hp-main-nav-container .hp-main-nav > ul { justify-content: space-between; width: 100%; border-top: 2px solid #b2b4a7; } .hp-main-nav-container .hp-main-nav > ul > li { display: inline-block; padding: 15px 0 18px; box-sizing: border-box; } .hp-main-nav-container .hp-main-nav > ul > li:last-child { padding-right: 0; } .hp-main-nav-container .hp-main-nav > ul a:not(.uk-button):not(.FormButton) { transition: color 0.3s ease-in-out; text-transform: none; padding: 0; min-height: 0; color: #214187; font-weight: 600; font-size: 16px; } .hp-main-nav-container .hp-main-nav > ul a:not(.uk-button):not(.FormButton):hover { color: #c14d34; } .hp-main-nav-container .hp-main-nav > ul a:not(.uk-button):not(.FormButton):hover span.icon svg { stroke: #c14d34; } .hp-main-nav-container .hp-main-nav > ul a:not(.uk-button):not(.FormButton) span.icon svg { stroke: #214187; } .hp-main-nav-container .hp-main-nav > ul > li { border-bottom: 0px solid #fff; transition: border 0.5s ease-in-out; } .hp-main-nav-container .hp-main-nav > ul > li:focus, .hp-main-nav-container .hp-main-nav > ul > li.active { border-bottom-color: #c14d34; outline: none; } .hp-main-nav-container .hp-main-nav > ul > li:focus > a, .hp-main-nav-container .hp-main-nav > ul > li.active > a { color: #c14d34; } @media only screen and (min-width: 1280px) { .hp-main-nav-container { display: block; } } .hp-main-nav-container .hp-main-nav .mega-nav { display: flex; flex-direction: column; position: fixed; padding-top: 18px; padding-bottom: 24px; width: 100%; height: 100%; z-index: 999; left: 0; overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s ease-in-out; } .hp-main-nav-container .hp-main-nav .mega-nav.fadein { opacity: 1; visibility: visible; pointer-events: auto; } .hp-main-nav-container .hp-main-nav .mega-nav.fadeout { opacity: 0; pointer-events: none; } .hp-main-nav-container .hp-main-nav .mega-nav h5 { color: #214187; margin: 0; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav-submenu { border-top: 1px solid #e4e4e4; background-color: #fff; } .hp-main-nav-container .hp-main-nav .mega-nav .no-feature { width: 100%; } .hp-main-nav-container .hp-main-nav .mega-nav .feature-card-bg { background-color: #f1eeeb; position: absolute; height: 100%; top: 0; left: 24px; width: 50vw; z-index: 996; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__item-link { display: flex; align-items: center; justify-content: flex-start; margin: 24px 0; text-decoration: none; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__item-link:hover .title { color: #c14d34; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__item-link:hover .arrow { transform: translateX(5px); } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__item-link .arrow { transition: transform 0.3s ease-in-out; margin-left: 10px; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__item-link span { line-height: 10px; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__item-link svg { width: 20px; height: 16px; fill: #c14d34; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__col { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 0 24px; grid-auto-flow: row; margin-right: 24px; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__col li { margin-bottom: 24px; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__col a { font-weight: 400; display: flex; align-items: center; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__col span.icon { margin-right: 16px; width: 64px; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__col svg { height: 26px; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__popular_items { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; gap: 0 24px; grid-auto-flow: row; list-style: none; padding: 0 0 24px 0; margin: 16px 0 0; margin-right: 24px; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__popular_items li { display: block; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__feature-card-container { position: relative; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__feature-card { position: relative; padding: 48px; padding-right: 0; z-index: 997; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__feature-card-image { height: 210px; overflow: hidden; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__feature-card-title { margin: 24px 0 16px 0; color: #00344f; line-height: 1.375em; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__feature-card-title a { color: #00344f; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__feature-card-title a:hover { text-decoration: none; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__feature-card-subtitle { color: #000; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__title { font-size: 16px; font-weight: bold; margin-top: 24px; } .hp-main-nav-container .hp-main-nav .mega-nav .mega-nav__title + ul li a { font-size: 14px; } .hp-main-nav-container .hp-main-nav .mega-nav ul li > a:not(.uk-button):not(.FormButton) { display: flex; align-items: center; padding: 5px 0; } .hp-main-nav-container .hp-main-nav .mega-nav ul li > a:not(.uk-button):not(.FormButton) .uk-icon { margin-right: 10px; } .hp-nav-mobile-container { position: absolute; width: 100%; z-index: 999; } .hp-nav-mobile-container .hp-nav-mobile { transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out; background-color: #f1eeeb; height: 0; overflow: hidden; visibility: hidden; opacity: 0; } .hp-nav-mobile-container.open { max-height: none; } .hp-nav-mobile-container.open .hp-nav-mobile { visibility: visible; opacity: 1; height: 100%; max-height: 100vh; overflow-y: auto; } .hp-nav-mobile-container .uk-list { margin-top: 0; } .hp-nav-mobile-container .uk-list li { padding: 8px 24px; margin-top: 0; } .hp-nav-mobile-container .uk-accordion > li { margin-top: 0; position: relative; } .hp-nav-mobile-container .uk-accordion > li::after { display: block; content: ''; border-bottom: 2px solid #e3ded6; } .hp-nav-mobile-container .uk-accordion > li .uk-icon { max-width: 30px; } .hp-nav-mobile-container .uk-accordion a { color: #214187; font-weight: 500; } .hp-nav-mobile-container .uk-accordion a::before { display: none; } .hp-nav-mobile-container .uk-accordion .uk-accordion-title { font-size: 16px; } .hp-nav-mobile-container .uk-accordion .uk-accordion-title::before { display: none; } .hp-nav-mobile-container .uk-accordion .uk-accordion-title a { font-weight: 600; font-size: 16px; } .hp-nav-mobile-container .uk-accordion .uk-open .uk-accordion-title { background-color: #214187; } .hp-nav-mobile-container .uk-accordion .uk-open .uk-accordion-title a { color: #fff; } .hp-nav-mobile-container .uk-accordion .uk-open > .uk-icon { color: #fff; transform: rotate(180deg); } .hp-nav-mobile-container .uk-accordion > li > .uk-icon { color: #214187; position: absolute; right: 24px; top: 18px; width: 26px; cursor: pointer; } .hp-nav-mobile-container .uk-accordion .uk-accordion-title { transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; display: flex; font-weight: 600; justify-content: space-between; padding: 16px; } .hp-nav-mobile-container .uk-accordion .uk-accordion-content { margin-top: 0; } .hp-nav-mobile-container .uk-accordion .uk-accordion-content li { border-bottom: 1px solid #e3ded6; } .hp-nav-mobile-container .uk-accordion .uk-accordion-content li:last-child { border: 0; } .hp-nav-mobile-container .uk-accordion .uk-accordion-content a { display: flex; align-items: center; justify-content: space-between; } .hp-nav-mobile-container .uk-accordion .uk-accordion-content .arrow { display: none; margin-left: 10px; width: 22px; height: 16px; position: relative; } .hp-nav-mobile-container .uk-accordion .uk-accordion-content .arrow svg { position: absolute; } .hp-nav-mobile-container .submenu-primary > ul { margin-top: 0; } .hp-nav-mobile-container .submenu-primary > ul li { padding: 0; } .hp-nav-mobile-container .submenu-primary > ul li::after { display: none; } .hp-nav-mobile-container .submenu-primary > ul li label.uk-icon { top: 0; right: 0; } .hp-nav-mobile-container .submenu-primary .uk-accordion .uk-open label { color: #214187; } .hp-nav-mobile-container .submenu-primary.has-children { background-color: #e7e1dc; } .hp-nav-mobile-container .submenu-primary.has-children ul li { border-bottom: 1px solid #d2c8be; } .hp-nav-mobile-container .submenu-secondary > div { color: #214187; } .hp-nav-mobile-container .submenu-secondary ul li { padding: 8px 24px; } @media only screen and (min-width: 768px) { .hp-nav-mobile-container { top: 70px; } .hp-nav-mobile-container .uk-list li { padding: 16px 0; } .hp-nav-mobile-container .uk-accordion > li > .uk-icon { right: 64px; } .hp-nav-mobile-container .uk-accordion > li::after { margin: 0 64px; } .hp-nav-mobile-container .hp-nav-mobile .uk-accordion .uk-accordion-title { padding: 16px 64px; } .hp-nav-mobile-container .hp-nav-mobile .uk-accordion-content { padding: 0 64px; } .hp-nav-mobile-container .hp-nav-mobile .uk-accordion-content .arrow { display: inline-block; } .hp-nav-mobile-container.open::before { right: 80px; } } .hp-nav-mobile-footer .uk-button, .hp-nav-mobile-footer .FormButton, .hp-nav-mobile-footer .Form__NavigationBar .btnPrev, .Form__NavigationBar .hp-nav-mobile-footer .btnPrev, .hp-nav-mobile-footer .Form__NavigationBar .btnNext, .Form__NavigationBar .hp-nav-mobile-footer .btnNext, .hp-nav-mobile-footer form input[type='reset'], form .hp-nav-mobile-footer input[type='reset'], .hp-nav-mobile-footer form button.FormSubmitButton, form .hp-nav-mobile-footer button.FormSubmitButton { display: none; } @media only screen and (min-width: 768px) { .hp-nav-mobile-footer { text-align: center; } .hp-nav-mobile-footer .uk-button, .hp-nav-mobile-footer .FormButton, .hp-nav-mobile-footer .Form__NavigationBar .btnPrev, .Form__NavigationBar .hp-nav-mobile-footer .btnPrev, .hp-nav-mobile-footer .Form__NavigationBar .btnNext, .Form__NavigationBar .hp-nav-mobile-footer .btnNext, .hp-nav-mobile-footer form input[type='reset'], form .hp-nav-mobile-footer input[type='reset'], .hp-nav-mobile-footer form button.FormSubmitButton, form .hp-nav-mobile-footer button.FormSubmitButton { display: inline-block; margin: auto; } } .hp-main-nav-search { display: none; top: 0; left: 0; width: 100%; height: auto; position: relative; z-index: 999; } .hp-main-nav-search .region-search .hp-main-nav-search__search span.search-clear { right: 48px; } .hp-main-nav-search.region .search-clear { right: 24px; } .hp-main-nav-search .hp-container, .hp-main-nav-search .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-main-nav-search .right > div > .uk-grid { padding: 16px; } .hp-main-nav-search .hp-main-nav-search__bar { display: none; position: fixed; width: 100%; background-color: #c14d34; z-index: 999; } .hp-main-nav-search h5 { display: none; font-family: 'Beausite', 'Arial', sans-serif; color: #fff; } .hp-main-nav-search .hp-main-nav-search__heading { display: flex; justify-content: flex-end; align-items: center; } .hp-main-nav-search .hp-main-nav-search__search { position: relative; display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } .hp-main-nav-search .hp-main-nav-search__search input[type='text'] { border: 2px solid #fff; } .hp-main-nav-search .hp-main-nav-search__search input[type='text'] { padding: 8px 48px 8px 16px; } .hp-main-nav-search .hp-main-nav-search__search input[type='text']::-moz-placeholder { color: #4c4c4c; } .hp-main-nav-search .hp-main-nav-search__search input[type='text']::placeholder { color: #4c4c4c; } .hp-main-nav-search .autocomplete { box-sizing: border-box; background-color: #fff; position: absolute; width: 100%; left: 0; top: calc(100% + 7px); border-radius: 4px; } .hp-main-nav-search .autocomplete .autocomplete-item { transition: background-color 0.3s ease-in-out; display: flex; justify-content: space-between; padding: 16px; } .hp-main-nav-search .autocomplete .autocomplete-item:hover { background-color: #00344f; cursor: pointer; text-decoration: none; } .hp-main-nav-search .autocomplete .autocomplete-item:hover .item, .hp-main-nav-search .autocomplete .autocomplete-item:hover .category { color: #fff; } .hp-main-nav-search .autocomplete .item { font-weight: 500; color: #00344f; } .hp-main-nav-search .autocomplete .category { font-weight: 400; color: #919495; text-transform: capitalize; } .hp-main-nav-search .autocomplete .view-all .item { color: #c14d34; text-decoration: underline; } .hp-main-nav-search .close { position: relative; display: inline-block; background-color: #fff; -webkit-mask-image: url('/svg/icons/header/icon-close.svg'); mask-image: url('/svg/icons/header/icon-close.svg'); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 13px; height: 13px; margin-bottom: 13px; cursor: pointer; } .hp-main-nav-search .close:focus-visible { outline: 2px dotted #00344f; } .hp-main-nav-search .region-set { display: none; } .hp-main-nav-search .region-set .region-set-heading { text-align: center; padding: 48px 0; margin-bottom: 0; } .hp-main-nav-search .region-set .close { float: right; margin: 0; } .hp-main-nav-search .hp-main-nav-search__overlay { position: fixed; width: 100%; height: 100vh; z-index: 998; } .hp-main-nav-search .search-clear { color: #fff; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 50px; } @media only screen and (min-width: 768px) { .hp-main-nav-search { position: fixed; height: 100vh; } .hp-main-nav-search .region-search .hp-main-nav-search__search span.search-clear { right: 16px; } .hp-main-nav-search .hp-main-nav-search__bar { background-color: #fff; } .hp-main-nav-search h5 { display: block; color: #214187; } .hp-main-nav-search .hp-main-nav-search__heading { display: flex; justify-content: space-between; } .hp-main-nav-search .hp-main-nav-search__search::after { display: none; } .hp-main-nav-search .hp-main-nav-search__search span.search-clear { right: 185px; } .hp-main-nav-search .hp-main-nav-search__search span.search-clear svg { color: #00344f; } .hp-main-nav-search .hp-main-nav-search__search input[type='text'] { border: 2px solid #00344f; padding: 12px 12px 12px 54px; } .hp-main-nav-search .hp-main-nav-search__search a.uk-button, .hp-main-nav-search .hp-main-nav-search__search a.FormButton, .hp-main-nav-search .hp-main-nav-search__search .Form__NavigationBar a.btnPrev, .Form__NavigationBar .hp-main-nav-search .hp-main-nav-search__search a.btnPrev, .hp-main-nav-search .hp-main-nav-search__search .Form__NavigationBar a.btnNext, .Form__NavigationBar .hp-main-nav-search .hp-main-nav-search__search a.btnNext { display: inline-block; } .hp-main-nav-search .close { -webkit-mask-image: unset; mask-image: unset; -webkit-mask-position: unset; mask-position: unset; -webkit-mask-repeat: unset; mask-repeat: unset; background-image: url('/svg/icons/header/icon-close.svg'); background-position: center center; background-repeat: no-repeat; width: 24px; height: 24px; } .hp-main-nav-search .autocomplete .autocomplete-item { padding: 16px 24px; } } @media only screen and (min-width: 1280px) { .hp-main-nav-search .hp-container, .hp-main-nav-search .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-main-nav-search .right > div > .uk-grid { padding: 24px 80px; } } .acknowledgement { background-color: #c14d34; color: #fff; position: relative; z-index: 997; } .acknowledgement .hp-container, .acknowledgement .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .acknowledgement .right > div > .uk-grid { padding: 24px 0; } .acknowledgement h3, .acknowledgement p { color: #fff; } .acknowledgement.edge-clip-top__four { padding-top: 0; } .acknowledgement .acknowledgement-pattern-left { background: url('/svg/patterns/circles-left.svg') left bottom no-repeat; background-size: 150px; background-position: left 95%; background-repeat: no-repeat; position: absolute; width: 100%; bottom: 0; right: 0; height: 100%; } .acknowledgement .acknowledgement-pattern-right { background: url('/svg/patterns/circles-right.svg') right bottom no-repeat; background-size: 250px; background-position: right 115%; background-repeat: no-repeat; position: absolute; width: 100%; bottom: 0; right: 0; height: 100%; } @media only screen and (min-width: 768px) { .acknowledgement .hp-container, .acknowledgement .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .acknowledgement .right > div > .uk-grid { padding: 48px 40px; } .acknowledgement .acknowledgement-pattern-left { background-size: 150px; background-position: left 70%; } .acknowledgement .acknowledgement-pattern-right { background-size: 350px; background-position: right 70px; } .acknowledgement.edge-clip-top__four { padding-top: 48px; -webkit-mask-image: url(../svg/wavy/edge-mask-four.svg), linear-gradient(#000, #fff); mask-image: url(../svg/wavy/edge-mask-four.svg), linear-gradient(#000, #fff); } } @media only screen and (min-width: 1280px) { .acknowledgement.edge-clip-top__four { padding-top: 80px; } .acknowledgement .acknowledgement-pattern-right { background-position: right 200px; } } @media only screen and (min-width: 1440px) { .acknowledgement .acknowledgement-pattern-left { background-size: 250px; background-position: left 0; } .acknowledgement .acknowledgement-pattern-right { background-size: 500px; background-position: right -150%; } } @media only screen and (min-width: 768px) { .acknowledgement > .hp-container .hp-padding, .left-right-content .left-content .right > div.acknowledgement > .uk-grid .hp-padding { padding-left: 0; padding-right: 0; } } .acknowledgement:not(.edge-clip-top) .acknowledgement-pattern-left { background-position: left 150px; } .acknowledgement:not(.edge-clip-top) .acknowledgement-pattern-right { background-position: right 140px; } @media only screen and (min-width: 768px) { .acknowledgement:not(.edge-clip-top) .acknowledgement-pattern-left { background-position: left -40%; } .acknowledgement:not(.edge-clip-top) .acknowledgement-pattern-right { background-position: right 20px; } } @media only screen and (min-width: 1280px) { .acknowledgement:not(.edge-clip-top) .acknowledgement-pattern-left { background-position: left -40%; } .acknowledgement:not(.edge-clip-top) .acknowledgement-pattern-right { background-position: right 0; } } @media only screen and (min-width: 1440px) { .acknowledgement:not(.edge-clip-top) .acknowledgement-pattern-left { background-position: left 0; } .acknowledgement:not(.edge-clip-top) .acknowledgement-pattern-right { background-position: right 0; } } .footer { background-color: #00344f; background-size: 1500px; background-position: top center; color: #fff; z-index: 997; } .footer .footer-anchor { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; padding: 0 0 24px 0; text-decoration: none; } .footer .footer-anchor svg { width: 30px; height: 30px; } .footer .footer-notice-column { width: 100%; } .footer .social-links-column { width: 100%; padding: 16px 0 0 16px; } .footer .social-links-column .uk-width-1-2 { width: 100%; } .footer h1, .footer h2, .footer h3, .footer h4, .footer p, .footer a { color: #fff; } .footer h4 { font-weight: 500; } .footer h4 a { font-size: 18px; } @media screen and (min-width: 360px) { .footer h4 a { font-size: 18px; } } @media screen and (min-width: 768px) { .footer h4 a { font-size: 18px; } } @media screen and (min-width: 1280px) { .footer h4 a { font-size: 24px; } } @media screen and (min-width: 1440px) { .footer h4 a { font-size: 24px; } } .footer .footer-links { border-top: 2px solid #fff; padding: 16px 0 0 0; margin: 16px 0 0 0; } .footer .footer-links h4 { position: relative; cursor: pointer; margin: 0; } .footer .footer-links h4 span { position: absolute; right: 0; top: 50%; transform: translate(0, -50%); transform-origin: center; transition: transform 0.3s ease-in-out; } .footer .footer-links h4.active span { transform: rotate(180deg) translate(0, 50%); } .footer .footer-links ul { list-style: none; -moz-columns: 2; columns: 2; margin: 8px 0 0 0; padding: 0; } .footer .footer-links ul li { padding: 0 0 8px 0; } .footer .company-logo { padding: 48px 0 0 0; text-align: center; } .footer .company-logo svg { margin-top: 0; display: inline-block; width: 120px; height: 70px; } .footer .policy-links { border-top: 2px solid #fff; padding: 16px 0 0 0; margin: 16px 0 0 0; -moz-columns: 2; columns: 2; } .footer .policy-links ul { margin: 0; padding: 0; } .footer .policy-links ul li { padding: 0 0 calc(16px / 2) 0; margin: 0; list-style-type: none; display: block; } .footer .policy-links ul li:last-child a:after { content: ''; } .footer .policy-links ul li a { color: #fff; } .footer .policy-links ul li a:after { content: ''; display: none; padding: 0 16px; } .footer .social-links { border-top: 2px solid #fff; padding: 16px 0 0 0; display: flex; align-items: center; flex-direction: row; justify-content: space-between; } .footer .social-links ul { margin: 0 0 0 16px; padding: 0; display: inline-block; } .footer .social-links ul li { list-style-type: none; display: inline-block; margin: 0; padding: 0 calc(16px / 2) 0 0; } .footer .social-links ul li a { background-color: #fff; border-radius: 50%; padding: 7.5px; color: #00344f; } .footer .social-links ul li a:hover { transition: all ease 0.5s; } .footer .social-links ul li .facebook:focus-visible, .footer .social-links ul li .facebook:hover { background-color: #3b5998; color: #fff; } .footer .social-links ul li .instagram:focus-visible, .footer .social-links ul li .instagram:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); color: #fff; } .footer .social-links ul li .youtube:focus-visible, .footer .social-links ul li .youtube:hover { background-color: #b00; color: #fff; } .footer .social-links ul li .linkedin:focus-visible, .footer .social-links ul li .linkedin:hover { background-color: #0077b5; color: #fff; } .footer .social-links ul li a svg { width: 20px; height: 20px; } .footer .social-links span { font-size: 16px; } .footer .footer-notice p { margin: 0 0 calc(16px / 2) 0; } .footer .footer-notice strong { font-weight: 500; } .footer .footer-notice a { color: #fff; text-decoration: underline; } .footer .footer-notice a:hover { text-decoration: none; } .footer .footer-notice h4 { color: #fff; } .footer .footer-notice h4 a { margin: 0 0 0 calc(16px / 2); } .footer .footer-notice p a { margin: 0 0 0 calc(16px / 4); } .footer .uk-width-3-5, .footer .uk-width-2-5 { width: 100%; } .footer.enabled-false { margin-top: -230px; } @media only screen and (min-width: 768px) { .footer { background-position: top right; background-size: 1800px; } .footer .social-links { padding: 0; border-top: none; justify-content: flex-start; } .footer .social-links ul li { padding: 0 calc(16px / 4) 0 0; } .footer .social-links ul li a { padding: 5px; } .footer .social-links-column { width: 100%; } .footer .social-links-column .uk-width-1-2 { width: 50%; } .footer .uk-width-1-3 { width: 50%; } .footer .quick-links { padding: 0 0 0 24px; margin: 0; } .footer .support-and-faqs { padding: 24px 0 0 24px; margin: 0; } .footer .footer-notice-column { width: 33%; } .footer .footer-notice { padding: 0 24px 0 0; } .footer .footer-notice br { display: none; } .footer .quick-links-column { display: block; width: 33%; } .footer .support-faqs-column { display: block; width: 33%; } .footer .social-links-column { width: 100%; } .footer .footer-links { padding: 0 0 0 48px; border-left: 2px solid #fff; border-top: none; cursor: auto; } .footer .footer-links h4 span { display: none; } .footer .footer-links ul { -moz-columns: 1; columns: 1; } .footer .footer-links ul li:last-child { padding: 0; } .footer .footer-copyright { padding: 0 24px 0 0; vertical-align: top; display: inline-block; } .footer .policy-links { padding: 24px 0 0 0; margin: 24px 0 0 0; text-align: left; -moz-columns: 1; columns: 1; } .footer .policy-links ul li { display: inline-block; } .footer .policy-links ul li a::after { content: '|'; display: inline-block; padding: 0 8px; } .footer .company-logo { padding: 0; text-align: right; } .footer .company-logo svg { margin-top: -80px; } } @media only screen and (min-width: 1280px) { .footer { background-position: top left; background-size: cover; } .footer .uk-width-1-3 { width: 33%; } .footer .footer-links { padding: 0 0 0 24px; } .footer .footer-links ul { -moz-columns: 2; columns: 2; } .footer .footer-links ul li:last-child { padding: 0 0 8px 0; } .footer .policy-links { border-top: 2px solid #fff; text-align: left; } .footer .policy-links ul li { padding: 0; } .footer .policy-links ul li a::after { padding: 0 16px; } .footer .social-links { padding: 0; } .footer .social-links ul li a svg { width: 14px; height: 14px; } .footer .footer-notice-column { width: 30%; } .footer .footer-links { padding: 0 0 0 24px; } .footer .footer-notice { padding: 0; } .footer .footer-notice br { display: block; } .footer .quick-links-column { width: 35%; } .footer .support-faqs-column { width: 35%; } .footer .support-faqs-column .quick-links { padding: 0 0 0 24px; } .footer .policy-links-column { width: 100%; margin-top: 24px; } .footer .social-links-column { padding: 24px 0 0 24px; width: 100%; } .footer .social-links-column .uk-width-1-2 { width: 50%; } .footer .company-logo svg { margin-top: -72px; width: 160px; } } @media only screen and (min-width: 768px) { .footer > .hp-container .hp-padding, .left-right-content .left-content .right > div.footer > .uk-grid .hp-padding { padding-left: 0; padding-right: 0; } } .hp-breadcrumb-panel { position: relative; z-index: 997; } .hp-breadcrumb-panel .hp-container, .hp-breadcrumb-panel .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-breadcrumb-panel .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .hp-breadcrumb-panel .breadcrumb-list { padding: 16px; margin: 0; } .hp-breadcrumb-panel .breadcrumb-list li { list-style-type: none; color: #214187; display: inline-block; } .hp-breadcrumb-panel .breadcrumb-list li a { color: #c14d34; } .hp-breadcrumb-panel .breadcrumb-list li:after { content: '/'; margin: 0 2px 0 6px; color: #76797a; } .hp-breadcrumb-panel .breadcrumb-list li:last-child:after { display: none; } @media only screen and (min-width: 1280px) { .hp-breadcrumb-panel .breadcrumb-list { padding: 16px 24px; } } .hp-breadcrumb-panel + *:not(.hp-sub-navigation-panel) > .hp-container, .left-right-content .left-content .right > .hp-breadcrumb-panel + div:not(.hp-sub-navigation-panel) > .uk-grid { padding-top: 0; } .hp-breadcrumb-panel + *:not(.hp-sub-navigation-panel) > .hp-container .hp-padding, .left-right-content .left-content .right > .hp-breadcrumb-panel + div:not(.hp-sub-navigation-panel) > .uk-grid .hp-padding { padding-top: inherit; } .hp-accordion-panel { padding: 16px; } .hp-accordion-panel .uk-accordion { margin: 0; } .hp-accordion-panel .uk-accordion > li { box-shadow: 0 4px 4px rgba(56, 26, 26, 0.25); border-radius: 4px; transition: background-color 0.2s ease; } .hp-accordion-panel .uk-accordion > li.with-icon > .uk-accordion-title h5, .hp-accordion-panel .uk-accordion > li.with-icon > .uk-accordion-title span { padding-left: 24px; } .hp-accordion-panel .uk-accordion-title { color: #00344f; display: flex; align-items: center; position: relative; padding: 16px; font-weight: 500; line-height: 1; border-radius: 4px 4px 0 0; border-top: 1px solid #f4f2ef; } .hp-accordion-panel .uk-accordion-title h5, .hp-accordion-panel .uk-accordion-title span { color: #00344f; padding: 0 44px 0 0; margin: 0; font-weight: 600; } .hp-accordion-panel .uk-accordion-title svg { flex-shrink: 0; color: rgba(0, 0, 0, 0); height: 40px; width: auto; } .hp-accordion-panel .uk-accordion-title svg path { stroke: #00344f; } .hp-accordion-panel .uk-accordion-title::before { position: absolute; top: 50%; right: 24px; transform: translate(0, -50%); width: 1em; height: 1em; background-image: url('/svg/components/accordion-panel/plus-icon.svg'); background-size: 20px; } .hp-accordion-panel .uk-accordion .uk-open .uk-accordion-title::before { background-image: url('/svg/components/accordion-panel/minus-icon.svg'); } .hp-accordion-panel .uk-accordion-content { margin-top: 0; padding: 16px 0 0 0; border-radius: 0 0 10px 10px; } .hp-accordion-panel .uk-accordion-content .hp-image-tile__description ul { list-style-type: disc; } .hp-accordion-panel .uk-accordion-content li { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .hp-accordion-panel .uk-accordion-content > .hp-wysiwyg-panel > .hp-container .hp-padding, .hp-accordion-panel .left-right-content .left-content .right.uk-accordion-content > div.hp-wysiwyg-panel > .uk-grid .hp-padding, .left-right-content .left-content .hp-accordion-panel .right.uk-accordion-content > div.hp-wysiwyg-panel > .uk-grid .hp-padding { padding: 0 16px 16px; } @media only screen and (min-width: 768px) { .hp-accordion-panel { padding: 0; } } @media only screen and (min-width: 1280px) { .hp-accordion-panel .uk-accordion-title { padding: 24px; } .hp-accordion-panel .uk-accordion-content { margin-top: 0; padding: 16px 0 0 0; } } .hp-accordion-panel .h2 { padding: 0 16px 0 16px; } .accordionblock .uk-accordion-content { padding: 16px 0 0 0; } .accordionblock .uk-accordion-content .accordion-item-title { margin-bottom: 0; padding-bottom: 16px; } .accordionblock .intro-wysiwyg .hp-container, .accordionblock .intro-wysiwyg .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .accordionblock .intro-wysiwyg .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .accordionblock .intro-wysiwyg .hp-container .hp-padding, .accordionblock .intro-wysiwyg .left-right-content .left-content .right > div > .uk-grid .hp-padding, .left-right-content .left-content .accordionblock .intro-wysiwyg .right > div > .uk-grid .hp-padding { padding: 0 16px 16px !important; } @media only screen and (min-width: 768px) { .accordionblock .intro-wysiwyg .hp-container, .accordionblock .intro-wysiwyg .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .accordionblock .intro-wysiwyg .right > div > .uk-grid { padding-left: 0; padding-right: 0; } .accordionblock .intro-wysiwyg .hp-container .hp-padding, .accordionblock .intro-wysiwyg .left-right-content .left-content .right > div > .uk-grid .hp-padding, .left-right-content .left-content .accordionblock .intro-wysiwyg .right > div > .uk-grid .hp-padding { padding: 0 16px 24px !important; } } .accordionblock .hp-wysiwyg-panel > .hp-container .hp-padding *:last-child, .accordionblock .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid .hp-padding *:last-child, .left-right-content .left-content .accordionblock .right > div.hp-wysiwyg-panel > .uk-grid .hp-padding *:last-child { margin-bottom: 0; } .accordionblock .hp-link-listing-panel > .hp-container .hp-padding, .accordionblock .left-right-content .left-content .right > div.hp-link-listing-panel > .uk-grid .hp-padding, .left-right-content .left-content .accordionblock .right > div.hp-link-listing-panel > .uk-grid .hp-padding { padding-left: 0; padding-right: 0; } @media only screen and (min-width: 768px) { .accordionblock .uk-accordion-content .accordion-item-title { padding: 0 0 16px; margin-bottom: 0; } .accordionblock .uk-accordion-content > .hp-wysiwyg-panel > .hp-container .hp-padding, .accordionblock .left-right-content .left-content .right.uk-accordion-content > div.hp-wysiwyg-panel > .uk-grid .hp-padding, .left-right-content .left-content .accordionblock .right.uk-accordion-content > div.hp-wysiwyg-panel > .uk-grid .hp-padding { padding: 0 0 24px; } .accordionblock .block .hp-wysiwyg-panel > .hp-container .hp-padding, .accordionblock .block .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid .hp-padding, .left-right-content .left-content .accordionblock .block .right > div.hp-wysiwyg-panel > .uk-grid .hp-padding { padding: 0; } .accordionblock .hp-process > .hp-container .hp-padding, .accordionblock .left-right-content .left-content .right > div.hp-process > .uk-grid .hp-padding, .left-right-content .left-content .accordionblock .right > div.hp-process > .uk-grid .hp-padding { padding-left: 0; padding-right: 0; } .accordionblock .hp-testimonial-panel > .hp-container .hp-padding, .accordionblock .left-right-content .left-content .right > div.hp-testimonial-panel > .uk-grid .hp-padding, .left-right-content .left-content .accordionblock .right > div.hp-testimonial-panel > .uk-grid .hp-padding { padding-left: 0; padding-right: 0; } .accordionblock .hp-video-panel > .hp-container, .accordionblock .left-right-content .left-content .right > div.hp-video-panel > .uk-grid, .left-right-content .left-content .accordionblock .right > div.hp-video-panel > .uk-grid { padding-left: 0; padding-right: 0; } .accordionblock .hp-video-panel > .hp-container .hp-padding, .accordionblock .left-right-content .left-content .right > div.hp-video-panel > .uk-grid .hp-padding, .left-right-content .left-content .accordionblock .right > div.hp-video-panel > .uk-grid .hp-padding { padding-left: 0; padding-right: 0; } .accordionblock .hp-icon-panel.variation-cta { padding-left: 0; padding-right: 0; } } .hp-alert-bar-panel { background-color: #eba70e; } .hp-alert-bar-panel .hp-container, .hp-alert-bar-panel .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-alert-bar-panel .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .hp-alert-bar-panel .hp-notification-panel__item { padding-top: 8px; padding-bottom: 8px; } .hp-alert-bar-panel .hp-notification-panel__wrap .hp-notification-panel__icon svg { width: 35px; height: 35px; } @media only screen and (min-width: 768px) { .hp-alert-bar-panel .hp-notification-panel__wrap .hp-notification-panel__icon svg { width: 45px; height: 45px; } } .hp-article-listing.article-listing-template .article-content-container .article-title a { color: #c14d34; } .hp-article-listing .hp-article-listing__heading { border-bottom: 1px solid #e4e4e4; } .hp-article-listing .hp-article-listing__heading h2 { color: #00344f; } .hp-article-listing .hp-article-listing__heading h2 span { color: #214187; } .hp-article-listing ul { padding: 0; margin: 0; list-style: none; } .hp-article-listing li { padding: 16px 0; } .hp-article-listing li:last-child .article-content::after { width: 0; } .hp-article-listing .variation-right .article-content-container .readmore { align-self: flex-start; } .hp-article-listing .article-image__wrap { border-radius: 4px; position: relative; height: 200px; } .hp-article-listing .article-image__wrap img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; } .hp-article-listing .article-image__wrap:focus-visible { outline: none; } .hp-article-listing .article-image__wrap:focus-visible img { transform: scale(1.2); } .hp-article-listing .article-content-container { position: relative; display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } .hp-article-listing .article-content-container .article-excerpt p:last-child { margin-bottom: 16px; } .hp-article-listing .article-content-container .article-content { display: flex; flex-direction: column; } .hp-article-listing .article-content-container .article-content::after { content: ''; width: calc(100% - 24px); height: 1px; position: absolute; bottom: -16px; } .hp-article-listing .article-content-container .article-link { text-align: right; } .hp-article-listing .article-content-container .article-title a { text-decoration: none; font-size: 18px; } @media screen and (min-width: 360px) { .hp-article-listing .article-content-container .article-title a { font-size: 18px; } } @media screen and (min-width: 768px) { .hp-article-listing .article-content-container .article-title a { font-size: 18px; } } @media screen and (min-width: 1280px) { .hp-article-listing .article-content-container .article-title a { font-size: 24px; } } @media screen and (min-width: 1440px) { .hp-article-listing .article-content-container .article-title a { font-size: 24px; } } .hp-article-listing .article-image { padding-bottom: 16px; } .hp-article-listing .article-image img { border-radius: 4px; } .hp-article-listing .pagination { padding: 16px 0; } @media only screen and (min-width: 768px) { .hp-article-listing .article-content-container .article-content { padding-top: 0; } .hp-article-listing .article-content-container .article-content::after { background-color: #e4e4e4; } .hp-article-listing .variation-right .article-image { order: 1; } } @media only screen and (min-width: 1280px) { .hp-article-listing li { padding: 24px 0; } .hp-article-listing .article-image__wrap { height: auto; } .hp-article-listing .article-image { padding-bottom: 0; } .hp-article-listing .article-content-container .article-content .article-excerpt p:last-child { margin-bottom: 24px; } .hp-article-listing .article-content-container .article-content::after { width: calc(100% - 48px); bottom: -24px; } .hp-article-listing .variation-left .article-content-container .article-content { padding-left: 24px; } .hp-article-listing .variation-right .article-content-container .article-content { padding-right: 24px; } .hp-article-listing .pagination { padding-top: 24px; } } .hp-cookie-notification-panel { position: fixed; left: 50%; bottom: 0; transform: translateX(-50%); width: 100%; box-shadow: 0 -4px 4px 0px rgba(0, 0, 0, 0.25); background-color: #fff; z-index: 999; } .hp-cookie-notification-panel .hp-container, .hp-cookie-notification-panel .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-cookie-notification-panel .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .hp-help-contact-cta-panel { background-image: url('/svg/textures/help-contact-cta-panel.svg'); background-position: center; background-size: contain; color: #fff; } .hp-help-contact-cta-panel .help-contact-cta__title { color: inherit; text-align: center; } .hp-help-contact-cta-panel .help-contact-cta__icon { max-width: 150px; margin: auto; position: relative; } .hp-help-contact-cta-panel .help-contact-cta__icon svg.icon-bg { transition: fill 0.5s ease-in-out; } .hp-help-contact-cta-panel .help-contact-cta__icon svg.icon-icon { position: absolute; left: 50%; transform: translateX(-50%); top: 20%; max-width: 60px; } .hp-help-contact-cta-panel .help-contact-cta__icon div { color: #fff; text-align: center; font-weight: bold; font-size: 1.2em; margin-top: 20px; } .hp-help-contact-cta-panel .help-contact-cta__icon:hover svg.icon-bg { fill: #fff; } div.block.herobannersliderblock { z-index: 997; } .hp-hero-banner { position: relative; height: 100%; } .hp-hero-banner .hp-hero-slider__container { position: relative; } .hp-hero-banner .slide { position: relative; } .hp-hero-banner .slide.variation-center .slide-content__box { text-align: center; justify-content: center; } .hp-hero-banner .slide-content__box { height: 100%; position: relative; z-index: 1; } .hp-hero-banner .slide-content__text { position: relative; padding: 16px; } .hp-hero-banner .slide-content__text.center { text-align: center; } .hp-hero-banner .slide-content__text p { font-size: 16px; display: none; } @media screen and (min-width: 360px) { .hp-hero-banner .slide-content__text p { font-size: 16px; } } @media screen and (min-width: 768px) { .hp-hero-banner .slide-content__text p { font-size: 16px; } } @media screen and (min-width: 1280px) { .hp-hero-banner .slide-content__text p { font-size: 18px; } } @media screen and (min-width: 1440px) { .hp-hero-banner .slide-content__text p { font-size: 18px; } } .hp-hero-banner .slide-content__text a:not(:last-child) { margin: 0 0 8px 0; } .hp-hero-banner .slick-slider .slide-content__text { padding-bottom: 64px; } .hp-hero-banner .slide.height-small, .hp-hero-banner .slide.height-large { height: auto; } .hp-hero-banner .slide.height-small .slide-background-image, .hp-hero-banner .slide.height-large .slide-background-image { height: 200px; } .hp-hero-banner .slide-background-image, .hp-hero-banner .slide-video { position: relative; display: block; width: 100%; } .hp-hero-banner .slide-background-image::before, .hp-hero-banner .slide-video::before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; opacity: 0; } .hp-hero-banner .slide-video { position: relative; } .hp-hero-banner .slide-video video { width: 100%; height: 200px; -o-object-fit: cover; object-fit: cover; } .hp-hero-banner .slide-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hp-hero-banner .slide-group { position: relative; height: 200px; overflow: hidden; } .hp-hero-banner .slide-video.vimeo { padding-bottom: 57.25%; position: absolute; top: 50%; transform: translateY(-50%); } .hp-hero-banner .slick-dotted.slick-slider { margin-bottom: 0; } .hp-hero-banner .hp-slider-controls { position: absolute; padding: 0; left: 50%; bottom: 24px; transform: translate(-50%, 0); z-index: 997; } .hp-hero-banner .content-only { display: none; } .hp-hero-banner.utility-active .slide-content__text { padding-bottom: 101px; } .hp-hero-banner.utility-active .slide.height-large .slide-background-image, .hp-hero-banner.utility-active .slide.height-small .slide-background-image { height: 200px; } .hp-hero-banner.utility-active .slide.height-large, .hp-hero-banner.utility-active .slide.height-large .slide-video video, .hp-hero-banner.utility-active .slide.height-large .slide-video::before { height: auto; } .hp-hero-banner.utility-active .slide.height-small, .hp-hero-banner.utility-active .slide.height-small .slide-video::before, .hp-hero-banner.utility-active .slide.height-small .slide-video video { height: auto; } .hp-hero-banner.utility-active .hp-slider-controls { bottom: 60px; } @media only screen and (min-width: 768px) { .hp-hero-banner.utility-active .edge-clip-top__two { margin-top: -100px; } .hp-hero-banner.utility-active .hp-slider-controls { bottom: 90px; } .hp-hero-banner .slide-group { height: auto; overflow: visible; } .hp-hero-banner .slide-video.vimeo { position: absolute; top: unset; transform: unset; } .hp-hero-banner.edge-clip-previous { padding-bottom: 0; } .hp-hero-banner.edge-clip-previous .slide.height-small .slide-video::before, .hp-hero-banner.edge-clip-previous .slide.height-small .slide-video video { height: 525px; } .hp-hero-banner.edge-clip-previous .slide.height-small, .hp-hero-banner.edge-clip-previous .slide.height-small .slide-background-image, .hp-hero-banner.edge-clip-previous .slide.height-small .slide-content { height: 525px; padding-bottom: 165px; } .hp-hero-banner.edge-clip-previous .slide.height-large .slide-video video, .hp-hero-banner.edge-clip-previous .slide.height-large .slide-video::before { height: 695px; } .hp-hero-banner.edge-clip-previous .slide.height-large, .hp-hero-banner.edge-clip-previous .slide.height-large .slide-background-image, .hp-hero-banner.edge-clip-previous .slide.height-large .slide-content { height: 695px; padding-bottom: 165px; } .hp-hero-banner.edge-clip-previous .hp-slider-controls { bottom: 200px; } .hp-hero-banner .slide.height-small, .hp-hero-banner .slide.height-small .slide-background-image, .hp-hero-banner .slide.height-small .slide-content, .hp-hero-banner .slide.height-small .slide-video::before, .hp-hero-banner .slide.height-small .slide-video video { height: 330px; } .hp-hero-banner .slide.height-large, .hp-hero-banner .slide.height-large .slide-background-image, .hp-hero-banner .slide.height-large .slide-content, .hp-hero-banner .slide.height-large .slide-video::before, .hp-hero-banner .slide.height-large .slide-video video { height: 500px; } .hp-hero-banner.utility-active .slide.height-large, .hp-hero-banner.utility-active .slide.height-large .slide-background-image, .hp-hero-banner.utility-active .slide.height-large .slide-video video, .hp-hero-banner.utility-active .slide.height-large .slide-video::before { height: 500px; } .hp-hero-banner.utility-active .slide.height-small, .hp-hero-banner.utility-active .slide.height-small .slide-background-image, .hp-hero-banner.utility-active .slide.height-small .slide-video::before, .hp-hero-banner.utility-active .slide.height-small .slide-video video { height: 330px; } .hp-hero-banner.utility-active .slide.height-large .slide-video.vimeo { position: unset; padding-bottom: unset; } .hp-hero-banner.utility-active .slide.height-large .slide-video.vimeo iframe { height: 548px; } .hp-hero-banner.utility-active .slide.height-small .slide-video.vimeo iframe { height: 488px; } .hp-hero-banner.utility-active .slide.height-large .slide-video.vimeo iframe, .hp-hero-banner.utility-active .slide.height-small .slide-video.vimeo iframe { width: 1000px; } .hp-hero-banner .slide-background-image, .hp-hero-banner .slide-video { position: absolute; } .hp-hero-banner .hero-banner-one__content { display: block; } .hp-hero-banner .slide-content__text p { display: block; } .hp-hero-banner .slide-content__text a:not(:last-child) { margin: 0 16px 0 0; } .hp-hero-banner .slick-slider .slide-content__text { padding-bottom: 24px; } .hp-hero-banner .slide-background-image::before, .hp-hero-banner .slide-video::before { opacity: 1; } .hp-hero-banner.utility-active .slide-content__text { padding-bottom: 24px; } .hp-hero-banner .content-only { display: block; } } @media only screen and (min-width: 985px) { .hp-hero-banner.utility-active .slide.height-large .slide-video.vimeo { position: absolute; padding-bottom: 57.25%; } .hp-hero-banner.utility-active .slide.height-large .slide-video.vimeo iframe, .hp-hero-banner.utility-active .slide.height-small .slide-video.vimeo iframe { height: 100%; } .hp-hero-banner.utility-active .slide.height-large .slide-video.vimeo iframe, .hp-hero-banner.utility-active .slide.height-small .slide-video.vimeo iframe { width: 100%; } } @media only screen and (max-width: 768px) { .hp-hero-banner .hp-hero-slider__container { background-color: #00344f !important; } .hp-hero-banner .slide-content, .hp-hero-banner .slide-content .slide-content__text { background-color: #00344f !important; } .hp-hero-banner .slide-content .slide-content__text h2, .hp-hero-banner .slide-content .slide-content__text h1 { color: #fff !important; } .hp-hero-banner .uk-button.sky-primary-dark, .hp-hero-banner .sky-primary-dark.FormButton, .hp-hero-banner .Form__NavigationBar .sky-primary-dark.btnPrev, .Form__NavigationBar .hp-hero-banner .sky-primary-dark.btnPrev, .hp-hero-banner .Form__NavigationBar .sky-primary-dark.btnNext, .Form__NavigationBar .hp-hero-banner .sky-primary-dark.btnNext, .hp-hero-banner form input.sky-primary-dark[type='reset'], form .hp-hero-banner input.sky-primary-dark[type='reset'], .hp-hero-banner form button.sky-primary-dark.FormSubmitButton, form .hp-hero-banner button.sky-primary-dark.FormSubmitButton { background-color: #c14d34 !important; border: #c14d34 !important; } .hp-hero-banner .uk-button.sky-primary-dark:active, .hp-hero-banner .sky-primary-dark.FormButton:active, .hp-hero-banner .Form__NavigationBar .sky-primary-dark.btnPrev:active, .Form__NavigationBar .hp-hero-banner .sky-primary-dark.btnPrev:active, .hp-hero-banner .Form__NavigationBar .sky-primary-dark.btnNext:active, .Form__NavigationBar .hp-hero-banner .sky-primary-dark.btnNext:active, .hp-hero-banner form input.sky-primary-dark[type='reset']:active, form .hp-hero-banner input.sky-primary-dark[type='reset']:active, .hp-hero-banner form button.sky-primary-dark.FormSubmitButton:active, form .hp-hero-banner button.sky-primary-dark.FormSubmitButton:active, .hp-hero-banner .uk-button.sky-primary-dark:focus, .hp-hero-banner .sky-primary-dark.FormButton:focus, .hp-hero-banner .Form__NavigationBar .sky-primary-dark.btnPrev:focus, .Form__NavigationBar .hp-hero-banner .sky-primary-dark.btnPrev:focus, .hp-hero-banner .Form__NavigationBar .sky-primary-dark.btnNext:focus, .Form__NavigationBar .hp-hero-banner .sky-primary-dark.btnNext:focus, .hp-hero-banner form input.sky-primary-dark[type='reset']:focus, form .hp-hero-banner input.sky-primary-dark[type='reset']:focus, .hp-hero-banner form button.sky-primary-dark.FormSubmitButton:focus, form .hp-hero-banner button.sky-primary-dark.FormSubmitButton:focus, .hp-hero-banner .uk-button.sky-primary-dark:hover, .hp-hero-banner .sky-primary-dark.FormButton:hover, .hp-hero-banner .Form__NavigationBar .sky-primary-dark.btnPrev:hover, .Form__NavigationBar .hp-hero-banner .sky-primary-dark.btnPrev:hover, .hp-hero-banner .Form__NavigationBar .sky-primary-dark.btnNext:hover, .Form__NavigationBar .hp-hero-banner .sky-primary-dark.btnNext:hover, .hp-hero-banner form input.sky-primary-dark[type='reset']:hover, form .hp-hero-banner input.sky-primary-dark[type='reset']:hover, .hp-hero-banner form button.sky-primary-dark.FormSubmitButton:hover, form .hp-hero-banner button.sky-primary-dark.FormSubmitButton:hover { background-color: #c14d34; border-color: #7a0306; color: #fff; } .hp-hero-banner .hp-slider-controls button svg path, .hp-hero-banner.hp-slider-controls button svg path { fill: #fff !important; } .hp-hero-banner .slick-dots li button { border-color: #fff !important; } .hp-hero-banner .slick-dots li button::before { background-color: #fff !important; } } @media only screen and (min-width: 1280px) { .hp-hero-banner.utility-active .edge-clip-top__two { margin-top: -145px; } .hp-hero-banner .slide-content__text { padding: 24px; } .hp-hero-banner.utility-active .hp-slider-controls { bottom: 80px; } .hp-hero-banner .slide-video iframe { top: 50%; transform: translateY(-80%); } } @media only screen and (min-width: 1280px) { .uk-width-3-4 .herobannerblock.dm-1-1 .hp-hero-banner .slide-video iframe, .uk-width-3-4 .herobannersliderblock.dm-1-1 .hp-hero-banner .slide-video iframe { top: 0; transform: translateY(0%); } } .hp-hero-banner-utility-bar { background-color: #c14d34; background-size: 1200px; background-position: top center; padding-bottom: 24px; z-index: 996; overflow: visible; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__controls > a:focus-visible { outline: 2px dotted #fff; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__controls .hp-icon-panel__link { padding: 16px; } .hp-hero-banner-utility-bar .uk-child-width-1-4 > * { width: 100%; } .hp-hero-banner-utility-bar svg .cls-2, .hp-hero-banner-utility-bar svg .cls-3 { stroke: #fff; } .hp-hero-banner-utility-bar h4 { color: #fff; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__controls { position: relative; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__controls:not(first-child)::before { content: ''; position: absolute; width: calc(100% - 32px); left: 50%; transform: translateX(-50%); height: 1px; bottom: 0; background-color: #fff; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__controls::after { transition: 'transform' 0.3s ease-in-out; content: ''; position: absolute; right: 24px; top: 50%; transform: translate(0, -50%); background-image: url('/svg/icons/icon-chevron-down.svg'); background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; transform-origin: center; transition-duration: 0.3s; transition-property: transform; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__controls.active::after { transform: rotate(180deg); } .hp-hero-banner-utility-bar .hp-hero-banner-utility__content { background-color: #e3ddd5; display: none; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__content h1, .hp-hero-banner-utility-bar .hp-hero-banner-utility__content h2, .hp-hero-banner-utility-bar .hp-hero-banner-utility__content h3, .hp-hero-banner-utility-bar .hp-hero-banner-utility__content h4, .hp-hero-banner-utility-bar .hp-hero-banner-utility__content h5, .hp-hero-banner-utility-bar .hp-hero-banner-utility__content h6, .hp-hero-banner-utility-bar .hp-hero-banner-utility__content a:not(.uk-button):not(.FormButton) { color: #00344f; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__content p { color: #000; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__content a:not(.uk-button):not(.FormButton) { text-decoration: underline; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__content > span { font-size: 12px; font-weight: 500; line-height: 1; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__content .utilityOutagesForm a { color: #00344f; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__content .hp-search-form::before { display: block; left: 24px; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__content .hp-search-form input { border-color: #00344f; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__content .hp-search-form input::-moz-placeholder { color: #00344f; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__content .hp-search-form input, .hp-hero-banner-utility-bar .hp-hero-banner-utility__content .hp-search-form input::placeholder { color: #00344f; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__content .hp-wysiwyg-panel h1, .hp-hero-banner-utility-bar .hp-hero-banner-utility__content .hp-wysiwyg-panel h2, .hp-hero-banner-utility-bar .hp-hero-banner-utility__content .hp-wysiwyg-panel h3, .hp-hero-banner-utility-bar .hp-hero-banner-utility__content .hp-wysiwyg-panel h4, .hp-hero-banner-utility-bar .hp-hero-banner-utility__content .hp-wysiwyg-panel h5, .hp-hero-banner-utility-bar .hp-hero-banner-utility__content .hp-wysiwyg-panel h6 { color: #00344f; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__content .hp-wysiwyg-panel p { color: #000; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__content .hp-wysiwyg-panel a:not(.uk-button):not(.FormButton) { color: #c14d34; text-decoration: none; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__content .hp-wysiwyg-panel a:not(.uk-button):not(.FormButton):hover { text-decoration: underline; } .hp-hero-banner-utility-bar .hp-icon-panel__link { display: block; text-decoration: none; } .hp-hero-banner-utility-bar .hp-icon-panel__link h4 br { display: none; } .hp-hero-banner-utility-bar .hp-icon-panel__link .hp-icon-panel__icon { display: flex; flex-direction: row; align-items: center; text-align: center; padding: 0 28px 0 0; } .hp-hero-banner-utility-bar .hp-icon-panel__link .hp-icon-panel__icon-svg { width: 40px; height: 40px; margin: 0 8px 0 0; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__controls .hp-icon-panel__link .hp-icon-panel__icon-svg { border: none; } .hp-hero-banner-utility-bar .hp-icon-panel__link .hp-icon-panel__title { text-align: left; } .hp-hero-banner-utility-bar .hp-wysiwyg-panel > .hp-container, .hp-hero-banner-utility-bar .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid, .left-right-content .left-content .hp-hero-banner-utility-bar .right > div.hp-wysiwyg-panel > .uk-grid, .hp-hero-banner-utility-bar .hp-wysiwyg-panel > .hp-container > .hp-padding, .hp-hero-banner-utility-bar .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid > .hp-padding, .left-right-content .left-content .hp-hero-banner-utility-bar .right > div.hp-wysiwyg-panel > .uk-grid > .hp-padding { padding: 0; } .hp-hero-banner-utility-bar .utility-close { display: none; position: absolute; top: 24px; right: calc(48px + 16px); background-image: url('/svg//icons/header/icon-close.svg'); background-position: center center; background-repeat: no-repeat; padding: 5px; width: 13px; height: 13px; cursor: pointer; } .hp-hero-banner-utility-bar.desktop { background-image: none; background-color: #e3ddd5; display: none; } .hp-hero-banner-utility-bar.desktop .hp-container, .hp-hero-banner-utility-bar.desktop .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-hero-banner-utility-bar.desktop .right > div > .uk-grid { margin: 0 auto; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__controls .hp-icon-panel__link .hp-icon-panel__icon-title { color: #fff; font-size: 14px; font-weight: 600; margin: 0; } .hp-hero-banner-utility-bar .utilityOutagesForm span.search-clear { right: 16px; } .hp-hero-banner-utility-bar .utilityOutagesForm .FormTextbox input { padding: 9px 9px 9px 44px; } @media only screen and (min-width: 768px) { .hp-hero-banner-utility-bar { background-size: cover; padding-bottom: 8px; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__content .hp-search-form::before { display: block; left: 32px; } .hp-hero-banner-utility-bar .hp-icon-panel__link .hp-icon-panel__title { text-align: center; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__controls .hp-icon-panel__link { padding: 24px; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__controls { border-bottom: none; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__controls::after { display: none; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__controls:not(first-child)::before { background-color: rgba(0, 0, 0, 0); } .hp-hero-banner-utility-bar .hp-hero-banner-utility__controls.active::before { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 25px 25px 25px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e3ddd5 rgba(0, 0, 0, 0); bottom: calc(-16px / 2); left: 50%; transform: translate(-50%, 0); } .hp-hero-banner-utility-bar .hp-icon-panel__link .hp-icon-panel__icon { flex-direction: column; padding: 0; } .hp-hero-banner-utility-bar .hp-icon-panel__link .hp-icon-panel__icon-svg svg { width: 100%; } .hp-hero-banner-utility-bar .utility-close { display: block; } .hp-hero-banner-utility-bar .utilityOutagesForm .FormSubmitButton { margin-left: 0; margin-bottom: 16px; } .hp-hero-banner-utility-bar .utilityOutagesForm .FormTextbox { padding-bottom: 0; } .hp-hero-banner-utility-bar .utilityOutagesForm .FormTextbox input { padding: 9px 9px 9px 54px; } .hp-hero-banner-utility-bar > .hp-container, .left-right-content .left-content .right > div.hp-hero-banner-utility-bar > .uk-grid { padding: 0 calc(80px / 2); } .hp-hero-banner-utility-bar.desktop > .hp-container, .left-right-content .left-content .right > div.hp-hero-banner-utility-bar.desktop > .uk-grid { padding: 24px calc(80px / 2); } .hp-hero-banner-utility-bar .uk-child-width-1-4 > * { width: 25%; } .hp-hero-banner-utility-bar .hp-icon-panel__link h4 br { display: block; } .hp-hero-banner-utility-bar .hp-icon-panel__link .hp-icon-panel__icon-svg { width: 50px; height: 50px; margin: 0 auto 0 auto; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__controls .hp-icon-panel__link .hp-icon-panel__icon-title { margin: 16px 0 0 0; } .hp-hero-banner-utility-bar .hp-search-form { margin: 0 0 16px 0; } } @media only screen and (min-width: 1280px) { .hp-hero-banner-utility-bar .hp-container, .hp-hero-banner-utility-bar .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-hero-banner-utility-bar .right > div > .uk-grid { padding: 0 80px; } .hp-hero-banner-utility-bar .hp-icon-panel__link .hp-icon-panel__icon-svg { width: 75px; height: 75px; margin: 0 auto 0 auto; } .hp-hero-banner-utility-bar .hp-hero-banner-utility__controls .hp-icon-panel__link .hp-icon-panel__icon-title { font-size: 18px; } } .hp-icon-panel { position: relative; } .hp-icon-panel.variation-cta.edge-clip-previous { padding-bottom: 200px !important; } .hp-icon-panel.variation-cta.edge-clip-top__four { padding-top: 48px; } .hp-icon-panel.variation-card { overflow: hidden; } .hp-icon-panel .hp-container, .hp-icon-panel .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-icon-panel .right > div > .uk-grid { z-index: 1; } .hp-icon-panel.variation-cta { padding: 16px; } .hp-icon-panel.variation-cta .icon-content { padding: 0; } .hp-icon-panel.variation-cta .icon-content > *:last-child { margin-bottom: 0; } .hp-icon-panel.variation-cta .icon-content br { display: none; } .hp-icon-panel.variation-cta .hp-icon-panel__link { border-radius: 4px; padding: 14px; } .hp-icon-panel.variation-cta .hp-icon-panel__link .hp-icon-panel__icon { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-start; } .hp-icon-panel.variation-cta .hp-icon-panel__link .hp-icon-panel__icon.alignment-right { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; } .hp-icon-panel.variation-cta .hp-icon-panel__link .hp-icon-panel__icon.alignment-right span { padding-right: 8px; } .hp-icon-panel.variation-cta .hp-icon-panel__link .hp-icon-panel__icon.alignment-right svg { order: 2; } .hp-icon-panel.variation-cta .hp-icon-panel__link .hp-icon-panel__icon.alignment-right span { order: 1; } .hp-icon-panel.variation-cta .hp-icon-panel__link svg { height: 30px; width: 30px; } .hp-icon-panel.variation-cta .hp-icon-panel__link span { padding-left: 8px; font-weight: bold; } .hp-icon-panel.variation-cta .hp-icon-panel__icons a:nth-child(2) { margin-top: 16px; } .hp-icon-panel.variation-card .hp-container, .hp-icon-panel.variation-card .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-icon-panel.variation-card .right > div > .uk-grid, .hp-icon-panel.variation-feature .hp-container, .hp-icon-panel.variation-feature .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-icon-panel.variation-feature .right > div > .uk-grid { padding: 16px; } .hp-icon-panel.variation-card.alignment-top .icon-content, .hp-icon-panel.variation-feature.alignment-top .icon-content { text-align: center; } .hp-icon-panel.variation-card .icon-content > *:last-child, .hp-icon-panel.variation-feature .icon-content > *:last-child { margin-bottom: 24px; } .hp-icon-panel.variation-card .hp-icon-panel__link, .hp-icon-panel.variation-feature .hp-icon-panel__link { background-color: #fff; border-top: 1px solid #f4f2ef; box-shadow: 0 4px 4px rgba(56, 26, 26, 0.25); border-radius: 4px; text-align: center; } .hp-icon-panel.variation-card .hp-icon-panel__link svg, .hp-icon-panel.variation-feature .hp-icon-panel__link svg { margin-bottom: 16px; width: 48px; height: 48px; } .hp-icon-panel.variation-card a:focus-visible, .hp-icon-panel.variation-feature a:focus-visible { outline: none; text-decoration: underline; } .hp-icon-panel.variation-card.alignment-top { background-color: #eae6e0; } .hp-icon-panel.variation-card.alignment-right { background-color: #f1eeeb; } .hp-icon-panel.variation-card::after { content: ''; position: absolute; bottom: 0; left: 0; z-index: 0; -webkit-mask-image: url('/svg/components/icon-panel/card-background.svg'); mask-image: url('/svg/components/icon-panel/card-background.svg'); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-position: 74%; mask-position: 74%; background-color: #c14d34; width: 100%; height: 100%; } .hp-icon-panel.variation-card.remove-background-pattern { background-color: rgba(0, 0, 0, 0); } .hp-icon-panel.variation-card .icon-content { max-width: 75%; margin-left: auto; margin-right: auto; } .hp-icon-panel.variation-card .hp-icon-panel__link { color: #c14d34; } .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta:hover, .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta:focus-visible { text-decoration: underline; outline: none; } .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta, .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta span { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; color: #c14d34; } .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta svg *, .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta span svg * { color: #c14d34; } .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta svg { width: 20px; height: 20px; margin: 0 8px 0 0; padding: 0; } .hp-icon-panel.variation-card .hp-icon-panel__icon { display: flex; flex-direction: column; align-items: space-between; align-content: space-between; justify-content: space-between; height: 100%; } .hp-icon-panel.variation-card .hp-icon-panel__icon-cta svg > * { stroke: #c14d34; } .hp-icon-panel.variation-card .hp-icon-panel__icon-cta span { color: #c14d34; font-weight: 500; } .hp-icon-panel.variation-feature .hp-icon-panel__link { color: #c14d34; } .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta:hover, .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta:focus-visible { text-decoration: underline; outline: none; } .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta, .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta span { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; color: #c14d34; } .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta svg { width: 20px; height: 20px; margin: 0 8px 0 0; padding: 0; } .hp-icon-panel.variation-feature .hp-icon-panel__icon { display: flex; flex-direction: column; align-items: space-between; align-content: space-between; justify-content: space-between; height: 100%; } .hp-icon-panel.variation-feature .hp-icon-panel__icon-cta svg > * { stroke: #c14d34; } .hp-icon-panel.variation-feature .hp-icon-panel__icon-cta span { color: #c14d34; font-weight: 500; } .hp-icon-panel .hp-icon-panel__link { display: block; text-decoration: none; padding: 16px; } .hp-icon-panel p:last-child { margin-bottom: 0; } .hp-icon-panel .hp-icon-panel__icon-cta { margin-top: 16px; } .hp-icon-panel svg { fill: none; } .hp-icon-panel.variation-card.alignment-right::after { height: 125%; bottom: -200px; } .hp-icon-panel.variation-card.alignment-right .icon-content h2, .hp-icon-panel.variation-card.alignment-right .icon-content p { text-align: center; } .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; border-bottom: 1px solid #000; } .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg svg { height: 48px; width: 48px; order: 2; } .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg h3 { order: 1; } .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__link { text-align: left; } .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__icon-text { padding-top: 16px; } .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__link .hp-icon-panel__icon-cta { display: flex; flex-direction: row; align-items: flex-start; align-content: flex-start; justify-content: flex-start; } .hp-icon-panel.variation-feature h4, .hp-icon-panel.variation-card h4 { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } @media only screen and (min-width: 768px) { .hp-icon-panel.variation-feature .hp-container, .hp-icon-panel.variation-feature .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-icon-panel.variation-feature .right > div > .uk-grid, .hp-icon-panel.variation-card .hp-container, .hp-icon-panel.variation-card .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-icon-panel.variation-card .right > div > .uk-grid { padding: 24px 40px; } .hp-icon-panel.variation-feature .icon-content > *:last-child, .hp-icon-panel.variation-card .icon-content > *:last-child { margin-bottom: 48px; } .hp-icon-panel.variation-feature .hp-icon-panel__link svg, .hp-icon-panel.variation-card .hp-icon-panel__link svg { width: 80px; height: 80px; } .hp-icon-panel.variation-card::after { -webkit-mask-position: center; mask-position: center; bottom: -175px; } .hp-icon-panel.variation-card .icon-content { max-width: 100%; } .hp-icon-panel.variation-card.alignment-right .icon-content { padding-top: 0; } .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__content { padding-top: 0; width: 100%; } .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__group { width: 33%; } .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg svg { height: 56px; width: 56px; } } @media only screen and (min-width: 1280px) { .hp-icon-panel.variation-feature .hp-container, .hp-icon-panel.variation-feature .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-icon-panel.variation-feature .right > div > .uk-grid, .hp-icon-panel.variation-card .hp-container, .hp-icon-panel.variation-card .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-icon-panel.variation-card .right > div > .uk-grid { padding: 48px 40px; } .hp-icon-panel.variation-cta { padding: 0; } .hp-icon-panel.variation-cta.edge-clip-top__four { padding-top: 115px; } .hp-icon-panel.variation-cta .hp-icon-panel__icons { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link { width: 50%; } .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link:first-child { margin-right: 12px; margin-bottom: 0; } .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link:nth-child(2) { margin-top: 0; margin-left: 12px; } .hp-icon-panel.variation-cta .icon-content { padding: 24px; } .hp-icon-panel.variation-cta .icon-content > *:last-child { margin-bottom: 16px; } .hp-icon-panel.variation-cta .icon-content br { display: block; } .hp-icon-panel.variation-cta .hp-icon-panel__link svg { height: 56px; width: 56px; } .hp-icon-panel.variation-card .hp-icon-panel__content { padding-top: 0; } .hp-icon-panel.variation-card.alignment-right .icon-content h2, .hp-icon-panel.variation-card.alignment-right .icon-content p { text-align: left; } .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__content, .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__group { width: 25%; } .hp-icon-panel.variation-feature h4, .hp-icon-panel.variation-card h4 { min-height: 58px; } .hp-icon-panel.variation-feature .hp-icon-panel__link, .hp-icon-panel.variation-card .hp-icon-panel__link { padding: 24px; } } .iconsectionblock.dm-1-4 .background-pattern-core:before, .iconsectionblock.dm-1-4 .background-pattern-desert:before, .iconctablock.dm-1-4 .background-pattern-core:before, .iconctablock.dm-1-4 .background-pattern-desert:before, .iconblock.dm-1-4 .background-pattern-core:before, .iconblock.dm-1-4 .background-pattern-desert:before { background-size: 100%; } .iconsectionblock.dm-1-4 .background-pattern-core:after, .iconsectionblock.dm-1-4 .background-pattern-desert:after, .iconctablock.dm-1-4 .background-pattern-core:after, .iconctablock.dm-1-4 .background-pattern-desert:after, .iconblock.dm-1-4 .background-pattern-core:after, .iconblock.dm-1-4 .background-pattern-desert:after { background-size: 100%; } @media only screen and (min-width: 768px) and (max-width: 960px) { .iconsectionblock.dm-1-4 .background-pattern-core:before, .iconsectionblock.dm-1-4 .background-pattern-desert:before, .iconctablock.dm-1-4 .background-pattern-core:before, .iconctablock.dm-1-4 .background-pattern-desert:before, .iconblock.dm-1-4 .background-pattern-core:before, .iconblock.dm-1-4 .background-pattern-desert:before { background-size: 60%; } .iconsectionblock.dm-1-4 .background-pattern-core:after, .iconsectionblock.dm-1-4 .background-pattern-desert:after, .iconctablock.dm-1-4 .background-pattern-core:after, .iconctablock.dm-1-4 .background-pattern-desert:after, .iconblock.dm-1-4 .background-pattern-core:after, .iconblock.dm-1-4 .background-pattern-desert:after { background-size: 60%; } } .iconsectionblock.dm-1-4 .hp-icon-panel, .iconctablock.dm-1-4 .hp-icon-panel, .iconblock.dm-1-4 .hp-icon-panel { padding: 16px; } .iconsectionblock.dm-1-4 .hp-icon-panel h2, .iconsectionblock.dm-1-4 .hp-icon-panel .h2, .iconctablock.dm-1-4 .hp-icon-panel h2, .iconctablock.dm-1-4 .hp-icon-panel .h2, .iconblock.dm-1-4 .hp-icon-panel h2, .iconblock.dm-1-4 .hp-icon-panel .h2 { font-size: 24px; } .iconsectionblock.dm-1-4 .hp-icon-panel p, .iconctablock.dm-1-4 .hp-icon-panel p, .iconblock.dm-1-4 .hp-icon-panel p { font-size: 14px; } .iconsectionblock.dm-1-4 .hp-icon-panel a, .iconctablock.dm-1-4 .hp-icon-panel a, .iconblock.dm-1-4 .hp-icon-panel a { font-size: 14px; } .iconsectionblock.dm-1-4 .hp-icon-panel .uk-grid, .iconctablock.dm-1-4 .hp-icon-panel .uk-grid, .iconblock.dm-1-4 .hp-icon-panel .uk-grid { margin-left: -16px; } .iconsectionblock.dm-1-4 .hp-icon-panel .uk-grid > *, .iconctablock.dm-1-4 .hp-icon-panel .uk-grid > *, .iconblock.dm-1-4 .hp-icon-panel .uk-grid > * { padding-left: 16px; } .iconsectionblock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-2 > *, .iconsectionblock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-3 > *, .iconsectionblock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-4 > *, .iconctablock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-2 > *, .iconctablock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-3 > *, .iconctablock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-4 > *, .iconblock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-2 > *, .iconblock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-3 > *, .iconblock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-4 > * { width: 100%; } .iconsectionblock.dm-1-4 .hp-icon-panel * + .uk-grid-margin, .iconsectionblock.dm-1-4 .hp-icon-panel .uk-grid > .uk-grid-margin, .iconsectionblock.dm-1-4 .hp-icon-panel .uk-grid + .uk-grid, .iconctablock.dm-1-4 .hp-icon-panel * + .uk-grid-margin, .iconctablock.dm-1-4 .hp-icon-panel .uk-grid > .uk-grid-margin, .iconctablock.dm-1-4 .hp-icon-panel .uk-grid + .uk-grid, .iconblock.dm-1-4 .hp-icon-panel * + .uk-grid-margin, .iconblock.dm-1-4 .hp-icon-panel .uk-grid > .uk-grid-margin, .iconblock.dm-1-4 .hp-icon-panel .uk-grid + .uk-grid { margin-top: 24px; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-cta .icon-content > *:last-child, .iconctablock.dm-1-4 .hp-icon-panel.variation-cta .icon-content > *:last-child, .iconblock.dm-1-4 .hp-icon-panel.variation-cta .icon-content > *:last-child { margin-bottom: 16px; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-cta .hp-icon-panel__icons, .iconctablock.dm-1-4 .hp-icon-panel.variation-cta .hp-icon-panel__icons, .iconblock.dm-1-4 .hp-icon-panel.variation-cta .hp-icon-panel__icons { display: block; flex-direction: unset; align-items: unset; align-content: unset; justify-content: unset; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link, .iconctablock.dm-1-4 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link, .iconblock.dm-1-4 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link { width: auto; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-cta .hp-icon-panel__icons a:first-child, .iconctablock.dm-1-4 .hp-icon-panel.variation-cta .hp-icon-panel__icons a:first-child, .iconblock.dm-1-4 .hp-icon-panel.variation-cta .hp-icon-panel__icons a:first-child { margin-right: 0; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link:nth-child(2), .iconctablock.dm-1-4 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link:nth-child(2), .iconblock.dm-1-4 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link:nth-child(2) { margin-top: 16px; margin-left: 0; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link svg, .iconctablock.dm-1-4 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link svg, .iconblock.dm-1-4 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link svg { height: 30px; width: 30px; } @media only screen and (min-width: 1280px) { .iconsectionblock.dm-1-4 .hp-icon-panel.variation-cta .icon-content, .iconctablock.dm-1-4 .hp-icon-panel.variation-cta .icon-content, .iconblock.dm-1-4 .hp-icon-panel.variation-cta .icon-content { padding: 0; } } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .hp-container, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .right > div > .uk-grid, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .hp-container, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .right > div > .uk-grid, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .hp-container, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .iconctablock.dm-1-4 .hp-icon-panel.variation-card .right > div > .uk-grid, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .hp-container, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .right > div > .uk-grid, .iconblock.dm-1-4 .hp-icon-panel.variation-card .hp-container, .iconblock.dm-1-4 .hp-icon-panel.variation-card .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .iconblock.dm-1-4 .hp-icon-panel.variation-card .right > div > .uk-grid, .iconblock.dm-1-4 .hp-icon-panel.variation-feature .hp-container, .iconblock.dm-1-4 .hp-icon-panel.variation-feature .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .iconblock.dm-1-4 .hp-icon-panel.variation-feature .right > div > .uk-grid { padding: 0; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card.alignment-top .icon-content, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature.alignment-top .icon-content, .iconctablock.dm-1-4 .hp-icon-panel.variation-card.alignment-top .icon-content, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature.alignment-top .icon-content, .iconblock.dm-1-4 .hp-icon-panel.variation-card.alignment-top .icon-content, .iconblock.dm-1-4 .hp-icon-panel.variation-feature.alignment-top .icon-content { text-align: center; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .icon-content > *:last-child, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .icon-content > *:last-child, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .icon-content > *:last-child, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .icon-content > *:last-child, .iconblock.dm-1-4 .hp-icon-panel.variation-card .icon-content > *:last-child, .iconblock.dm-1-4 .hp-icon-panel.variation-feature .icon-content > *:last-child { margin-bottom: 24px; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link, .iconblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link, .iconblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link { background-color: #fff; border-top: 1px solid #f4f2ef; box-shadow: 0 4px 4px rgba(56, 26, 26, 0.25); border-radius: 4px; text-align: center; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link svg, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link svg, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link svg, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link svg, .iconblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link svg, .iconblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link svg { margin-bottom: 16px; width: 48px; height: 48px; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card a:focus-visible, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature a:focus-visible, .iconctablock.dm-1-4 .hp-icon-panel.variation-card a:focus-visible, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature a:focus-visible, .iconblock.dm-1-4 .hp-icon-panel.variation-card a:focus-visible, .iconblock.dm-1-4 .hp-icon-panel.variation-feature a:focus-visible { outline: none; text-decoration: underline; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card h4, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature h4, .iconctablock.dm-1-4 .hp-icon-panel.variation-card h4, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature h4, .iconblock.dm-1-4 .hp-icon-panel.variation-card h4, .iconblock.dm-1-4 .hp-icon-panel.variation-feature h4 { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card:not(.remove-background-pattern).alignment-top, .iconctablock.dm-1-4 .hp-icon-panel.variation-card:not(.remove-background-pattern).alignment-top, .iconblock.dm-1-4 .hp-icon-panel.variation-card:not(.remove-background-pattern).alignment-top { background-color: #eae6e0; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card:not(.remove-background-pattern).alignment-right, .iconctablock.dm-1-4 .hp-icon-panel.variation-card:not(.remove-background-pattern).alignment-right, .iconblock.dm-1-4 .hp-icon-panel.variation-card:not(.remove-background-pattern).alignment-right { background-color: #f1eeeb; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card::after, .iconctablock.dm-1-4 .hp-icon-panel.variation-card::after, .iconblock.dm-1-4 .hp-icon-panel.variation-card::after { content: ''; position: absolute; bottom: 0; z-index: 0; -webkit-mask-image: url('/svg/components/icon-panel/card-background.svg'); mask-image: url('/svg/components/icon-panel/card-background.svg'); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-position: 74%; mask-position: 74%; background-color: #c14d34; width: 100%; height: 100%; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card.remove-background-pattern, .iconctablock.dm-1-4 .hp-icon-panel.variation-card.remove-background-pattern, .iconblock.dm-1-4 .hp-icon-panel.variation-card.remove-background-pattern { background-color: rgba(0, 0, 0, 0); } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .icon-content, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .icon-content, .iconblock.dm-1-4 .hp-icon-panel.variation-card .icon-content { margin-left: auto; margin-right: auto; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link, .iconblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link { color: #c14d34; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta:hover, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta:focus-visible, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta:hover, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta:focus-visible, .iconblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta:hover, .iconblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta:focus-visible { text-decoration: underline; outline: none; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta span, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta span, .iconblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta, .iconblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta span { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; color: #c14d34; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta svg *, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta span svg *, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta svg *, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta span svg *, .iconblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta svg *, .iconblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta span svg * { color: #c14d34; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta svg, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta svg, .iconblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__link .hp-icon-panel__icon-cta svg { width: 20px; height: 20px; margin: 0 8px 0 0; padding: 0; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__icon, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__icon, .iconblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__icon { display: flex; flex-direction: column; align-items: space-between; align-content: space-between; justify-content: space-between; height: 100%; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__icon-cta svg > *, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__icon-cta svg > *, .iconblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__icon-cta svg > * { stroke: #c14d34; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__icon-cta span, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__icon-cta span, .iconblock.dm-1-4 .hp-icon-panel.variation-card .hp-icon-panel__icon-cta span { color: #c14d34; font-weight: 500; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right::after, .iconctablock.dm-1-4 .hp-icon-panel.variation-card.alignment-right::after, .iconblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right::after { height: 125%; bottom: -200px; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .icon-content h2, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .icon-content p, .iconctablock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .icon-content h2, .iconctablock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .icon-content p, .iconblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .icon-content h2, .iconblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .icon-content p { text-align: center; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg, .iconctablock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg, .iconblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; border-bottom: 1px solid #000; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg svg, .iconctablock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg svg, .iconblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg svg { height: 48px; width: 48px; order: 2; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg h3, .iconctablock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg h3, .iconblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__svg h3 { order: 1; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__link, .iconctablock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__link, .iconblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__link { text-align: left; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__icon-text, .iconctablock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__icon-text, .iconblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__icon-text { padding-top: 16px; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__link .hp-icon-panel__icon-cta, .iconctablock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__link .hp-icon-panel__icon-cta, .iconblock.dm-1-4 .hp-icon-panel.variation-card.alignment-right .hp-icon-panel__link .hp-icon-panel__icon-cta { display: flex; flex-direction: row; align-items: flex-start; align-content: flex-start; justify-content: flex-start; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link, .iconblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link { color: #c14d34; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta:hover, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta:focus-visible, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta:hover, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta:focus-visible, .iconblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta:hover, .iconblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta:focus-visible { text-decoration: underline; outline: none; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta span, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta span, .iconblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta, .iconblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta span { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; color: #c14d34; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta svg, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta svg, .iconblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__link .hp-icon-panel__icon-cta svg { width: 20px; height: 20px; margin: 0 8px 0 0; padding: 0; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__icon, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__icon, .iconblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__icon { display: flex; flex-direction: column; align-items: space-between; align-content: space-between; justify-content: space-between; height: 100%; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__icon-cta svg > *, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__icon-cta svg > *, .iconblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__icon-cta svg > * { stroke: #c14d34; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__icon-cta span, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__icon-cta span, .iconblock.dm-1-4 .hp-icon-panel.variation-feature .hp-icon-panel__icon-cta span { color: #c14d34; font-weight: 500; } @media only screen and (min-width: 768px) and (max-width: 960px) { .iconsectionblock.dm-1-4 .hp-icon-panel, .iconctablock.dm-1-4 .hp-icon-panel, .iconblock.dm-1-4 .hp-icon-panel { padding: 0; } .iconsectionblock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-2 > *, .iconsectionblock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-3 > *, .iconsectionblock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-4 > *, .iconctablock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-2 > *, .iconctablock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-3 > *, .iconctablock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-4 > *, .iconblock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-2 > *, .iconblock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-3 > *, .iconblock.dm-1-4 .hp-icon-panel .uk-grid.uk-child-width-1-4 > * { width: 50%; } .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .hp-container, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .iconsectionblock.dm-1-4 .hp-icon-panel.variation-card .right > div > .uk-grid, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .hp-container, .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .iconsectionblock.dm-1-4 .hp-icon-panel.variation-feature .right > div > .uk-grid, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .hp-container, .iconctablock.dm-1-4 .hp-icon-panel.variation-card .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .iconctablock.dm-1-4 .hp-icon-panel.variation-card .right > div > .uk-grid, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .hp-container, .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .iconctablock.dm-1-4 .hp-icon-panel.variation-feature .right > div > .uk-grid, .iconblock.dm-1-4 .hp-icon-panel.variation-card .hp-container, .iconblock.dm-1-4 .hp-icon-panel.variation-card .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .iconblock.dm-1-4 .hp-icon-panel.variation-card .right > div > .uk-grid, .iconblock.dm-1-4 .hp-icon-panel.variation-feature .hp-container, .iconblock.dm-1-4 .hp-icon-panel.variation-feature .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .iconblock.dm-1-4 .hp-icon-panel.variation-feature .right > div > .uk-grid { padding: 24px 40px; } } .uk-width-3-4 .iconsectionblock.dm-1-1 .hp-icon-panel.variation-cta .icon-content > *:last-child, .uk-width-3-4 .iconctablock.dm-1-1 .hp-icon-panel.variation-cta .icon-content > *:last-child, .uk-width-3-4 .iconblock.dm-1-1 .hp-icon-panel.variation-cta .icon-content > *:last-child { margin-bottom: 16px; } .uk-width-3-4 .iconsectionblock.dm-1-1 .hp-icon-panel.variation-cta .hp-icon-panel__icons, .uk-width-3-4 .iconctablock.dm-1-1 .hp-icon-panel.variation-cta .hp-icon-panel__icons, .uk-width-3-4 .iconblock.dm-1-1 .hp-icon-panel.variation-cta .hp-icon-panel__icons { display: block; flex-direction: unset; align-items: unset; align-content: unset; justify-content: unset; } .uk-width-3-4 .iconsectionblock.dm-1-1 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link, .uk-width-3-4 .iconctablock.dm-1-1 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link, .uk-width-3-4 .iconblock.dm-1-1 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link { width: auto; } .uk-width-3-4 .iconsectionblock.dm-1-1 .hp-icon-panel.variation-cta .hp-icon-panel__icons a:first-child, .uk-width-3-4 .iconctablock.dm-1-1 .hp-icon-panel.variation-cta .hp-icon-panel__icons a:first-child, .uk-width-3-4 .iconblock.dm-1-1 .hp-icon-panel.variation-cta .hp-icon-panel__icons a:first-child { margin-right: 0; } .uk-width-3-4 .iconsectionblock.dm-1-1 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link:nth-child(2), .uk-width-3-4 .iconctablock.dm-1-1 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link:nth-child(2), .uk-width-3-4 .iconblock.dm-1-1 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link:nth-child(2) { margin-top: 16px; margin-left: 0; } .uk-width-3-4 .iconsectionblock.dm-1-1 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link svg, .uk-width-3-4 .iconctablock.dm-1-1 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link svg, .uk-width-3-4 .iconblock.dm-1-1 .hp-icon-panel.variation-cta .hp-icon-panel__icons .hp-icon-panel__link svg { height: 30px; width: 30px; } @media only screen and (min-width: 768px) { .uk-width-3-4 .iconsectionblock.dm-1-1 .hp-icon-panel.variation-card .icon-content, .uk-width-3-4 .iconctablock.dm-1-1 .hp-icon-panel.variation-card .icon-content, .uk-width-3-4 .iconblock.dm-1-1 .hp-icon-panel.variation-card .icon-content { max-width: 100%; } } @media only screen and (min-width: 960px) { .uk-width-3-4 .iconsectionblock.dm-1-1 .hp-icon-panel .icon-content, .uk-width-3-4 .iconctablock.dm-1-1 .hp-icon-panel .icon-content, .uk-width-3-4 .iconblock.dm-1-1 .hp-icon-panel .icon-content { padding: 0; } } @media only screen and (min-width: 1280px) { .uk-width-3-4 .iconsectionblock.dm-1-1 .hp-icon-panel.variation-card .icon-content, .uk-width-3-4 .iconctablock.dm-1-1 .hp-icon-panel.variation-card .icon-content, .uk-width-3-4 .iconblock.dm-1-1 .hp-icon-panel.variation-card .icon-content { margin-left: 0; } .uk-width-3-4 .iconsectionblock.dm-1-1 .hp-icon-panel.variation-cta h3, .uk-width-3-4 .iconsectionblock.dm-1-1 .hp-icon-panel.variation-cta .h3, .uk-width-3-4 .iconctablock.dm-1-1 .hp-icon-panel.variation-cta h3, .uk-width-3-4 .iconctablock.dm-1-1 .hp-icon-panel.variation-cta .h3, .uk-width-3-4 .iconblock.dm-1-1 .hp-icon-panel.variation-cta h3, .uk-width-3-4 .iconblock.dm-1-1 .hp-icon-panel.variation-cta .h3 { font-size: 32px; } .uk-width-3-4 .iconsectionblock.dm-1-1 .hp-icon-panel.variation-cta p, .uk-width-3-4 .iconctablock.dm-1-1 .hp-icon-panel.variation-cta p, .uk-width-3-4 .iconblock.dm-1-1 .hp-icon-panel.variation-cta p { font-size: 16px; } .uk-width-3-4 .iconsectionblock.dm-1-1 .hp-icon-panel.variation-cta a, .uk-width-3-4 .iconctablock.dm-1-1 .hp-icon-panel.variation-cta a, .uk-width-3-4 .iconblock.dm-1-1 .hp-icon-panel.variation-cta a { font-size: 16px; } .uk-width-3-4 .iconsectionblock.dm-1-1 .hp-icon-panel.variation-cta .uk-grid-collapse, .uk-width-3-4 .iconctablock.dm-1-1 .hp-icon-panel.variation-cta .uk-grid-collapse, .uk-width-3-4 .iconblock.dm-1-1 .hp-icon-panel.variation-cta .uk-grid-collapse { padding: 0 24px; } } .icon-link { width: 100%; border-radius: 4px; display: flex; justify-content: center; align-items: center; } .icon-link * { font-family: 'Beausite', 'Arial', sans-serif; } .icon-link .icon-link__block { display: flex; text-align: center; flex-direction: column; padding: 16px; } .icon-link .icon-link__block .icon-link__box .icon-link__container { display: flex; align-items: center; flex-direction: column; gap: 16px; flex: 1; } .icon-link .icon-link__block .icon-link__box .icon-link__container.p0 { padding: 0; } .icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon { flex: 0 0 auto; text-align: center; padding: 0; } .icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__icon * { width: 64px; height: 64px; } .icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text { flex: 1 1 auto; text-align: center; margin-bottom: 0; } .icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .font-h3-semibold, .icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .webapp .account-accordion .uk-accordion-content-title, .webapp .account-accordion .icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .uk-accordion-content-title { color: inherit; } .icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .icon-link__text-description { padding: 8px 0 0 0; } .icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text .icon-link__text-description * { color: inherit; } @media only screen and (min-width: 768px) { .icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__text { text-align: left; } } .icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link { flex: 0 0 auto; } @media only screen and (min-width: 768px) { .icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link { text-align: right; min-width: 100px; } } @media only screen and (min-width: 1280px) { .icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__link { min-width: 276px; } } .icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__content { text-align: center; width: 100%; } .icon-link .icon-link__block .icon-link__box .icon-link__container .icon-link__content button { width: inherit; } @media only screen and (min-width: 768px) { .icon-link .icon-link__block .icon-link__box .icon-link__container { flex-direction: row; gap: 24px; } } @media only screen and (min-width: 768px) { .icon-link .icon-link__block .icon-link__box { padding: 0; } } .icon-link .icon-link__block .learn-more { text-align: center; border-radius: 4px; } .icon-link .icon-link__block .learn-more button { width: 100%; } .icon-link.spaced .icon-link__box { margin: 16px; padding: 0; } .icon-link.spaced .icon-link__box .icon-link__container { padding: 16px; } .icon-link.spaced .icon-link__box .icon-link__container .icon-link__icon { padding-bottom: 16px; } @media only screen and (min-width: 768px) { .icon-link.spaced .icon-link__box .icon-link__container .icon-link__icon { padding-right: 24px; padding-bottom: 0; } } .icon-link.spaced .icon-link__box .icon-link__container .icon-link__text { padding: 0; } @media only screen and (min-width: 768px) { .icon-link.spaced .icon-link__box .icon-link__container .icon-link__text { padding-right: 24px; } } @media only screen and (min-width: 768px) { .icon-link.spaced .icon-link__box .icon-link__container { padding: 24px; } } @media only screen and (min-width: 768px) { .icon-link.spaced .icon-link__box { margin: 24px; } } @media only screen and (min-width: 1280px) { .icon-link.spaced .icon-link__box { margin: 48px 40px; } } .icon-link.spaced h2, .icon-link.spaced h3 { margin: 0; text-align: center; } @media only screen and (min-width: 768px) { .icon-link.spaced.multi h2, .icon-link.spaced.multi h3 { display: block; text-align: center; } } .icon-link.multi .icon-link__block { padding: 16px; } .icon-link.multi .icon-link__block .icon-link__block__title-description { color: #000; padding-top: 12px; } .icon-link.multi .icon-link__block .icon-link__box { display: flex; flex-direction: column; padding: 16px; gap: 16px; } @media only screen and (min-width: 768px) { .icon-link.multi .icon-link__block .icon-link__box { flex-direction: row; } } .icon-link.multi .icon-link__block .icon-link__box .icon-link__container { padding: 0; } @media only screen and (min-width: 768px) { .icon-link.multi .icon-link__block .icon-link__box .icon-link__container { flex-direction: column !important; } .icon-link.multi .icon-link__block .icon-link__box .icon-link__container .icon-link__link { text-align: center; } .icon-link.multi .icon-link__block .icon-link__box .icon-link__container .icon-link__icon { padding: 0; } } @media only screen and (min-width: 768px) { .icon-link.multi .icon-link__block .icon-link__box .icon-link__container .icon-link__text { text-align: center; } .icon-link.multi .icon-link__block .icon-link__box .icon-link__container .icon-link__text div { padding: 8px 0 0 0; } } .icon-link.multi .icon-link__block h2, .icon-link.multi .icon-link__block h3 { margin: 0; } @media only screen and (min-width: 768px) { .icon-link.multi .icon-link__block h2, .icon-link.multi .icon-link__block h3 { display: block; text-align: center; } } @media only screen and (min-width: 768px) { .icon-link.multi .icon-link__block { gap: 16px; } } .icon-link.theme-sea-bright .icon-link__block { color: #fff; } .icon-link.theme-sea-bright .icon-link__block h2, .icon-link.theme-sea-bright .icon-link__block h3 { color: inherit; } .icon-link.theme-sea-bright .icon-link__block .icon-link__box .icon-link__container h2, .icon-link.theme-sea-bright .icon-link__block .icon-link__box .icon-link__container h3 { color: inherit; } .icon-link.theme-sea-bright .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg path { stroke: #fff; } .icon-link.theme-sea-bright .icon-link__block .icon-link__box .icon-link__container .icon-link__link a { color: #fff; } .icon-link.theme-sea-bright .icon-link__block .icon-link__box .icon-link__container .icon-link__content button { color: #00344f; } .icon-link.theme-sea-bright .icon-link__block .learn-more { color: #00344f; } .icon-link.theme-core-navy .icon-link__box { color: #fff; } .icon-link.theme-core-navy .icon-link__box .icon-link__container h2, .icon-link.theme-core-navy .icon-link__box .icon-link__container h3 { color: inherit; } .icon-link.theme-core-navy .icon-link__box .icon-link__container .icon-link__icon svg path { stroke: #fff; } .icon-link.theme-core-navy .icon-link__box .icon-link__container .icon-link__link a { color: #fff; } .icon-link.theme-core-navy .icon-link__box .icon-link__container .icon-link__content button { color: #00344f; } .hp-solar-result { background-color: #aedcd7; display: flex; align-items: center; flex-direction: column; gap: 16px; text-align: center; border-radius: 4px; } .hp-solar-result .icon-text__icon { min-width: 48px; min-height: 48px; } @media only screen and (min-width: 768px) { .hp-solar-result .icon-text__icon { min-width: 64px; min-height: 64px; } } .hp-solar-result .icon-text__description { flex: 1; } .hp-solar-result .icon-text__description h2 { color: #00344f; margin: 0; padding: 0; } .hp-solar-result .icon-text__description h3 { display: none; } @media only screen and (min-width: 768px) { .hp-solar-result { flex-direction: row; gap: 24px; text-align: start; } } .hp-solar-result.warn { background-color: #efb93e; } .hp-solar-result.warn .icon-text__description h3 { display: block; margin: 0; padding-top: 8px; font-weight: normal; } @media only screen and (min-width: 768px) { .hp-solar-result.warn .icon-text__description h3 { padding-top: 12px; } } .hp-image-carousel-panel { padding: 16px 16px; overflow: hidden; } .hp-image-carousel-panel .hp-image-carousel__card h2, .hp-image-carousel-panel .hp-image-carousel__card h3, .hp-image-carousel-panel .hp-image-carousel__card h4 { margin-bottom: 8px; } .hp-image-carousel-panel.core-image { background-size: 0; background-color: #eae6e0; } .hp-image-carousel-panel.core-image.edge-clip-previous { padding-bottom: 165px; } .hp-image-carousel-panel.core-image .hp-image-carousel__card h2, .hp-image-carousel-panel.core-image .hp-image-carousel__card h3, .hp-image-carousel-panel.core-image .hp-image-carousel__card h4, .hp-image-carousel-panel.core-image .hp-image-carousel__card button { color: #fff; } .hp-image-carousel-panel.core-image .hp-image-carousel__cards span.uk-link-arrow { color: #fff; } .hp-image-carousel-panel.core-image .hp-image-carousel__cards span.uk-link-arrow::after { background-color: #fff; } .hp-image-carousel-panel.core-image .slick-dotted.slick-slider { margin-bottom: 0; } .hp-image-carousel-panel.core-image .hp-slider-controls { padding-top: 16px; } .hp-image-carousel-panel.edge-clip-top__four { margin-top: -150px; -webkit-mask-image: url(../svg/wavy/edge-mask-four.svg), linear-gradient(#000, #fff); mask-image: url(../svg/wavy/edge-mask-four.svg), linear-gradient(#000, #fff); } .hp-image-carousel-panel.core-centre .hp-image-carousel__content { text-align: center; } .hp-image-carousel-panel .hp-image-carousel__content { padding: 0 0 24px 0; } .hp-image-carousel-panel .hp-image-carousel__content h2 { margin: 0; padding: 0; } .hp-image-carousel-panel .hp-image-carousel__content p { display: none; } .hp-image-carousel-panel .hp-image-carousel__card { position: relative; } .hp-image-carousel-panel .hp-image-carousel__card::before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; opacity: 1; } .hp-image-carousel-panel .hp-image-carousel__card .uk-position-top { z-index: 2; } .hp-image-carousel-panel .hp-image-carousel__card, .hp-image-carousel-panel .hp-image-carousel__card img { border-radius: 4px; } .hp-image-carousel-panel .hp-image-carousel__cards span.uk-link-arrow { font-weight: 500; } .hp-image-carousel-panel .hp-image-carousel__card:hover, .hp-image-carousel-panel .hp-image-carousel__card:focus-visible { outline: none; } .hp-image-carousel-panel .hp-image-carousel__card:hover .uk-link-arrow::after, .hp-image-carousel-panel .hp-image-carousel__card:focus-visible .uk-link-arrow::after { right: 0; } .hp-image-carousel-panel .hp-image-carousel__cards { position: relative; z-index: 2; } .hp-image-carousel-panel .slick-slider a, .hp-image-carousel-panel .slick-slider span.hp-image-carousel__card { display: inline-block; position: relative; height: 300px; overflow: hidden; } .hp-image-carousel-panel .slick-slider a img, .hp-image-carousel-panel .slick-slider span.hp-image-carousel__card img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .hp-image-carousel-panel .slick-dotted.slick-slider { margin-bottom: 24px; } .hp-image-carousel-panel .slick-slide { width: 275px; } .hp-image-carousel-panel .slick-list { overflow: visible; } .hp-image-carousel-panel .slick-slide:nth-child(n + 2) { margin: 0 0 0 24px; } .hp-image-carousel-panel .hp-slider-controls button svg path { fill: #00344f; } .hp-image-carousel-panel .slick-dots li button { border-color: #00344f; } .hp-image-carousel-panel .slick-dots li button::before { background-color: #00344f; } @media only screen and (min-width: 768px) { .hp-image-carousel-panel { padding: 0; } .hp-image-carousel-panel.edge-clip-top__four { margin-top: -170px; } .hp-image-carousel-panel .hp-image-carousel__content { padding: 0 0 24px 24px; } .hp-image-carousel-panel .slick-slide { width: 315px; } } @media only screen and (min-width: 1280px) { .hp-image-carousel-panel .hp-image-carousel__content h2 { margin: 0 0 16px 0; } .hp-image-carousel-panel .hp-image-carousel__content p { display: block; } .hp-image-carousel-panel.core-image { padding: 300px 0 0 0; background-repeat: no-repeat; background-position: center 0; background-size: 100% 91%; } .hp-image-carousel-panel.core-image.edge-clip-previous { background-size: 100% 79%; } .hp-image-carousel-panel.core-image .hp-image-carousel__content { padding: 24px; background-color: #eae6e0; border-radius: 4px 4px 0 0; position: relative; z-index: 1; } .hp-image-carousel-panel.core-image .hp-image-carousel__content:after { content: ''; position: absolute; top: 0; left: -100%; height: 550px; width: 200%; background-color: #eae6e0; border-radius: 4px; z-index: -1; } .hp-image-carousel-panel:not(.core-image) .hp-image-carousel__content { padding: 0 24px 24px; } .hp-image-carousel-panel .slick-slider a, .hp-image-carousel-panel .slick-slider span.hp-image-carousel__card { height: 420px; } .hp-image-carousel-panel .slick-slide { width: 400px; } } @media only screen and (min-width: 1440px) { .hp-image-carousel-panel .slick-slider a, .hp-image-carousel-panel .slick-slider span.hp-image-carousel__card { height: 400px; } .hp-image-carousel-panel .slick-slide { width: 380px; } } .uk-width-3-4 .imagecarouselblock.dm-1-1 .hp-image-carousel-panel > .hp-container > .uk-child-width-1-2 > div, .uk-width-3-4 .imagecarouselblock.dm-1-1 .left-right-content .left-content .right > div.hp-image-carousel-panel > .uk-grid > .uk-child-width-1-2 > div, .left-right-content .left-content .uk-width-3-4 .imagecarouselblock.dm-1-1 .right > div.hp-image-carousel-panel > .uk-grid > .uk-child-width-1-2 > div { width: 72%; } @media only screen and (min-width: 1280px) { .uk-width-3-4 .imagecarouselblock.dm-1-1 .hp-image-carousel-panel.core-image { padding: 150px 0 0; } } @media only screen and (min-width: 768px) { .hp-image-tile .hp-image-tile__content-outer, .hp-image-tile .hp-image-tile__content-one { margin: 0; } } @media only screen and (min-width: 768px) { .hp-image-tile.variation-two-tile .uk-child-width-1-2\@l .uk-grid-match, .hp-image-tile.variation-three-tile .uk-child-width-1-2\@l .uk-grid-match { width: 100%; } } @media only screen and (min-width: 1280px) { .hp-image-tile.variation-two-tile .uk-child-width-1-2\@l .uk-grid-match, .hp-image-tile.variation-three-tile .uk-child-width-1-2\@l .uk-grid-match { width: 49.9750124938%; } } @media only screen and (min-width: 768px) { .hp-image-tile.variation-two-tile .uk-child-width-1-3\@l .uk-grid-match, .hp-image-tile.variation-three-tile .uk-child-width-1-3\@l .uk-grid-match { width: 100%; } } @media only screen and (min-width: 1280px) { .hp-image-tile.variation-two-tile .uk-child-width-1-3\@l .uk-grid-match, .hp-image-tile.variation-three-tile .uk-child-width-1-3\@l .uk-grid-match { width: 33.3222259247%; } } .hp-image-tile .hp-image-tiles__heading { padding: 0 16px 16px 16px; } @media only screen and (min-width: 768px) { .hp-image-tile .hp-image-tiles__heading { display: block; } } @media only screen and (min-width: 1280px) { .hp-image-tile .hp-image-tiles__heading { padding: 0 24px 24px 24px; } } .hp-image-tile .hp-image-tiles__heading .uk-child-width-1-2 > * { width: 50%; } .hp-image-tile .hp-image-tile__card { border-radius: 4px; box-shadow: 0 4px 4px rgba(56, 26, 26, 0.25); position: relative; border-top: 1px solid #f1eeeb; } @media only screen and (min-width: 1280px) { .hp-image-tile .hp-image-tile__card { border-top: 0; } } .hp-image-tile .hp-image-tile__card .hp-image-tile__description { padding-bottom: 16px; } .hp-image-tile .hp-image-tile__card.variation-one-tile { flex-direction: column; box-shadow: none; border-radius: 0; border-top: 0; } .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content { padding: 16px 0 0 0; order: 2; } @media only screen and (min-width: 768px) { .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content { padding: 16px; order: 0; } } @media only screen and (min-width: 1280px) { .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content { padding: 24px; } } .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content-left { padding: 16px 0 0 0; } @media only screen and (min-width: 768px) { .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content-left { padding: 24px 24px 24px 48px; } } .hp-image-tile .hp-image-tile__card.variation-two-tile .uk-flex, .hp-image-tile .hp-image-tile__card.variation-three-tile .uk-flex { flex-wrap: nowrap; } @media only screen and (min-width: 768px) { .hp-image-tile .hp-image-tile__card.variation-two-tile .uk-flex, .hp-image-tile .hp-image-tile__card.variation-three-tile .uk-flex { flex-wrap: nowrap; } } @media only screen and (min-width: 1280px) { .hp-image-tile .hp-image-tile__card.variation-two-tile .uk-flex, .hp-image-tile .hp-image-tile__card.variation-three-tile .uk-flex { flex-wrap: wrap; } } .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__content-container, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__content-container { padding-left: 0; display: flex; min-height: 96px; } @media only screen and (min-width: 1280px) { .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__content-container, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__content-container { padding-left: 24px; margin-top: 0; } } .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__content, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__content { align-self: center; } @media only screen and (min-width: 1280px) { .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__content, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__content { min-height: 100%; } } .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__title, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__title { margin-bottom: 0; line-height: 1.25em; } @media only screen and (min-width: 768px) { .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__title, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__title { margin-bottom: 8px; } } @media only screen and (min-width: 1280px) { .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__title, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__title { margin-bottom: 16px; } } .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__title-link, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__title-link { position: relative; text-decoration: none; display: inline-block; } .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__title-link:after, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__title-link:after { content: none; } @media only screen and (min-width: 768px) { .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__title-link:after, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__title-link:after { font-size: 1.7em; right: -44px; top: 4px; content: ''; position: absolute; -webkit-mask: url('/svg/arrow-right.svg') no-repeat center; mask: url('/svg/arrow-right.svg') no-repeat center; background-color: #c14d34; width: 28px; height: 16px; font-weight: 700; } } @media only screen and (min-width: 1280px) { .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__title-link:after:after, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__title-link:after:after { content: none; } } @media only screen and (min-width: 1280px) { .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__title-link:after, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__title-link:after { content: none; } } .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__image, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__image { border-radius: 4px 0 0 4px; height: 100%; width: 96px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media only screen and (min-width: 768px) { .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__image, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__image { width: 138px; visibility: visible; } } @media only screen and (min-width: 1280px) { .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__image, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__image { width: 100%; } } @media only screen and (min-width: 1280px) { .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__image, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__image { border-radius: 4px 4px 0 0; height: 250px; } } .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__content, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__content { padding: 16px; } @media only screen and (min-width: 1280px) { .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__content, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__content { padding: 24px; } } .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__description, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__description { display: none; } @media only screen and (min-width: 768px) { .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__description, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__description { display: block; } } .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__description p, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__description p { margin: 0; line-height: 1.375em; } @media only screen and (min-width: 1280px) { .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__description p, .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__description p { margin: 0 0 16px 0; } } .hp-image-tile .hp-image-tile__card-grid-one { width: 120px; display: block; } @media only screen and (min-width: 768px) { .hp-image-tile .hp-image-tile__card-grid-one { width: 138px; } } @media only screen and (min-width: 1280px) { .hp-image-tile .hp-image-tile__card-grid-one { width: 100%; } } .hp-image-tile .hp-image-tile__image { order: 1; padding: 0; } .hp-image-tile .hp-image-tile__image img { border-radius: 4px; width: 100%; max-height: 150px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media only screen and (min-width: 1280px) { .hp-image-tile .hp-image-tile__image img { max-height: 250px; } } .hp-image-tile .hp-image-title__content { order: 2; } .hp-image-tile .hp-image-title__content a:hover { text-decoration: none; } .hp-image-tile .hp-image-tile-card__box { position: relative; } .hp-image-tile .hp-image-title__link { color: #c14d34; position: absolute; right: 24px; bottom: 24px; } @media only screen and (min-width: 768px) { .hp-image-tile .hp-image-tile__card.variation-one-tile { flex-direction: row; box-shadow: unset; } .hp-image-tile .hp-image-tile__image { order: unset; } .hp-image-tile .hp-image-tile__image img { border-radius: 4px; max-height: unset; } .hp-image-tile .hp-image-title__content { order: unset; } } .imagetilecontainerblock.dm-1-4 .background-pattern-core:before, .imagetilecontainerblock.dm-1-4 .background-pattern-desert:before, .imagetileblock.dm-1-4 .background-pattern-core:before, .imagetileblock.dm-1-4 .background-pattern-desert:before { background-size: 100%; } .imagetilecontainerblock.dm-1-4 .background-pattern-core:after, .imagetilecontainerblock.dm-1-4 .background-pattern-desert:after, .imagetileblock.dm-1-4 .background-pattern-core:after, .imagetileblock.dm-1-4 .background-pattern-desert:after { background-size: 100%; } @media only screen and (min-width: 768px) and (max-width: 960px) { .imagetilecontainerblock.dm-1-4 .background-pattern-core:before, .imagetilecontainerblock.dm-1-4 .background-pattern-desert:before, .imagetileblock.dm-1-4 .background-pattern-core:before, .imagetileblock.dm-1-4 .background-pattern-desert:before { background-size: 60%; } .imagetilecontainerblock.dm-1-4 .background-pattern-core:after, .imagetilecontainerblock.dm-1-4 .background-pattern-desert:after, .imagetileblock.dm-1-4 .background-pattern-core:after, .imagetileblock.dm-1-4 .background-pattern-desert:after { background-size: 60%; } } .imagetilecontainerblock.dm-1-4 .hp-image-tile h2, .imagetilecontainerblock.dm-1-4 .hp-image-tile .h2, .imagetileblock.dm-1-4 .hp-image-tile h2, .imagetileblock.dm-1-4 .hp-image-tile .h2 { font-size: 24px; } .imagetilecontainerblock.dm-1-4 .hp-image-tile p, .imagetileblock.dm-1-4 .hp-image-tile p { font-size: 14px; } .imagetilecontainerblock.dm-1-4 .hp-image-tile ul li, .imagetileblock.dm-1-4 .hp-image-tile ul li { list-style: disc; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tiles__heading, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tiles__heading { padding: 16px; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tiles__heading .uk-child-width-1-2 > *, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tiles__heading .uk-child-width-1-2 > * { width: 50%; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card { border-radius: 4px; box-shadow: 0 4px 4px rgba(56, 26, 26, 0.25); position: relative; border-top: 1px solid #f1eeeb; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile { flex-direction: column; box-shadow: none; border-radius: 0; border-top: 0; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content { padding: 16px 0 0 0; order: 2; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content-left, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content-left { padding: 16px 0 0 0; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content a.uk-button, .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content a.FormButton, .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content .Form__NavigationBar a.btnPrev, .Form__NavigationBar .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content a.btnPrev, .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content .Form__NavigationBar a.btnNext, .Form__NavigationBar .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content a.btnNext, .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content-left a.uk-button, .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content-left a.FormButton, .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content-left .Form__NavigationBar a.btnPrev, .Form__NavigationBar .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content-left a.btnPrev, .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content-left .Form__NavigationBar a.btnNext, .Form__NavigationBar .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content-left a.btnNext, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content a.uk-button, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content a.FormButton, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content .Form__NavigationBar a.btnPrev, .Form__NavigationBar .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content a.btnPrev, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content .Form__NavigationBar a.btnNext, .Form__NavigationBar .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content a.btnNext, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content-left a.uk-button, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content-left a.FormButton, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content-left .Form__NavigationBar a.btnPrev, .Form__NavigationBar .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content-left a.btnPrev, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content-left .Form__NavigationBar a.btnNext, .Form__NavigationBar .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content-left a.btnNext { width: 100%; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .uk-grid, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .uk-grid, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .uk-grid, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .uk-grid { margin-left: -16px; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .uk-grid > *, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .uk-grid > *, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .uk-grid > *, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .uk-grid > * { padding-left: 16px; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .uk-flex, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .uk-flex, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .uk-flex, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .uk-flex { flex-wrap: nowrap; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile div.uk-width-1-2, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile div.uk-child-width-1-2 > *, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile div.uk-width-1-2, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile div.uk-child-width-1-2 > *, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile div.uk-width-1-2, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile div.uk-child-width-1-2 > *, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile div.uk-width-1-2, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile div.uk-child-width-1-2 > * { width: 100%; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-hidden-s, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-hidden-s, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-hidden-s, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-hidden-s { display: none; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__content-outer > div.uk-flex, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__content-outer > div.uk-flex, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__content-outer > div.uk-flex, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__content-outer > div.uk-flex { flex-wrap: wrap; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .uk-child-width-1-2\@l .uk-grid-match, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .uk-child-width-1-3\@l .uk-grid-match, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .uk-child-width-1-2\@l .uk-grid-match, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .uk-child-width-1-3\@l .uk-grid-match, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .uk-child-width-1-2\@l .uk-grid-match, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .uk-child-width-1-3\@l .uk-grid-match, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .uk-child-width-1-2\@l .uk-grid-match, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .uk-child-width-1-3\@l .uk-grid-match { width: 100%; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile * + .uk-grid-margin, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .uk-grid > .uk-grid-margin, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .uk-grid + .uk-grid, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile * + .uk-grid-margin, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .uk-grid > .uk-grid-margin, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .uk-grid + .uk-grid, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile * + .uk-grid-margin, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .uk-grid > .uk-grid-margin, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .uk-grid + .uk-grid, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile * + .uk-grid-margin, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .uk-grid > .uk-grid-margin, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .uk-grid + .uk-grid { margin-top: 24px; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__content-container, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__content-container, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__content-container, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__content-container { padding-left: 0; display: flex; min-height: 96px; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__content, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__content, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__content, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__content { align-self: center; min-height: 0; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__content a, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__content a, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__content a, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__content a { font-size: 14px; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__content h5, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__content .h5, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__content h5, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__content .h5, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__content h5, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__content .h5, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__content h5, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__content .h5 { font-size: 18px; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__title, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__title, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__title, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__title { margin-bottom: 0; line-height: 1.25em; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__title-link, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__title-link, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__title-link, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__title-link { position: relative; text-decoration: none; display: inline-block; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__title-link:after, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__title-link:after, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__title-link:after, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__title-link:after { content: none; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__image, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__image, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__image, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__image { border-radius: 4px 0 0 4px; height: 100%; width: 96px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__content, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__content, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__content, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__content { padding: 16px; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__description, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__description, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__description, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__description { display: none; } .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__description p, .imagetilecontainerblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__description p, .imagetileblock.dm-1-4 .hp-image-tile.variation-two-tile .hp-image-tile__description p, .imagetileblock.dm-1-4 .hp-image-tile.variation-three-tile .hp-image-tile__description p { margin: 0; line-height: 1.375em; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card-grid-one, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card-grid-one { width: 120px; display: block; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__image, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__image { order: 1; padding: 0; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__image img, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__image img { border-radius: 4px; width: 100%; max-height: 150px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-title__content, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-title__content { order: 2; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-title__content a:hover, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-title__content a:hover { text-decoration: none; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile-card__box, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile-card__box { position: relative; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-title__link, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-title__link { color: #c14d34; position: absolute; right: 24px; bottom: 24px; } @media only screen and (min-width: 768px) and (max-width: 960px) { .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-padding.hp-padding-remove, .imagetileblock.dm-1-4 .hp-image-tile .hp-padding.hp-padding-remove { padding: 0; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile { flex-direction: row; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content { padding: 16px; order: 0; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content a.uk-button, .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content a.FormButton, .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content .Form__NavigationBar a.btnPrev, .Form__NavigationBar .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content a.btnPrev, .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content .Form__NavigationBar a.btnNext, .Form__NavigationBar .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content a.btnNext, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content a.uk-button, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content a.FormButton, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content .Form__NavigationBar a.btnPrev, .Form__NavigationBar .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content a.btnPrev, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content .Form__NavigationBar a.btnNext, .Form__NavigationBar .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__content a.btnNext { width: auto; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__image img, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-one-tile .hp-image-tile__image img { border-radius: 4px; max-height: unset; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__description, .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__description, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__description, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__description { display: block; } .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__title-link:after, .imagetilecontainerblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__title-link:after, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-two-tile .hp-image-tile__title-link:after, .imagetileblock.dm-1-4 .hp-image-tile .hp-image-tile__card.variation-three-tile .hp-image-tile__title-link:after { font-size: 1.7em; right: -44px; top: 4px; content: ''; position: absolute; -webkit-mask: url(../svg/arrow-right.svg) no-repeat center; background-color: #c14d34; width: 28px; height: 16px; font-weight: 700; } } .hp-link-listing-panel { padding: 16px; } .hp-link-listing-panel table { background-color: #f4f2ef; border-collapse: collapse; border-style: hidden; width: 100%; } .hp-link-listing-panel table caption { display: none; } .hp-link-listing-panel table tr:first-child td, .hp-link-listing-panel table tr:first-child th { background-color: #eae6e0; font-weight: 700; color: #00344f; } .hp-link-listing-panel table tr:first-child th { border-radius: 4px 4px 0 0; } .hp-link-listing-panel table tr:last-child td { border-radius: 0 0 4px 4px; } .hp-link-listing-panel table tr:not(:first-child):nth-child(odd) td { background-color: #f4f2ef; } .hp-link-listing-panel table tr:not(:first-child):nth-child(even) td { background-color: #fff; } .hp-link-listing-panel table td, .hp-link-listing-panel table th { text-align: left; padding: 12px 12px; overflow-wrap: break-word; } @media only screen and (min-width: 1280px) { .hp-link-listing-panel table td, .hp-link-listing-panel table th { padding: 24px; } .hp-link-listing-panel table tr:first-child td, .hp-link-listing-panel table tr:first-child th { padding: 24px; } } .hp-link-listing-panel tr:first-child td, .hp-link-listing-panel tr:first-child th, .hp-link-listing-panel tr td, .hp-link-listing-panel tr th { color: #000; font-size: 16px; } @media screen and (min-width: 360px) { .hp-link-listing-panel tr:first-child td, .hp-link-listing-panel tr:first-child th, .hp-link-listing-panel tr td, .hp-link-listing-panel tr th { font-size: 16px; } } @media screen and (min-width: 768px) { .hp-link-listing-panel tr:first-child td, .hp-link-listing-panel tr:first-child th, .hp-link-listing-panel tr td, .hp-link-listing-panel tr th { font-size: 16px; } } @media screen and (min-width: 1280px) { .hp-link-listing-panel tr:first-child td, .hp-link-listing-panel tr:first-child th, .hp-link-listing-panel tr td, .hp-link-listing-panel tr th { font-size: 18px; } } @media screen and (min-width: 1440px) { .hp-link-listing-panel tr:first-child td, .hp-link-listing-panel tr:first-child th, .hp-link-listing-panel tr td, .hp-link-listing-panel tr th { font-size: 18px; } } .hp-link-listing-panel .hp-link-listing__icon { width: 25px; text-align: center; } .hp-link-listing-panel .hp-link-listing__icon a { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } .hp-link-listing-panel .hp-link-listing__icon svg { width: 20px; height: 20px; } .hp-link-listing-panel .hp-link-listing__item { color: #000; position: relative; display: flex; align-items: center; flex-direction: row; } .hp-link-listing-panel .hp-link-listing__item svg { flex-shrink: 0; width: 22px; height: 22px; } .hp-link-listing-panel .hp-link-listing__item span { color: #c14d34; padding: 0 0 0 8px; text-transform: uppercase; } .hp-link-listing-panel .hp-link-listing__item.variation-stand-alone label { margin: 0 0 0 8px; } .hp-link-listing-panel .hp-link-listing__item.variation-table { align-items: flex-start; flex-direction: column; } .hp-link-listing-panel .hp-link-listing__item.variation-table span { padding: 0; } .hp-link-listing-panel .hp-link-listing__item.variation-table::before { margin: 0 24px 0 0; } .hp-link-listing-panel .hp-link-listing__item.variation-table::after { content: ''; background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; right: 0; width: 18px; height: 18px; margin: 0 0 0 24px; } .hp-link-listing-panel .hp-link-listing__item:hover, .hp-link-listing-panel .hp-link-listing__item:focus-visible { text-decoration: none; outline: none; } .hp-link-listing-panel .hp-link-listing__item:hover label, .hp-link-listing-panel .hp-link-listing__item:focus-visible label { text-decoration: underline; cursor: pointer; } @media only screen and (min-width: 768px) { .hp-link-listing-panel { padding: 0; } .hp-link-listing-panel .hp-link-listing__item.variation-table { align-items: center; flex-direction: row; } .hp-link-listing-panel .hp-link-listing__item.variation-table span { padding: 0 42px 0 8px; } } .linklistingblock.dm-1-4 .hp-link-listing-panel { padding: 16px; } @media only screen and (min-width: 768px) { .linklistingblock.dm-1-4 .hp-link-listing-panel { padding: 0; } } .hp-news-social-panel { padding: 16px 0; font-family: 'Beausite', 'Arial', sans-serif; position: relative; } @media only screen and (min-width: 768px) { .hp-news-social-panel { padding: 0; } } .hp-news-social-panel .hp-container, .hp-news-social-panel .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-news-social-panel .right > div > .uk-grid { margin: 16px; } @media only screen and (min-width: 768px) { .hp-news-social-panel .hp-container, .hp-news-social-panel .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-news-social-panel .right > div > .uk-grid { margin: 0 auto; } } .hp-news-social-panel .hp-news-social-ordering.order-1 { order: 1; } .hp-news-social-panel .hp-news-social-ordering.order-2 { order: 2; } .hp-news-social-panel .hp-news-social-ordering.order-3 { order: 4; } @media only screen and (min-width: 768px) { .hp-news-social-panel .hp-news-social-ordering.order-3 { display: none; } } @media only screen and (min-width: 1280px) { .hp-news-social-panel .hp-news-social-ordering.order-3 { order: 4; display: block; } } .hp-news-social-panel .hp-news-social-ordering.order-4 { order: 3; } @media only screen and (min-width: 1280px) { .hp-news-social-panel .hp-news-social-ordering.order-4 { order: 4; } } @media only screen and (min-width: 768px) { .hp-news-social-panel .hp-news-social-panel__subgrid-first { width: 66.6444518494%; } } @media only screen and (min-width: 1280px) { .hp-news-social-panel .hp-news-social-panel__subgrid-first { width: 50%; } } @media only screen and (min-width: 768px) { .hp-news-social-panel .hp-news-social-panel__subgrid-second { width: 33.3222259247%; } } @media only screen and (min-width: 1280px) { .hp-news-social-panel .hp-news-social-panel__subgrid-second { width: 50%; } } @media only screen and (min-width: 768px) { .hp-news-social-panel .hp-news-social-panel__subgrid-toplevel.uk-child-width-1-2 > * { width: 100%; } } .hp-news-social-panel .hp-news-social-panel__article-item { margin: 0 0 0 16px; } @media only screen and (min-width: 768px) { .hp-news-social-panel .hp-news-social-panel__article-item { margin: 0 auto; } } @media only screen and (min-width: 768px) { .hp-news-social-panel .hp-news-social-panel__subgrid.uk-child-width-1-2 > * { width: 100%; } } @media only screen and (min-width: 1280px) { .hp-news-social-panel .hp-news-social-panel__subgrid.uk-child-width-1-2 > * { width: 50%; } } .hp-news-social-panel .news-social-page-title { font-weight: 700; padding: 16px; display: none; } @media only screen and (min-width: 1280px) { .hp-news-social-panel .news-social-page-title { padding: 0 24px 24px 24px; display: block; margin-bottom: 0; } } .hp-news-social-panel .hp-news-social-panel__article { color: #fff; background-position: top; margin: 0; padding: 16px; font-weight: 400; min-height: 176px; position: relative; } @media only screen and (min-width: 768px) { .hp-news-social-panel .hp-news-social-panel__article { min-height: 128px; } } @media only screen and (min-width: 1280px) { .hp-news-social-panel .hp-news-social-panel__article { min-height: 300px; padding: 24px; } } .hp-news-social-panel .hp-news-social-panel__article::after { content: ''; transition: all ease-in-out 0.3s; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .hp-news-social-panel .hp-news-social-panel__article .hp-news-social-panel__social-icon { position: absolute; width: 12px; height: 12px; z-index: 1; bottom: 24px; left: 24px; background-repeat: no-repeat; background-size: contain; } .hp-news-social-panel .hp-news-social-panel__article .hp-news-social-panel__social-icon.social-icon-facebook { background-image: url('/svg/icons/social-facebook.svg'); } .hp-news-social-panel .hp-news-social-panel__article .hp-news-social-panel__social-icon.social-icon-linkedin { background-image: url('/svg/icons/social-linkedin.svg'); } .hp-news-social-panel .hp-news-social-panel__article .hp-news-social-panel__social-icon.social-icon-twitter { background-image: url('/svg/icons/social-twitter.svg'); } .hp-news-social-panel .hp-news-social-panel__article .hp-news-social-panel__social-icon.social-icon-instagram { background-image: url('/svg/icons/social-instagram.svg'); } .hp-news-social-panel .hp-news-social-panel__article .hp-news-social-panel__title { color: #fff; font-weight: 500; line-height: 120%; } @media only screen and (min-width: 1280px) { .hp-news-social-panel .hp-news-social-panel__article .hp-news-social-panel__title { font-size: 1.5em; } } .hp-news-social-panel .hp-news-social-panel__article .hp-news-social-panel__article-overlay { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; background: #000; background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); } .hp-news-social-panel .hp-news-social-panel__article .hp-news-social-panel__article-content { z-index: 1; position: relative; } .hp-news-social-panel .hp-news-social-panel__article .hp-news-social-panel__article-content--bottom { position: absolute; bottom: 16px; right: 16px; left: 16px; } @media only screen and (min-width: 1280px) { .hp-news-social-panel .hp-news-social-panel__article .hp-news-social-panel__article-content--bottom { bottom: 24px; right: 24px; left: 24px; } } .hp-news-social-panel .hp-news-social-panel__article .hp-news-social-panel__article-overlay--bottom { transform: rotate(180deg); } .hp-news-social-panel .hp-news-social-panel__article .hp-news-social-panel__read-more { margin: 0; padding-right: 36px; display: block; text-align: right; position: relative; } .hp-news-social-panel .hp-news-social-panel__article .hp-news-social-panel__read-more:hover { text-decoration: none; } .hp-news-social-panel .hp-news-social-panel__article .hp-news-social-panel__read-more:after { transition: all 0.3s ease; font-size: 1.7em; right: 0px; top: 3px; position: absolute; content: ''; -webkit-mask: url('/svg/arrow-right.svg') no-repeat center; mask: url('/svg/arrow-right.svg') no-repeat center; background-color: #fff; width: 28px; height: 16px; font-weight: 700; } @media only screen and (min-width: 1280px) { .hp-news-social-panel .hp-news-social-panel__article .hp-news-social-panel__read-more:after { top: 6px; } } .hp-news-social-panel .hp-news-social-panel__article-link { margin-top: 0; padding: 0; } .hp-news-social-panel .hp-news-social-panel__article-link:hover { text-decoration: none; } .hp-news-social-panel .hp-news-social-panel__article-link:hover .hp-news-social-panel__read-more:after { right: -10px; } .hp-news-social-panel .hp-news-social-panel__article-link:focus { z-index: 10000; } .hp-news-social-panel .hp-news-social-panel__article-link:focus .hp-news-social-panel__read-more:after { right: -10px; } .hp-news-social-panel .hp-news-social-panel__article-link:focus .hp-news-social-panel__title, .hp-news-social-panel .hp-news-social-panel__article-link:focus .hp-news-social-panel__read-more { text-decoration: underline; } .hp-news-social-panel__close.uk-modal-container { margin-left: 0; } @media only screen and (min-width: 1280px) { .hp-news-social-panel__close.uk-modal-container { margin-left: -16px; } } .hp-news-social-panel__close .uk-close { color: #fff; cursor: pointer; } .hp-news-social-panel__close .uk-close svg { width: 20px; } .hp-news-social-panel__close .uk-close svg line { stroke: #fff; stroke-width: 1.75; } .hp-news-social-panel__close .uk-modal-body { padding: 24px; } .hp-news-social-panel__close .uk-modal-body p:last-child { margin-bottom: 0; } .hp-news-social-panel__button { margin-top: 16px; text-align: center; } @media only screen and (min-width: 768px) { .hp-news-social-panel__button { display: none; } } @media only screen and (min-width: 1280px) { .hp-news-social-panel__button { margin-top: 24px; display: block; } } .hp-news-social-panel__featured { height: 100%; position: relative; } .hp-news-social-panel__featured .hp-news-social-panel__featured-content { padding: 0; color: #000; height: auto; box-sizing: border-box; display: block; position: relative; z-index: 1; } @media only screen and (min-width: 768px) { .hp-news-social-panel__featured .hp-news-social-panel__featured-content { display: flex; height: 100%; padding: 16px; } } @media only screen and (min-width: 1280px) { .hp-news-social-panel__featured .hp-news-social-panel__featured-content { padding: 24px; } } .hp-news-social-panel__featured .hp-news-social-panel__featured-content h3 { padding-bottom: 24px; } @media only screen and (min-width: 768px) { .hp-news-social-panel__featured .hp-news-social-panel__featured-content h3 { padding-bottom: 16px; } } @media only screen and (min-width: 1280px) { .hp-news-social-panel__featured .hp-news-social-panel__featured-content h3 { padding-bottom: 0; font-size: 1.5em; } } .hp-news-social-panel__featured .hp-news-social-panel__featured-image { position: relative; display: block; height: 180px; top: 0; bottom: 20%; right: 0; left: 0; } @media only screen and (min-width: 768px) { .hp-news-social-panel__featured .hp-news-social-panel__featured-image { height: auto; position: absolute; } } .hp-news-social-panel__featured .hp-news-social-panel__featured-text { background-color: #fff; padding: 16px; position: relative; z-index: 1; align-self: flex-end; } @media only screen and (min-width: 768px) { .hp-news-social-panel__featured .hp-news-social-panel__featured-text { padding: 16px; } } @media only screen and (min-width: 1280px) { .hp-news-social-panel__featured .hp-news-social-panel__featured-text { padding: 24px; } } .hp-news-social-panel__featured .hp-news-social-panel__featured-text .hp-news-social-panel__featured-description { padding: 15px 0; line-height: 1.2em; display: none; } @media only screen and (min-width: 1280px) { .hp-news-social-panel__featured .hp-news-social-panel__featured-text .hp-news-social-panel__featured-description { display: block; } } .hp-news-social-panel__featured .hp-news-social-panel__featured-text h3 { margin: 0; } .hp-news-social-panel__featured .hp-news-social-panel__featured-texture { position: absolute; bottom: 0; top: 80%; left: 0; right: 0; z-index: 0; display: none; background-size: cover; background-repeat: no-repeat; } @media only screen and (min-width: 768px) { .hp-news-social-panel__featured .hp-news-social-panel__featured-texture { display: block; } } @media only screen and (min-width: 768px) { .hp-news-social-panel__featured .hp-news-social-panel__article-item { padding: 0; } } .hp-promo-banner-panel { overflow-y: hidden; position: relative; flex-direction: column; } .hp-promo-banner-panel.edge-clip-previous { padding-bottom: 0; } .hp-promo-banner-panel.edge-clip-previous.height-small { height: auto; padding-bottom: 165px; } .hp-promo-banner-panel.edge-clip-previous.height-large { height: auto; padding-bottom: 165px; } .hp-promo-banner-panel.variation-center { text-align: center; } .hp-promo-banner-panel.variation-center .hp-promo-banner-panel__tile p { margin: 0; } .hp-promo-banner-panel .hp-promo-banner-panel__background-image { display: block; background-size: cover; min-height: 200px; width: 100%; } .hp-promo-banner-panel .variation-left, .hp-promo-banner-panel .variation-right { display: flex; width: 100%; } .hp-promo-banner-panel .variation-left { justify-content: flex-start; } .hp-promo-banner-panel .variation-right { justify-content: flex-end; } .hp-promo-banner-panel .hp-promo-banner-panel__tile { padding: 16px; border-radius: 0; } .hp-promo-banner-panel .hp-promo-banner-panel__tile.left { margin-right: 0; } .hp-promo-banner-panel .hp-promo-banner-panel__tile.right { margin-left: 0; } .hp-promo-banner-panel .hp-promo-banner-panel__tile a:not(:last-child) { margin: 0 0 16px 0; } .hp-promo-banner-panel .hp-promo-banner-panel__tile h1 { font-size: 24px; } @media screen and (min-width: 360px) { .hp-promo-banner-panel .hp-promo-banner-panel__tile h1 { font-size: 24px; } } @media screen and (min-width: 768px) { .hp-promo-banner-panel .hp-promo-banner-panel__tile h1 { font-size: 24px; } } @media screen and (min-width: 1280px) { .hp-promo-banner-panel .hp-promo-banner-panel__tile h1 { font-size: 40px; } } @media screen and (min-width: 1440px) { .hp-promo-banner-panel .hp-promo-banner-panel__tile h1 { font-size: 40px; } } .hp-promo-banner-panel.height-small { height: auto; } .hp-promo-banner-panel.height-medium { height: auto; } .hp-promo-banner-panel.height-default { height: auto; } @media only screen and (min-width: 768px) { .hp-promo-banner-panel { flex-direction: row; } .hp-promo-banner-panel .hp-promo-banner-panel__background-image { position: absolute; display: block; background-size: cover; height: 100%; width: 100%; } .hp-promo-banner-panel .hp-promo-banner-panel__tile { border-radius: 4px; margin: 0; } .hp-promo-banner-panel .hp-promo-banner-panel__tile a:not(:last-child) { margin: 0 16px 0 0; } } @media only screen and (min-width: 1280px) { .hp-promo-banner-panel.edge-clip-previous { padding-bottom: 0; } .hp-promo-banner-panel.edge-clip-previous.height-small { height: 495px; padding-bottom: 165px; } .hp-promo-banner-panel.edge-clip-previous.height-large { height: 605px; padding-bottom: 165px; } .hp-promo-banner-panel .hp-promo-banner-panel__tile { padding: 24px; } .hp-promo-banner-panel.height-small { height: 330px; } .hp-promo-banner-panel.height-large { height: 440px; } } .hp-office-location-panel.rm-wavy-line .hp-office-location { margin-bottom: 0; } .hp-office-location-panel .hp-container, .hp-office-location-panel .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-office-location-panel .right > div > .uk-grid { z-index: 997; } .hp-office-location-panel .hp-search-form { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } .hp-office-location-panel .hp-office-location__view { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; margin: 16px 0; } .hp-office-location-panel .hp-office-location__near { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-start; order: 2; margin-right: auto; } .hp-office-location-panel .hp-office-location__near a { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; margin: 0 16px 0 0; background-color: #c14d34; width: 35px; height: 35px; border-radius: 50%; } .hp-office-location-panel .hp-office-location__near svg { width: 25px; } .hp-office-location-panel .hp-office-location__near span { font-size: 18px; color: #c14d34; font-weight: 600; } @media screen and (min-width: 360px) { .hp-office-location-panel .hp-office-location__near span { font-size: 18px; } } @media screen and (min-width: 768px) { .hp-office-location-panel .hp-office-location__near span { font-size: 18px; } } @media screen and (min-width: 1280px) { .hp-office-location-panel .hp-office-location__near span { font-size: 24px; } } @media screen and (min-width: 1440px) { .hp-office-location-panel .hp-office-location__near span { font-size: 24px; } } .hp-office-location-panel .hp-office-location__switcher { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-start; order: 1; } .hp-office-location-panel .hp-office-location__switcher span { display: none; color: #00344f; font-weight: 600; padding-right: 24px; } .hp-office-location-panel .hp-office-location__hr { display: none; border-color: #b9ac99; margin-bottom: 32px; } .hp-office-location-panel .hp-office-location__hr.near { order: 2; width: 100%; display: block; margin: 16px 0; } .hp-office-location-panel .hp-office-container__content { order: 2; margin-top: 16px; } .hp-office-location-panel .hp-office-container__map { order: 1; } .hp-office-location-panel .hp-office-location { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; margin-bottom: -200px; } .hp-office-location-panel .hp-office-location__details { margin-left: 0; } .hp-office-location-panel .hp-office-location__details::-webkit-scrollbar { width: 8px; } .hp-office-location-panel .hp-office-location__details::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0); } .hp-office-location-panel .hp-office-location__details::-webkit-scrollbar-thumb { background-color: #c14d34; border-radius: 4px; } .hp-office-location-panel .hp-office-location__details ul { margin: 0; } .hp-office-location-panel .hp-office-location__detail { background-color: #fff; border-radius: 4px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); display: block; margin: 0 0 16px 0; text-decoration: none; } .hp-office-location-panel .hp-office-location__detail h5 { margin-bottom: 20px; } .hp-office-location-panel .hp-office-location__detail .uk-accordion-title { border-radius: 4px 4px 0 0; position: relative; } .hp-office-location-panel .hp-office-location__detail .uk-accordion-title span svg { width: 30px; height: 30px; } .hp-office-location-panel .hp-office-location__detail .uk-accordion-title::before { background-image: none; } .hp-office-location-panel .hp-office-location__detail .uk-accordion-title h5 { margin: 0 0 4px 0; } .hp-office-location-panel .hp-office-location__detail .uk-accordion-title span { transition: transform 0.3s ease-in-out; position: absolute; top: 50%; transform: translateY(-50%); right: 16px; transform-origin: center; } .hp-office-location-panel .hp-office-location__detail .uk-accordion-content { margin-top: 0; } .hp-office-location-panel .hp-office-location__detail.uk-open .uk-accordion-title span { transform: translateY(-50%) rotate(180deg); } .hp-office-location-panel .hp-office-location__detail.uk-open .uk-accordion-title { background-color: #c14d34; } .hp-office-location-panel .hp-office-location__detail.uk-open .uk-accordion-title h5, .hp-office-location-panel .hp-office-location__detail.uk-open .uk-accordion-title p, .hp-office-location-panel .hp-office-location__detail.uk-open .uk-accordion-title span { color: #fff; } .hp-office-location-panel .hp-office-location__detail.uk-open .uk-accordion-content { display: block !important; } .hp-office-location-panel .hp-office-location__detail h5, .hp-office-location-panel .hp-office-location__detail p { color: #00344f; } .hp-office-location-panel .hp-office-location__detail .uk-accordion-title { padding: 16px 56px 16px 16px; cursor: pointer; } .hp-office-location-panel .hp-office-location__detail .uk-accordion-content { padding: 16px; } .hp-office-location-panel .hp-office-location__detail .uk-accordion-title p { margin: 0; } .hp-office-location-panel .hp-office-location__detail-icon p { padding-left: 40px; } .hp-office-location-panel .hp-office-location__detail-icon { position: relative; } .hp-office-location-panel .hp-office-location__detail-icon.time p { color: #00344f; } .hp-office-location-panel .hp-office-location__detail-icon.time::before { -webkit-mask-image: url('/svg/components/office-location-map-panel/icon-time.svg'); mask-image: url('/svg/components/office-location-map-panel/icon-time.svg'); background-color: #00344f; } .hp-office-location-panel .hp-office-location__detail-icon.phone a { color: #c14d34; } .hp-office-location-panel .hp-office-location__detail-icon.phone::before { -webkit-mask-image: url('/svg/components/office-location-map-panel/icon-phone.svg'); mask-image: url('/svg/components/office-location-map-panel/icon-phone.svg'); background-color: #c14d34; } .hp-office-location-panel .hp-office-location__detail-icon.email { margin-bottom: 30px; } .hp-office-location-panel .hp-office-location__detail-icon.email a { color: #c14d34; } .hp-office-location-panel .hp-office-location__detail-icon.email::before { -webkit-mask-image: url('/svg/components/office-location-map-panel/icon-message.svg'); mask-image: url('/svg/components/office-location-map-panel/icon-message.svg'); background-color: #c14d34; } .hp-office-location-panel .hp-office-location__detail-icon.phone p, .hp-office-location-panel .hp-office-location__detail-icon.email p { text-decoration: underline; } .hp-office-location-panel .hp-office-location__detail-icon::before { content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 32px; height: 32px; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .hp-office-location-panel div.hp-office-location__detail-services { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-start; flex-wrap: wrap; } .hp-office-location-panel .hp-office-location__detail-service { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-start; width: 50%; } .hp-office-location-panel .hp-office-location__detail-service:not(:last-child) { margin-bottom: 8px; } .hp-office-location-panel .hp-office-location__detail-service svg { flex-shrink: 0; width: 32px; height: 32px; fill: none; margin: 0 8px 0 0; } .hp-office-location-panel .hp-office-location__detail-service p { margin: 0; } .hp-office-location-panel .hp-office-location__details { height: auto; } .hp-office-location-panel .hp-office-location__map { height: 300px; display: none; } .hp-office-location-panel .hp-office-location__map { position: relative; } .hp-office-location-panel .hp-office-location__map .hp-expand-arrow::before { content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translate(30px, -50%) rotate(90deg); width: 16px; height: 16px; -webkit-mask-image: url('/svg/chevron-right.svg'); mask-image: url('/svg/chevron-right.svg'); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #00344f; } .hp-office-location-panel #office-location-map { z-index: 997; width: 100%; height: 100%; } .hp-office-location-panel .gm-style-iw-c, .hp-office-location-panel .gm-style-iw-d { max-width: 385px !important; } .hp-office-location-panel .gm-style-iw-t { display: none; } .hp-office-location-panel .map-office-item__wrap { padding: 24px; } .hp-office-location-panel .map-office-item__wrap.title { background-color: #c14d34; color: #fff; } .hp-office-location-panel .map-office-item__wrap.title hr { border-color: #fff; margin: 12px 0 12px 0; } .hp-office-location-panel .map-office-item__wrap.content ul { list-style: none; padding: 0; margin: 0; } .hp-office-location-panel .map-office-item__wrap.content ul li { padding-left: 40px; margin-bottom: 16px; } .hp-office-location-panel .map-office-item__wrap.content hr { border-color: #c14d34; } .hp-office-location-panel .map-office-item__title { font-size: 18px; font-weight: 600; } @media screen and (min-width: 360px) { .hp-office-location-panel .map-office-item__title { font-size: 18px; } } @media screen and (min-width: 768px) { .hp-office-location-panel .map-office-item__title { font-size: 18px; } } @media screen and (min-width: 1280px) { .hp-office-location-panel .map-office-item__title { font-size: 20px; } } @media screen and (min-width: 1440px) { .hp-office-location-panel .map-office-item__title { font-size: 20px; } } .hp-office-location-panel .map-office-item__phone::before { -webkit-mask-image: url('/svg/components/office-location-map-panel/icon-phone.svg'); mask-image: url('/svg/components/office-location-map-panel/icon-phone.svg'); } .hp-office-location-panel .map-office-item__email::before { -webkit-mask-image: url('/svg/components/office-location-map-panel/icon-message.svg'); mask-image: url('/svg/components/office-location-map-panel/icon-message.svg'); } .hp-office-location-panel .map-office-item__team .map-office-item__title { color: #000; padding-bottom: 16px; } .hp-office-location-panel .map-office-item__team .map-office-item__leaders .map-office-item__leader:last-child { padding-top: 16px; } .hp-office-location-panel .map-office-item__team .map-office-item__leader { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-start; } .hp-office-location-panel .map-office-item__team .map-office-item__leader .map-office-item__leader-image img { width: 70px; height: 70px; border-radius: 50%; } .hp-office-location-panel .map-office-item__team .map-office-item__leader .map-office-item__leader-content { padding-left: 10px; } .hp-office-location-panel .map-office-item__team .map-office-item__leader .map-office-item__leader-content h5 { font-size: 14px; font-weight: 700; color: #c14d34; margin-bottom: 4px; } @media screen and (min-width: 360px) { .hp-office-location-panel .map-office-item__team .map-office-item__leader .map-office-item__leader-content h5 { font-size: 14px; } } @media screen and (min-width: 768px) { .hp-office-location-panel .map-office-item__team .map-office-item__leader .map-office-item__leader-content h5 { font-size: 14px; } } @media screen and (min-width: 1280px) { .hp-office-location-panel .map-office-item__team .map-office-item__leader .map-office-item__leader-content h5 { font-size: 16px; } } @media screen and (min-width: 1440px) { .hp-office-location-panel .map-office-item__team .map-office-item__leader .map-office-item__leader-content h5 { font-size: 16px; } } .hp-office-location-panel .map-office-item__team .map-office-item__leader .map-office-item__leader-content p { color: #000; font-size: 12px; margin-bottom: 0; } .hp-office-location-panel .map-office-item__phone, .hp-office-location-panel .map-office-item__email { position: relative; text-decoration: underline; } .hp-office-location-panel .map-office-item__phone::before, .hp-office-location-panel .map-office-item__email::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 32px; height: 32px; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #c14d34; } .hp-office-location-panel .map-office-item__phone a, .hp-office-location-panel .map-office-item__email a { color: #000; text-decoration: none; } .hp-office-location-panel .map-office-item__phone, .hp-office-location-panel .map-office-item__address, .hp-office-location-panel .map-office-item__email { font-size: 14px; font-weight: 500; } @media screen and (min-width: 360px) { .hp-office-location-panel .map-office-item__phone, .hp-office-location-panel .map-office-item__address, .hp-office-location-panel .map-office-item__email { font-size: 14px; } } @media screen and (min-width: 768px) { .hp-office-location-panel .map-office-item__phone, .hp-office-location-panel .map-office-item__address, .hp-office-location-panel .map-office-item__email { font-size: 14px; } } @media screen and (min-width: 1280px) { .hp-office-location-panel .map-office-item__phone, .hp-office-location-panel .map-office-item__address, .hp-office-location-panel .map-office-item__email { font-size: 16px; } } @media screen and (min-width: 1440px) { .hp-office-location-panel .map-office-item__phone, .hp-office-location-panel .map-office-item__address, .hp-office-location-panel .map-office-item__email { font-size: 16px; } } .hp-office-location-panel .hp-office-location-panel__background { min-height: 450px; margin-top: -426px; z-index: -1; } .hp-office-location-panel .uk-width-2-5 { width: 100%; } @media only screen and (min-width: 768px) { .hp-office-location-panel .hp-office-location-panel__background { margin-top: -373px; } } @media only screen and (min-width: 1280px) { .hp-office-location-panel .hp-office-location-panel__background { margin-top: -365px; } .hp-office-location-panel .uk-width-2-5 { width: 40%; } .hp-office-location-panel .hp-office-container__content { order: 1; } .hp-office-location-panel .hp-office-container__map { order: 2; } .hp-office-location-panel .hp-office-location__details { margin-left: -8px; overflow-y: scroll; } .hp-office-location-panel .uk-accordion { padding: 0 8px; } .hp-office-location-panel .hp-office-location__map { display: block; padding-left: 8px; } .hp-office-location-panel .hp-office-location__details, .hp-office-location-panel .hp-office-location__map { height: 700px; } .hp-office-location-panel .hp-office-location__map .hp-expand-arrow { z-index: 998; position: absolute; left: -2px; top: 50%; transform: rotate(90deg) translateY(50%); width: 80px; height: 30px; background-color: #fff; border-radius: 4px 4px 0 0; cursor: pointer; } .hp-office-location-panel .hp-office-location__map .hp-expand-arrow.rotate::before { transform: translate(30px, -50%) rotate(270deg); } .hp-office-location-panel .gm-style-iw-t { display: block; } .hp-office-location-panel .hp-office-location__near { order: 1; } .hp-office-location-panel .hp-office-location__switcher { order: 2; } .hp-office-location-panel .hp-office-location__switcher span { display: block; } .hp-office-location-panel .hp-office-location__hr { display: block; } .hp-office-location-panel .hp-office-location__hr.near { display: none; } .hp-office-location-panel .hp-office-location { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } .hp-office-location-panel .hp-office-location__view { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; margin: 32px 0; } } .hp-outages-panel { position: relative; } .hp-outages-panel .hp-container, .hp-outages-panel .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-outages-panel .right > div > .uk-grid { padding-top: 0; position: relative; z-index: 997; } .hp-outages-panel .uk-table th { text-transform: initial; } .hp-outages-panel .outages-alert { background-color: #eba70e; border-radius: 4px; } .hp-outages-panel .outages-alert .hp-notification-panel__item { padding-top: 8px; padding-bottom: 8px; } .hp-outages-panel .outages-alert .hp-notification-panel__icon svg { width: 30px; height: 30px; } .hp-outages-panel .outages-alert .hp-notification-panel__icon svg path { stroke: none; } .hp-outages-panel .outages-alert p { color: #000; font-weight: 600; } .hp-outages-panel .outages-sf { padding: 16px 0 0 0; } .hp-outages-panel .outages-sf__search-title { display: flex; flex-direction: column; align-items: flex-start; align-content: flex-start; justify-content: flex-start; } .hp-outages-panel .outages-sf__search-title h2 { color: #00344f; } .hp-outages-panel .outages-sf__search-title, .hp-outages-panel .search { margin-bottom: 16px; } .hp-outages-panel .outages-sf__filter-accordion { border-radius: 4px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); width: 100%; } .hp-outages-panel .outages-sf__filter-accordion .uk-accordion-title, .hp-outages-panel .outages-sf__filter-accordion .uk-accordion-content { border-radius: 4px; } .hp-outages-panel .outages-sf__filter-accordion .uk-accordion-title { @animate (background-color, color); background-color: #fff; color: #00344f; padding: 12px 16px; position: relative; } .hp-outages-panel .outages-sf__filter-accordion .uk-accordion-title::before { background-image: none; } .hp-outages-panel .outages-sf__filter-accordion li.uk-open .uk-accordion-title { background-color: #00344f; color: #fff; } .hp-outages-panel .outages-sf__filter-accordion .uk-accordion-content { background-color: #fff; padding: 16px; } .hp-outages-panel .outages-sf__filter .FormSelection { margin-bottom: 16px; } .hp-outages-panel .outages-sf__filter .FormSelection label { display: none; } .hp-outages-panel .outages-sf__search-title h2 { margin-bottom: 0; } .hp-outages-panel .hp-search-form { flex-direction: row; } .hp-outages-panel .hp-search-form input { border-color: #145b7c; } .hp-outages-panel .outages-sf__filter .FormSelection select { border-color: #00344f; } .hp-outages-panel .outages-sf__filter .FormChoice label { font-size: 14px; font-weight: 600; } @media screen and (min-width: 360px) { .hp-outages-panel .outages-sf__filter .FormChoice label { font-size: 14px; } } @media screen and (min-width: 768px) { .hp-outages-panel .outages-sf__filter .FormChoice label { font-size: 14px; } } @media screen and (min-width: 1280px) { .hp-outages-panel .outages-sf__filter .FormChoice label { font-size: 16px; } } @media screen and (min-width: 1440px) { .hp-outages-panel .outages-sf__filter .FormChoice label { font-size: 16px; } } .hp-outages-panel .outages-sf__filter .FormSelection .hp-select-styled { border-color: #00344f; } .hp-outages-panel .outages-sf__filter .FormSelection .hp-select-options li:hover { background-color: #00344f; } .hp-outages-panel .outages-sf__filter .FormSelection .hp-select-styled::after { background-color: #00344f; border-color: #00344f; } .hp-outages-panel .outages-sf__search-switcher span { display: none; } .hp-outages-panel .outages-sf__filter .FormChoice { display: flex; flex-direction: column; align-items: flex-start; align-content: flex-start; justify-content: flex-start; } .hp-outages-panel .outages-sf__search-switcher { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; } .hp-outages-panel .outages-sf__filter .FormSelection, .hp-outages-panel .outages-sf__filter .FormChoice label { padding-bottom: 16px; } .hp-outages-panel .outages-sf__filter .FormSelection label { padding: 0 16px 0 0; } .hp-outages-panel .outages-sf__search-switcher span { color: #00344f; font-weight: 600; padding-right: 24px; } .hp-outages-panel hr { border-color: #b9ac99; margin: 32px 0; } .hp-outages-panel .outage-list { border-collapse: separate; border-spacing: 0 16px; } .hp-outages-panel .outage-list thead tr { background-color: #e3ded6; } .hp-outages-panel .outage-list thead th { padding: 16px 24px; color: #4c4c4c; font-weight: 600; white-space: nowrap; } .hp-outages-panel .outage-list thead .areas { width: 230px; } .hp-outages-panel .outage-list th, .hp-outages-panel .outage-list td { vertical-align: middle; } .hp-outages-panel .outage-list tr { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); border-radius: 4px; } .hp-outages-panel .outage-list tbody td { color: #000; background-color: #fff; } .hp-outages-panel .outage-list .outage-item__status-wrap { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-start; } .hp-outages-panel .outage-list .outage-item__status-wrap span { flex-shrink: 0; margin-right: 8px; } .hp-outages-panel .outage-list .outage-item__areas-action { font-weight: 500; color: #000; text-decoration: none; } .hp-outages-panel .outage-list .outage-item__areas-action span { color: #c14d34; text-decoration: underline; } .hp-outages-panel .outage-list .customers, .hp-outages-panel .outage-list .view, .hp-outages-panel .outage-list .outage-item__customers, .hp-outages-panel .outage-list .outage-item__view { text-align: center; } .hp-outages-panel .icon { display: block; width: 35px; height: 35px; border-radius: 50%; } .hp-outages-panel .icon::before { content: ''; display: block; background-size: 24px; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; } .hp-outages-panel .icon.icon-unplanned { background-color: #c14d34; } .hp-outages-panel .icon.icon-unplanned::before { background-image: url('/svg/components/outages-panel/icon-outage-alt.svg'); } .hp-outages-panel .icon.icon-planned::before { background-image: url('/svg/components/outages-panel/icon-maintenance-alt.svg'); } .hp-outages-panel .icon.icon-planned { background-color: #00344f; } .hp-outages-panel .outage-item__view a { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; background-color: #c14d34; width: 35px; height: 35px; border-radius: 50%; margin: 0 auto; } .hp-outages-panel .outage-item__view svg { width: 25px; } .hp-outages-panel .outage-item__view.near-me { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-start; } .hp-outages-panel .outage-item__view.near-me a { margin: 0 16px 0 0; } .hp-outages-panel .outage-item__view.near-me span { font-size: 18px; color: #c14d34; font-weight: 600; } @media screen and (min-width: 360px) { .hp-outages-panel .outage-item__view.near-me span { font-size: 18px; } } @media screen and (min-width: 768px) { .hp-outages-panel .outage-item__view.near-me span { font-size: 18px; } } @media screen and (min-width: 1280px) { .hp-outages-panel .outage-item__view.near-me span { font-size: 24px; } } @media screen and (min-width: 1440px) { .hp-outages-panel .outage-item__view.near-me span { font-size: 24px; } } .hp-outages-panel .outages-map-list { margin-top: 32px; } .hp-outages-panel .outage-map { height: 300px; z-index: 997; } .hp-outages-panel .gm-style-iw-c, .hp-outages-panel .gm-style-iw-d { max-height: 400px !important; max-width: 440px !important; } .hp-outages-panel .gm-style-iw-t, .hp-outages-panel .gm-style-iw-t::after { display: none; } .hp-outages-panel .map-outage-item { border-radius: 4px; box-shadow: 0 4px 4px rgba(56, 26, 26, 0.25); font-family: 'Beausite', 'Arial', sans-serif; margin-top: 24px; } .hp-outages-panel .map-outage-item .uk-width-1-2 { width: 50%; } .hp-outages-panel .map-outage-item.outage-planned .map-outage-item__wrap.update { background-color: #c8c9ca; } .hp-outages-panel .map-outage-item.outage-planned .map-outage-item__wrap.status { background-color: #00344f; } .hp-outages-panel .map-outage-item.outage-planned .outage-item__customers .value, .hp-outages-panel .map-outage-item.outage-planned .outage-item__time .value, .hp-outages-panel .map-outage-item.outage-planned .outage-item__areas .value { color: #00344f; } .hp-outages-panel .map-outage-item.outage-unplanned .map-outage-item__wrap.update { background-color: #eb977d; } .hp-outages-panel .map-outage-item.outage-unplanned .map-outage-item__wrap.status { background-color: #c14d34; } .hp-outages-panel .map-outage-item.outage-unplanned .map-outage-item__icon span { height: 50px; } .hp-outages-panel .map-outage-item.outage-unplanned .map-outage-item__icon span::before { background-size: 30px; } .hp-outages-panel .map-outage-item.outage-unplanned .outage-item__customers .value, .hp-outages-panel .map-outage-item.outage-unplanned .outage-item__time .value, .hp-outages-panel .map-outage-item.outage-unplanned .outage-item__areas .value { color: #c14d34; } .hp-outages-panel .map-outage-item .map-outage-item__wrap { padding: 16px 24px; } .hp-outages-panel .map-outage-item .map-outage-item__wrap.update { padding: 12px 24px; border-radius: 4px 4px 0 0; color: #000; } .hp-outages-panel .map-outage-item .map-outage-item__wrap.status { color: #fff; } .hp-outages-panel .map-outage-item .map-outage-item__wrap.details { border-radius: 0 0 4px 4px; background-color: #fff; display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; flex-wrap: wrap; } .hp-outages-panel .map-outage-item .outage-item__updated { font-size: 14px; } @media screen and (min-width: 360px) { .hp-outages-panel .map-outage-item .outage-item__updated { font-size: 14px; } } @media screen and (min-width: 768px) { .hp-outages-panel .map-outage-item .outage-item__updated { font-size: 14px; } } @media screen and (min-width: 1280px) { .hp-outages-panel .map-outage-item .outage-item__updated { font-size: 16px; } } @media screen and (min-width: 1440px) { .hp-outages-panel .map-outage-item .outage-item__updated { font-size: 16px; } } .hp-outages-panel .map-outage-item .outage-item__updated .value { font-weight: 500; } .hp-outages-panel .map-outage-item .outage-item__title { font-size: 18px; } @media screen and (min-width: 360px) { .hp-outages-panel .map-outage-item .outage-item__title { font-size: 18px; } } @media screen and (min-width: 768px) { .hp-outages-panel .map-outage-item .outage-item__title { font-size: 18px; } } @media screen and (min-width: 1280px) { .hp-outages-panel .map-outage-item .outage-item__title { font-size: 24px; } } @media screen and (min-width: 1440px) { .hp-outages-panel .map-outage-item .outage-item__title { font-size: 24px; } } .hp-outages-panel .map-outage-item .outage-item__customers .value, .hp-outages-panel .map-outage-item .outage-item__time .value, .hp-outages-panel .map-outage-item .outage-item__areas .value { font-weight: 600; } .hp-outages-panel .map-outage-item .outage-item__areas { margin-top: 16px; } .hp-outages-panel .map-outage-item .outage-item__customers .subtitle, .hp-outages-panel .map-outage-item .outage-item__time .subtitle, .hp-outages-panel .map-outage-item .outage-item__areas .subtitle, .hp-outages-panel .map-outage-item .outage-item__areas .subtitle { color: #000; font-weight: 400; } .hp-outages-panel .map-outage-item .outage-item__status, .hp-outages-panel .map-outage-item .outage-item__title .value, .hp-outages-panel .map-outage-item .outage-item__restore .subtitle, .hp-outages-panel .map-outage-item .outage-item__restore .value, .hp-outages-panel .map-outage-item .outage-item__time .subtitle, .hp-outages-panel .map-outage-item .outage-item__time .value, .hp-outages-panel .map-outage-item .outage-item__areas .subtitle, .hp-outages-panel .map-outage-item .outage-item__areas .value, .hp-outages-panel .map-outage-item .outage-item__customers .subtitle, .hp-outages-panel .map-outage-item .outage-item__customers .value { font-size: 14px; } @media screen and (min-width: 360px) { .hp-outages-panel .map-outage-item .outage-item__status, .hp-outages-panel .map-outage-item .outage-item__title .value, .hp-outages-panel .map-outage-item .outage-item__restore .subtitle, .hp-outages-panel .map-outage-item .outage-item__restore .value, .hp-outages-panel .map-outage-item .outage-item__time .subtitle, .hp-outages-panel .map-outage-item .outage-item__time .value, .hp-outages-panel .map-outage-item .outage-item__areas .subtitle, .hp-outages-panel .map-outage-item .outage-item__areas .value, .hp-outages-panel .map-outage-item .outage-item__customers .subtitle, .hp-outages-panel .map-outage-item .outage-item__customers .value { font-size: 14px; } } @media screen and (min-width: 768px) { .hp-outages-panel .map-outage-item .outage-item__status, .hp-outages-panel .map-outage-item .outage-item__title .value, .hp-outages-panel .map-outage-item .outage-item__restore .subtitle, .hp-outages-panel .map-outage-item .outage-item__restore .value, .hp-outages-panel .map-outage-item .outage-item__time .subtitle, .hp-outages-panel .map-outage-item .outage-item__time .value, .hp-outages-panel .map-outage-item .outage-item__areas .subtitle, .hp-outages-panel .map-outage-item .outage-item__areas .value, .hp-outages-panel .map-outage-item .outage-item__customers .subtitle, .hp-outages-panel .map-outage-item .outage-item__customers .value { font-size: 14px; } } @media screen and (min-width: 1280px) { .hp-outages-panel .map-outage-item .outage-item__status, .hp-outages-panel .map-outage-item .outage-item__title .value, .hp-outages-panel .map-outage-item .outage-item__restore .subtitle, .hp-outages-panel .map-outage-item .outage-item__restore .value, .hp-outages-panel .map-outage-item .outage-item__time .subtitle, .hp-outages-panel .map-outage-item .outage-item__time .value, .hp-outages-panel .map-outage-item .outage-item__areas .subtitle, .hp-outages-panel .map-outage-item .outage-item__areas .value, .hp-outages-panel .map-outage-item .outage-item__customers .subtitle, .hp-outages-panel .map-outage-item .outage-item__customers .value { font-size: 16px; } } @media screen and (min-width: 1440px) { .hp-outages-panel .map-outage-item .outage-item__status, .hp-outages-panel .map-outage-item .outage-item__title .value, .hp-outages-panel .map-outage-item .outage-item__restore .subtitle, .hp-outages-panel .map-outage-item .outage-item__restore .value, .hp-outages-panel .map-outage-item .outage-item__time .subtitle, .hp-outages-panel .map-outage-item .outage-item__time .value, .hp-outages-panel .map-outage-item .outage-item__areas .subtitle, .hp-outages-panel .map-outage-item .outage-item__areas .value, .hp-outages-panel .map-outage-item .outage-item__customers .subtitle, .hp-outages-panel .map-outage-item .outage-item__customers .value { font-size: 16px; } } .hp-outages-panel .map-outage-item .outage-item__title, .hp-outages-panel .map-outage-item .outage-item__restore .value { font-weight: 600; } .hp-outages-panel .map-outage-item hr { border-color: #fff; margin: 16px 0; } .hp-outages-panel .uk-accordion-title::before { background-image: none; } .hp-outages-panel .uk-accordion-title span { transition: transform 0.3s ease-in-out; position: absolute; right: 16px; transform-origin: center; } .hp-outages-panel .uk-accordion-content { margin-top: 0; } .hp-outages-panel div.uk-open .uk-accordion-title span, .hp-outages-panel li.uk-open .uk-accordion-title span { transform: rotate(180deg); } .hp-outages-panel .list-outage-item__mobile { background-color: #fff; border-radius: 4px; margin-top: 24px; position: relative; padding: 16px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); } .hp-outages-panel .list-outage-item__mobile .uk-accordion-content { margin-top: 0; } .hp-outages-panel .list-outage-item__mobile .uk-accordion-title span { top: 16px; right: 16px; } .hp-outages-panel .list-outage-item__mobile .uk-accordion-title span.uk-icon, .hp-outages-panel .list-outage-item__mobile .uk-accordion-title svg { max-width: 30px; max-height: 30px; } .hp-outages-panel .list-outage-item__mobile .uk-accordion-title, .hp-outages-panel .list-outage-item__mobile .uk-accordion-content { color: #000; font-size: unset; padding-left: 50px; } .hp-outages-panel .list-outage-item__mobile .outage-item__areas { font-size: 18px; } .hp-outages-panel .list-outage-item__mobile .outage-item__status, .hp-outages-panel .list-outage-item__mobile .outage-item__areas, .hp-outages-panel .list-outage-item__mobile .outage-item__restore, .hp-outages-panel .list-outage-item__mobile .outage-item__time, .hp-outages-panel .list-outage-item__mobile .outage-item__customers, .hp-outages-panel .list-outage-item__mobile .outage-item__areas { padding-bottom: 8px; } .hp-outages-panel .list-outage-item__mobile .outage-item__areas .subtitle, .hp-outages-panel .list-outage-item__mobile .outage-item__restore .subtitle, .hp-outages-panel .list-outage-item__mobile .outage-item__time .subtitle, .hp-outages-panel .list-outage-item__mobile .outage-item__customers .subtitle, .hp-outages-panel .list-outage-item__mobile .outage-item__areas .subtitle { font-size: 14px; font-weight: 600; padding-bottom: 4px; } .hp-outages-panel .list-outage-item__mobile .outage-item__status, .hp-outages-panel .list-outage-item__mobile .uk-accordion-title .outage-item__areas, .hp-outages-panel .list-outage-item__mobile .outage-item__areas .subtitle, .hp-outages-panel .list-outage-item__mobile .outage-item__restore .subtitle, .hp-outages-panel .list-outage-item__mobile .outage-item__time .subtitle, .hp-outages-panel .list-outage-item__mobile .outage-item__customers .subtitle, .hp-outages-panel .list-outage-item__mobile .outage-item__areas .subtitle { font-weight: 600; } .hp-outages-panel .list-outage-item__mobile .outage-item__status, .hp-outages-panel .list-outage-item__mobile .outage-item__areas .value, .hp-outages-panel .list-outage-item__mobile .outage-item__restore .value, .hp-outages-panel .list-outage-item__mobile .outage-item__time .value, .hp-outages-panel .list-outage-item__mobile .outage-item__customers .value, .hp-outages-panel .list-outage-item__mobile .outage-item__areas .value { font-size: 16px; } .hp-outages-panel .list-outage-item__mobile .icon { position: absolute; left: 16px; } .hp-outages-panel .hp-outages-panel__background { background-color: #eae6e0; min-height: 350px; margin-top: -150px; } .hp-outages-panel .edge-clip-previous { padding-bottom: 0; } .hp-outages-panel .outage-list__desktop { display: none; } .hp-outages-panel .out-map .gm-style .gm-style-iw-t, .hp-outages-panel .outage-map .map-outage-item { display: none; } @media only screen and (min-width: 768px) { .hp-outages-panel::after { position: relative; } .hp-outages-panel .outages-sf { padding: 24px 24px 0 24px; } .hp-outages-panel .outages-sf__search-title { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; } .hp-outages-panel .outages-sf__search-title, .hp-outages-panel .search { margin-bottom: 32px; } .hp-outages-panel .outages-sf__filter .FormSelection { margin-bottom: 0; } .hp-outages-panel .outages-sf__filter form, .hp-outages-panel .outages-sf__filter .FormSelection, .hp-outages-panel .outages-sf__filter .FormChoice { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } .hp-outages-panel .outages-sf__filter .FormChoice { margin-bottom: 0; } .hp-outages-panel .outages-sf__filter .FormSelection label { display: block; } .hp-outages-panel .outages-sf__search-switcher label { display: block; } .hp-outages-panel .outages-sf__filter .FormSelection, .hp-outages-panel .outages-sf__filter .FormChoice label { padding: 0 24px 0 0; } .hp-outages-panel .outages-sf__filter .FormChoice label { line-height: 1; } .hp-outages-panel .outage-map { height: 800px; margin-bottom: -250px; } .hp-outages-panel .out-map .gm-style .gm-style-iw-t, .hp-outages-panel .outage-map .map-outage-item { display: block !important; } .hp-outages-panel .map-outage-item { margin-top: 0; } .hp-outages-panel .hp-outages-panel__background { min-height: 450px; margin-top: 0; } .hp-outages-panel .outages-sf__search-switcher { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } .hp-outages-panel .outages-sf__search-switcher span, .hp-outages-panel .gm-style-iw-t { display: block; } } @media (min-width: 1000px) { .hp-outages-panel .outages-sf__filter { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; } .hp-outages-panel .outage-list__desktop { display: inline-table; } .hp-outages-panel .outage-list__mobile, .hp-outages-panel .outage-map__info-window, .hp-outages-panel .outage-map__info-window .map-outage-item { display: none !important; } } .hp-outages-panel + div:not(.acknowledgement) { margin-top: -185px; } @media only screen and (min-width: 768px) { .hp-outages-panel + div:not(.acknowledgement) { margin-top: -350px; } } @media only screen and (min-width: 1280px) { .hp-outages-panel + div:not(.acknowledgement) { margin-top: -250px; } } .hp-process { counter-reset: process; } .hp-process .process-step__header { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; border-bottom: 2px dashed #e4e4e4; padding-bottom: 16px; } .hp-process .process-steps { padding: 0 16px; } .hp-process .process-step__number { font-size: 36px; font-weight: bold; display: block; margin: 0; } .hp-process .process-step__number::before { counter-increment: process; display: block; content: counters(process, '.', decimal-leading-zero); } .hp-process .process-step__icon svg { width: 48px; height: 48px; fill: none; } .hp-process .process-step__icon svg * { stroke: #c14d34; } .hp-process .procress-step__heading { margin: 16px 0; } .hp-process .procress-step__description { color: #000; } .hp-process .h2 { padding: 0 16px 0 16px; } .processcontainerblock .hp-process .hp-wysiwyg-panel > .hp-container, .processcontainerblock .hp-process .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid, .left-right-content .left-content .processcontainerblock .hp-process .right > div.hp-wysiwyg-panel > .uk-grid { padding-top: 0; padding-bottom: 0; } .processcontainerblock .hp-process .hp-wysiwyg-panel > .hp-container .hp-padding, .processcontainerblock .hp-process .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid .hp-padding, .left-right-content .left-content .processcontainerblock .hp-process .right > div.hp-wysiwyg-panel > .uk-grid .hp-padding { padding: 0 16px; } @media only screen and (min-width: 768px) { .processcontainerblock .hp-process .hp-wysiwyg-panel > .hp-container, .processcontainerblock .hp-process .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid, .left-right-content .left-content .processcontainerblock .hp-process .right > div.hp-wysiwyg-panel > .uk-grid { padding-left: 0; padding-right: 0; } .processcontainerblock .hp-process .hp-wysiwyg-panel > .hp-container .hp-padding, .processcontainerblock .hp-process .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid .hp-padding, .left-right-content .left-content .processcontainerblock .hp-process .right > div.hp-wysiwyg-panel > .uk-grid .hp-padding { padding: 0 16px 16px; } } @media only screen and (min-width: 768px) { .processcontainerblock.dm-1-4 .hp-process h2, .processcontainerblock.dm-1-4 .hp-process .h2 { font-size: 24px; } .processcontainerblock.dm-1-4 .hp-process h4, .processcontainerblock.dm-1-4 .hp-process .h4 { font-size: 18px; } .processcontainerblock.dm-1-4 .hp-process p { font-size: 14px; line-height: 1.375; } .processcontainerblock.dm-1-4 .hp-process .hp-wysiwyg-panel > .hp-container .hp-padding, .processcontainerblock.dm-1-4 .hp-process .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid .hp-padding, .left-right-content .left-content .processcontainerblock.dm-1-4 .hp-process .right > div.hp-wysiwyg-panel > .uk-grid .hp-padding { padding: 0 16px; } .processcontainerblock.dm-1-4 .hp-process .process-steps > div { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 960px) { .processcontainerblock.dm-1-1 .hp-process .process-steps > div { width: 100%; } } .hp-product-card-panel { position: relative; overflow: hidden; } .hp-product-card-panel h2 { font-size: 24px; } .hp-product-card-panel h2:not(.icon-link) { font-size: 24px; } @media only screen and (min-width: 1280px) { .hp-product-card-panel h2:not(.icon-link) { font-size: 40px; } } .hp-product-card-panel h3 { font-size: 20px; } .hp-product-card-panel .hp-container, .hp-product-card-panel .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-product-card-panel .right > div > .uk-grid { padding: 16px; } .hp-product-card-panel .hp-product-card__item { border-radius: 4px; box-shadow: 0 4px 4px rgba(56, 26, 26, 0.25); overflow: hidden; } .hp-product-card-panel .hp-product-card__item .hp-product-card__content { background-color: #fff; } .hp-product-card-panel .hp-product-card__item.texture .hp-product-card__content .hp-product-card__details { background-blend-mode: luminosity; background-size: cover; background-position: center; background-repeat: no-repeat; } .hp-product-card-panel .hp-product-card__item .hp-product-card__title { padding: 16px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__title p { color: #000; font-weight: 600; padding: 0; margin: 0; } .hp-product-card-panel .hp-product-card__item .hp-product-card__details h2, .hp-product-card-panel .hp-product-card__item .hp-product-card__price h3 { position: relative; margin: 0 0 calc(16px / 2) 0; } .hp-product-card-panel .hp-product-card__item .hp-product-card__details span { font-size: 16px; font-weight: 700; margin: 0 0 calc(16px / 2) 0; display: block; } @media screen and (min-width: 360px) { .hp-product-card-panel .hp-product-card__item .hp-product-card__details span { font-size: 16px; } } @media screen and (min-width: 768px) { .hp-product-card-panel .hp-product-card__item .hp-product-card__details span { font-size: 16px; } } @media screen and (min-width: 1280px) { .hp-product-card-panel .hp-product-card__item .hp-product-card__details span { font-size: 18px; } } @media screen and (min-width: 1440px) { .hp-product-card-panel .hp-product-card__item .hp-product-card__details span { font-size: 18px; } } .hp-product-card-panel .hp-product-card__item .hp-product-card__details > *:last-child { margin: 0; } .hp-product-card-panel .hp-product-card__item .hp-product-card__details .hp-product-card__marketname { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; min-height: 35px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__details .hp-product-card__marketname svg { width: 30px; height: 30px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__details .hp-product-card__marketname svg > * { stroke: #fff; } .hp-product-card-panel .hp-product-card__item .hp-product-card__hr { margin: 0 16px 16px 16px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__price h3 { display: flex; flex-direction: column; align-items: flex-start; align-content: flex-start; justify-content: flex-start; position: relative; } .hp-product-card-panel .hp-product-card__item .hp-product-card__price-title { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; position: relative; } .hp-product-card-panel .hp-product-card__item .hp-product-card__price-title span.hp-product-card-tooltip { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; position: relatiove; cursor: pointer; background-color: #d4d7d0; display: block; padding: 1px 8px; border-radius: 50%; margin-left: calc(16px / 2); } .hp-product-card-panel .hp-product-card__item .hp-product-card__price-title.no-tooltip span.hp-product-card-tooltip { display: none !important; } .hp-product-card-panel .hp-product-card__item .hp-product-card__price-tooltip { display: none; box-shadow: 0 4px 4px rgba(56, 26, 26, 0.25); position: relative; padding: 16px; margin-top: 12px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__price-tooltip span { position: absolute; top: -10px; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__price-tooltip p { font-size: 14px; font-weight: 400; } @media screen and (min-width: 360px) { .hp-product-card-panel .hp-product-card__item .hp-product-card__price-tooltip p { font-size: 14px; } } @media screen and (min-width: 768px) { .hp-product-card-panel .hp-product-card__item .hp-product-card__price-tooltip p { font-size: 14px; } } @media screen and (min-width: 1280px) { .hp-product-card-panel .hp-product-card__item .hp-product-card__price-tooltip p { font-size: 16px; } } @media screen and (min-width: 1440px) { .hp-product-card-panel .hp-product-card__item .hp-product-card__price-tooltip p { font-size: 16px; } } .hp-product-card-panel .hp-product-card__item .hp-product-card__price p { margin: 0; } .hp-product-card-panel .hp-product-card__item .hp-product-card__features { padding: 0 24px 16px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__features .hp-product-card__features-icon { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; } .hp-product-card-panel .hp-product-card__item .hp-product-card__features .hp-product-card__features-button > .hp-padding { padding: 24px 0 16px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__features ul { list-style: none; padding: 0; margin: 0; } .hp-product-card-panel .hp-product-card__item .hp-product-card__features ul li { display: flex; flex-direction: row; align-items: center; align-content: flex-start; justify-content: flex-start; } .hp-product-card-panel .hp-product-card__item .hp-product-card__features ul li svg { flex-shrink: 0; width: 15px; height: 15px; fill: none; } .hp-product-card-panel .hp-product-card__item .hp-product-card__features ul li span { color: #000; padding-left: 16px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__features ul li:not(:last-child) { padding-bottom: 16px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion .uk-accordion-title { color: #000; } .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion .uk-accordion-title { padding: 16px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion .uk-accordion-content { padding: 16px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion .uk-accordion-content.key-features { padding: 0; } .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion .uk-accordion-content.key-features .hp-product-card__price h3 { margin: 0 0 calc(16px / 2) 0; } .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion .uk-accordion-content.key-features .hp-product-card__features h3 { display: none; } .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion .uk-accordion-content.key-features .hp-product-card__features ul li { background-color: rgba(0, 0, 0, 0); border: none; } .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion ul, .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion ul li h3 { margin: 0; padding: 0; } .hp-product-card-panel .hp-product-card__item .hp-product-card__price .hp-product-card__price-info { cursor: pointer; color: #76797a; background-color: #d4d7d0; font-size: 15px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__tooltip { display: none; position: relative; padding: 16px; box-shadow: 0 4px 4px rgba(56, 26, 26, 0.25); margin-bottom: 16px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__tooltip::after { content: ''; position: absolute; top: -10px; right: 8px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__details, .hp-product-card-panel .hp-product-card__item .hp-product-card__price { padding: 16px; } .hp-product-card-panel .hp-product-card__item .uk-accordion-title { cursor: pointer; position: relative; } .hp-product-card-panel .hp-product-card__item .uk-accordion-title::before { background-image: none; } .hp-product-card-panel .hp-product-card__item .uk-accordion-title span { transition: transform 0.3s ease-in-out; color: #000; position: absolute; right: 24px; transform-origin: center; } .hp-product-card-panel .hp-product-card__item .uk-accordion-content { background-color: #fff; margin-top: 0; } .hp-product-card-panel .hp-product-card__item li.uk-open .uk-accordion-title span { transform: rotate(180deg); } .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion-list li { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-start; list-style: none; background-color: rgba(0, 0, 0, 0); border-top: none; padding-bottom: 24px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion-list li:last-child { padding-bottom: 0; } .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion-list li span:first-child { flex-shrink: 0; } .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion-list li span svg { width: 32px; height: 32px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion-list li span p { margin: 0 0 0 8px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion-list li span svg > * { fill: none; } .hp-product-card-panel .slick-slider { margin-left: -24px; } .hp-product-card-panel .slick-slider .slick-list { overflow: visible; } .hp-product-card-panel .slick-slider .slick-track { margin: 0; } .hp-product-card-panel .slick-slider .slick-slide { padding-left: 24px; } @media only screen and (min-width: 768px) { .hp-product-card-panel .hp-container, .hp-product-card-panel .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-product-card-panel .right > div > .uk-grid { padding: 24px 40px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__title { padding: 16px 24px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__details, .hp-product-card-panel .hp-product-card__item .hp-product-card__price { padding: 24px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__hr { margin: 0 24px 24px 24px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion .uk-accordion-title { padding: 16px 24px; } .hp-product-card-panel .hp-product-card__item .hp-product-card__accordion .uk-accordion-content { padding: 24px; } } .hp-product-card-panel .uk-accordion-content .list-wysiwyg { padding-top: 16px; } @media only screen and (min-width: 1280px) { .hp-product-card-panel .hp-container, .hp-product-card-panel .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-product-card-panel .right > div > .uk-grid { padding: 48px 40px; } .hp-product-card-panel .hp-product-card__features h3 { display: block; } } .hp-inner-banner { min-height: 280px; } .hp-search-subtitle { color: #00344f; } .hp-search-result-panel__bar h1, .hp-search-result-panel__bar h2, .hp-search-result-panel__bar h3, .hp-search-result-panel__bar h4, .hp-search-result-panel__bar h5, .hp-search-result-panel__bar h6 { color: #00344f; } .hp-search-result-panel { background-color: #eae6e0; } .hp-search-result-panel .hp-search-form::before { display: none; position: absolute; top: 50%; left: 12px; transform: translate(-50%, -50%); content: ''; width: 20px; height: 20px; -webkit-mask-image: url('/svg/icons/header/icon-search-v2.svg'); mask-image: url('/svg/icons/header/icon-search-v2.svg'); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-composite: xor; mask-composite: exclude; background-color: #00344f; } .hp-search-result-panel .hp-search-form .search-clear { right: 50px; } .hp-search-result-panel .hp-search-form input[type='text'] { padding: 8px 48px 8px 16px; } .hp-search-result-panel .hp-search-form input[type='text']::-moz-placeholder { color: #4c4c4c; } .hp-search-result-panel .hp-search-form input[type='text']::placeholder { color: #4c4c4c; } .hp-search-result-panel .hp-search-form a { background-color: #00344f; border-color: #00344f; font-size: 1px; } .hp-search-result-panel .hp-search-form a::before { background-color: #fff; } .hp-search-result-panel .hp-search-form a:hover { background-color: #00344f; border-color: #00344f; } @media only screen and (min-width: 768px) { .hp-search-result-panel .hp-search-form input[type='text'] { padding: 12px 12px 12px 48px; } .hp-search-result-panel a.uk-button, .hp-search-result-panel a.FormButton, .hp-search-result-panel .Form__NavigationBar a.btnPrev, .Form__NavigationBar .hp-search-result-panel a.btnPrev, .hp-search-result-panel .Form__NavigationBar a.btnNext, .Form__NavigationBar .hp-search-result-panel a.btnNext { font-size: 16px; min-width: 145px; margin-left: 16px; color: #fff; border-radius: 4px; padding: 14px; width: unset; height: unset; } .hp-search-result-panel a.uk-button.sky-bright-primary-dark, .hp-search-result-panel a.FormButton, .hp-search-result-panel .Form__NavigationBar a.sky-bright-primary-dark.btnPrev, .Form__NavigationBar .hp-search-result-panel a.sky-bright-primary-dark.btnPrev, .hp-search-result-panel .Form__NavigationBar a.sky-bright-primary-dark.btnNext, .Form__NavigationBar .hp-search-result-panel a.sky-bright-primary-dark.btnNext { background-color: #145b7c; border-color: #145b7c; color: #fff; } .hp-search-result-panel a.uk-button.sky-bright-primary-dark:active, .hp-search-result-panel a.FormButton:active, .hp-search-result-panel .Form__NavigationBar a.sky-bright-primary-dark.btnPrev:active, .Form__NavigationBar .hp-search-result-panel a.sky-bright-primary-dark.btnPrev:active, .hp-search-result-panel .Form__NavigationBar a.sky-bright-primary-dark.btnNext:active, .Form__NavigationBar .hp-search-result-panel a.sky-bright-primary-dark.btnNext:active, .hp-search-result-panel a.uk-button.sky-bright-primary-dark:focus, .hp-search-result-panel a.FormButton:focus, .hp-search-result-panel .Form__NavigationBar a.sky-bright-primary-dark.btnPrev:focus, .Form__NavigationBar .hp-search-result-panel a.sky-bright-primary-dark.btnPrev:focus, .hp-search-result-panel .Form__NavigationBar a.sky-bright-primary-dark.btnNext:focus, .Form__NavigationBar .hp-search-result-panel a.sky-bright-primary-dark.btnNext:focus, .hp-search-result-panel a.uk-button.sky-bright-primary-dark:hover, .hp-search-result-panel a.FormButton:hover, .hp-search-result-panel .Form__NavigationBar a.sky-bright-primary-dark.btnPrev:hover, .Form__NavigationBar .hp-search-result-panel a.sky-bright-primary-dark.btnPrev:hover, .hp-search-result-panel .Form__NavigationBar a.sky-bright-primary-dark.btnNext:hover, .Form__NavigationBar .hp-search-result-panel a.sky-bright-primary-dark.btnNext:hover { background-color: #145b7c; border-color: #7092ac; color: #fff; } .hp-search-result-panel a.uk-button.desert-primary-light, .hp-search-result-panel a.desert-primary-light.FormButton, .hp-search-result-panel .Form__NavigationBar a.desert-primary-light.btnPrev, .Form__NavigationBar .hp-search-result-panel a.desert-primary-light.btnPrev, .hp-search-result-panel .Form__NavigationBar a.desert-primary-light.btnNext, .Form__NavigationBar .hp-search-result-panel a.desert-primary-light.btnNext, .hp-search-result-panel a.uk-button.core-dark, .hp-search-result-panel a.core-dark.FormButton, .hp-search-result-panel .Form__NavigationBar a.core-dark.btnPrev, .Form__NavigationBar .hp-search-result-panel a.core-dark.btnPrev, .hp-search-result-panel .Form__NavigationBar a.core-dark.btnNext, .Form__NavigationBar .hp-search-result-panel a.core-dark.btnNext { background-color: #c14d34; border-color: #c14d34; color: #fff; } .hp-search-result-panel a.uk-button.desert-primary-light:active, .hp-search-result-panel a.desert-primary-light.FormButton:active, .hp-search-result-panel .Form__NavigationBar a.desert-primary-light.btnPrev:active, .Form__NavigationBar .hp-search-result-panel a.desert-primary-light.btnPrev:active, .hp-search-result-panel .Form__NavigationBar a.desert-primary-light.btnNext:active, .Form__NavigationBar .hp-search-result-panel a.desert-primary-light.btnNext:active, .hp-search-result-panel a.uk-button.desert-primary-light:focus, .hp-search-result-panel a.desert-primary-light.FormButton:focus, .hp-search-result-panel .Form__NavigationBar a.desert-primary-light.btnPrev:focus, .Form__NavigationBar .hp-search-result-panel a.desert-primary-light.btnPrev:focus, .hp-search-result-panel .Form__NavigationBar a.desert-primary-light.btnNext:focus, .Form__NavigationBar .hp-search-result-panel a.desert-primary-light.btnNext:focus, .hp-search-result-panel a.uk-button.desert-primary-light:hover, .hp-search-result-panel a.desert-primary-light.FormButton:hover, .hp-search-result-panel .Form__NavigationBar a.desert-primary-light.btnPrev:hover, .Form__NavigationBar .hp-search-result-panel a.desert-primary-light.btnPrev:hover, .hp-search-result-panel .Form__NavigationBar a.desert-primary-light.btnNext:hover, .Form__NavigationBar .hp-search-result-panel a.desert-primary-light.btnNext:hover, .hp-search-result-panel a.uk-button.core-dark:active, .hp-search-result-panel a.core-dark.FormButton:active, .hp-search-result-panel .Form__NavigationBar a.core-dark.btnPrev:active, .Form__NavigationBar .hp-search-result-panel a.core-dark.btnPrev:active, .hp-search-result-panel .Form__NavigationBar a.core-dark.btnNext:active, .Form__NavigationBar .hp-search-result-panel a.core-dark.btnNext:active, .hp-search-result-panel a.uk-button.core-dark:focus, .hp-search-result-panel a.core-dark.FormButton:focus, .hp-search-result-panel .Form__NavigationBar a.core-dark.btnPrev:focus, .Form__NavigationBar .hp-search-result-panel a.core-dark.btnPrev:focus, .hp-search-result-panel .Form__NavigationBar a.core-dark.btnNext:focus, .Form__NavigationBar .hp-search-result-panel a.core-dark.btnNext:focus, .hp-search-result-panel a.uk-button.core-dark:hover, .hp-search-result-panel a.core-dark.FormButton:hover, .hp-search-result-panel .Form__NavigationBar a.core-dark.btnPrev:hover, .Form__NavigationBar .hp-search-result-panel a.core-dark.btnPrev:hover, .hp-search-result-panel .Form__NavigationBar a.core-dark.btnNext:hover, .Form__NavigationBar .hp-search-result-panel a.core-dark.btnNext:hover { background-color: #c14d34; border-color: #7a0306; color: #fff; } .hp-search-result-panel a.uk-button::before, .hp-search-result-panel a.FormButton::before, .hp-search-result-panel .Form__NavigationBar a.btnPrev::before, .Form__NavigationBar .hp-search-result-panel a.btnPrev::before, .hp-search-result-panel .Form__NavigationBar a.btnNext::before, .Form__NavigationBar .hp-search-result-panel a.btnNext::before { display: none; } .hp-search-result-panel .hp-search-form::before { display: block; left: 28px; background-color: #00344f; } .hp-search-result-panel .hp-search-form::after { display: none; } .hp-search-result-panel .hp-search-form .search-clear { right: 185px; } } @media only screen and (min-width: 1280px) { .hp-search-result-panel a.uk-button, .hp-search-result-panel a.FormButton, .hp-search-result-panel .Form__NavigationBar a.btnPrev, .Form__NavigationBar .hp-search-result-panel a.btnPrev, .hp-search-result-panel .Form__NavigationBar a.btnNext, .Form__NavigationBar .hp-search-result-panel a.btnNext { margin-left: 24px; } } .search-result-item { padding: 16px; } .search-result-item:first-child { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); margin-bottom: 24px; } .search-result-item:first-child .search-result-item__content { padding: 16px 0 0 0; } .search-result-item:not(:first-child) { display: flex; flex-direction: row; align-items: flex-start; align-content: flex-start; justify-content: flex-start; } .search-result-item:not(:first-child) .image { content: ''; display: block; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; width: 32px; height: 32px; background-color: #00344f; margin-right: 24px; } .search-result-item:hover { text-decoration: none; } .search-result-item:not(:first-child):not(:nth-child(2)) { border-top: 1px solid #ccc; } .search-result-item .search-result-item__image { height: 100%; } .search-result-item .search-result-item__image .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .search-result-item .search-result-item__link:hover { text-decoration: none; } .search-result-item .search-result-item__content h3 { font-size: 18px; color: #c14d34; } @media screen and (min-width: 360px) { .search-result-item .search-result-item__content h3 { font-size: 18px; } } @media screen and (min-width: 768px) { .search-result-item .search-result-item__content h3 { font-size: 18px; } } @media screen and (min-width: 1280px) { .search-result-item .search-result-item__content h3 { font-size: 24px; } } @media screen and (min-width: 1440px) { .search-result-item .search-result-item__content h3 { font-size: 24px; } } .search-result-item .search-result-item__content label { cursor: pointer; color: #214187; } .search-result-item .search-result-item__content h3, .search-result-item .search-result-item__content label { margin-bottom: 8px; display: block; word-break: break-word; } .search-result-item .search-result-item__content .breadcrumb { color: #4c4c4c; } .search-result-item .search-result-item__content .breadcrumb span { padding: 0 calc(8px / 2); } .search-result-item .search-result-item__content .breadcrumb a { font-weight: 500; } .search-result-item .search-result-item__content .breadcrumb a, .search-result-item .search-result-item__content .breadcrumb span { color: #214187; } .search-result-item .search-result-item__content p { margin: 0; } @media only screen and (min-width: 768px) { .search-result-item { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; padding: 24px; } .search-result-item:first-child { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } .search-result-item:first-child .search-result-item__content { padding: 24px 48px; } .search-result-item:not(:first-child) .image { width: 64px; height: 64px; } } @media only screen and (min-width: 1280px) { .search-result-item .search-result-item__image .image img { min-width: 400px; width: 400px; } } .search-result-item[data-category='pages']:not(:first-child) .image { -webkit-mask-image: url('/svg//components/form-panel/icon-pages.svg'); mask-image: url('/svg//components/form-panel/icon-pages.svg'); } .search-result-item[data-category='pdfs']:not(:first-child) .image { -webkit-mask-image: url('/svg//components/form-panel/icon-pdf.svg'); mask-image: url('/svg//components/form-panel/icon-pdf.svg'); } .search-result-item[data-category='news']:not(:first-child) .image { -webkit-mask-image: url('/svg//components/form-panel/icon-news.svg'); mask-image: url('/svg//components/form-panel/icon-news.svg'); } .search-result-item[data-category='projects']:not(:first-child) .image { -webkit-mask-image: url('/svg//components/form-panel/icon-projects.svg'); mask-image: url('/svg//components/form-panel/icon-projects.svg'); } .hp-search-error .hp-search-errors__wrap { display: flex; flex-direction: column; align-items: flex-start; align-content: flex-start; justify-content: flex-start; } .hp-search-error .hp-search-error__text { padding: 16px; } .hp-search-error .hp-search-error__image svg { width: 128px; height: 128px; fill: none; display: none; } .hp-search-error .hp-search-error__image svg > * { stroke: #00344f !important; } .hp-search-error .hp-search-error__text { flex-grow: 1; } .hp-search-error .hp-search-error__text h3 { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; color: #00344f; } .hp-search-error .hp-search-error__text h3::before { content: ''; display: block; -webkit-mask-image: url('/svg//components/form-panel/icon-search-error.svg'); mask-image: url('/svg//components/form-panel/icon-search-error.svg'); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; width: 64px; height: 64px; background-color: #00344f; margin-right: 8px; flex-shrink: 0; } .hp-search-error .hp-search-error__text h3 span { color: #214187; } .hp-search-error .hp-search-error__text p { margin: 0 0 8px 0; } .hp-search-error .hp-search-error__text ul { margin: 0; } .hp-search-error .hp-search-error__text p, .hp-search-error .hp-search-error__text ul li { color: #000; } @media only screen and (min-width: 768px) { .hp-search-error .hp-search-errors__wrap { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } .hp-search-error .hp-search-error__image svg { display: block; } .hp-search-error .hp-search-error__text h3 { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-start; } .hp-search-error .hp-search-error__text h3::before { display: none; } .hp-search-error .hp-search-error__image, .hp-search-error .hp-search-error__text { padding: 24px; } } .section-block-panel { position: relative; background-position: top center; background-repeat: no-repeat; } .hp-sub-navigation-panel { overflow: hidden; } .hp-sub-navigation-panel > .hp-container, .left-right-content .left-content .right > div.hp-sub-navigation-panel > .uk-grid { padding: 0; } .hp-sub-navigation-panel .hp-sub-navigation-panel__container { display: flex; flex-direction: row; align-items: stretch; align-content: stretch; justify-content: stretch; } .hp-sub-navigation-panel .hp-sub-navigation-panel__container > .uk-width-1-4 { position: relative; z-index: 1; order: 1; } .hp-sub-navigation-panel .hp-sub-navigation-panel__container > .uk-width-1-4 > .hp-sub-navigation-panel__nav { display: none; } .hp-sub-navigation-panel .hp-sub-navigation-panel__container > .uk-width-3-4 { padding-bottom: 0px; } .hp-sub-navigation-panel .uk-width-1-4 > ul { margin: 0; padding: 0; } .hp-sub-navigation-panel .uk-width-1-4 ul li { list-style: none; } .hp-sub-navigation-panel .uk-width-1-4 .block > div > .hp-container, .hp-sub-navigation-panel .uk-width-1-4 .left-right-content .left-content .right.block > div > .uk-grid, .left-right-content .left-content .hp-sub-navigation-panel .uk-width-1-4 .right.block > div > .uk-grid, .hp-sub-navigation-panel .uk-width-1-4 .hp-sub-navigation-panel__linklist > .hp-container, .hp-sub-navigation-panel .uk-width-1-4 .left-right-content .left-content .right > div.hp-sub-navigation-panel__linklist > .uk-grid, .left-right-content .left-content .hp-sub-navigation-panel .uk-width-1-4 .right > div.hp-sub-navigation-panel__linklist > .uk-grid, .hp-sub-navigation-panel .uk-width-1-4 .hp-sub-navigation-panel__share > .hp-container, .hp-sub-navigation-panel .uk-width-1-4 .left-right-content .left-content .right > div.hp-sub-navigation-panel__share > .uk-grid, .left-right-content .left-content .hp-sub-navigation-panel .uk-width-1-4 .right > div.hp-sub-navigation-panel__share > .uk-grid { padding: 0px; } .hp-sub-navigation-panel .uk-width-1-4 .hp-padding.hp-padding-remove { padding: 16px; } @media only screen and (min-width: 768px) and (max-width: 960px) { .hp-sub-navigation-panel .uk-width-1-4 .block > div > .hp-container, .hp-sub-navigation-panel .uk-width-1-4 .left-right-content .left-content .right.block > div > .uk-grid, .left-right-content .left-content .hp-sub-navigation-panel .uk-width-1-4 .right.block > div > .uk-grid, .hp-sub-navigation-panel .uk-width-1-4 .hp-sub-navigation-panel__linklist > .hp-container, .hp-sub-navigation-panel .uk-width-1-4 .left-right-content .left-content .right > div.hp-sub-navigation-panel__linklist > .uk-grid, .left-right-content .left-content .hp-sub-navigation-panel .uk-width-1-4 .right > div.hp-sub-navigation-panel__linklist > .uk-grid, .hp-sub-navigation-panel .uk-width-1-4 .hp-sub-navigation-panel__share > .hp-container, .hp-sub-navigation-panel .uk-width-1-4 .left-right-content .left-content .right > div.hp-sub-navigation-panel__share > .uk-grid, .left-right-content .left-content .hp-sub-navigation-panel .uk-width-1-4 .right > div.hp-sub-navigation-panel__share > .uk-grid { padding: 24px 40px; } .hp-sub-navigation-panel .uk-width-1-4 .hp-padding.hp-padding-remove { padding: 0px; } } @media only screen and (min-width: 960px) { .hp-sub-navigation-panel .uk-width-1-4 .hp-padding.hp-padding-remove { padding: 24px; } } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav { z-index: 1; } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .hp-container, .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .right > div > .uk-grid { padding: 16px; } @media only screen and (min-width: 1280px) { .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .hp-container, .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .right > div > .uk-grid { padding: 24px 24px; } } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav ul { padding-top: 12px; padding-left: 0; padding-right: 0; margin: 0; } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .uk-accordion { margin: 0; padding: 0; } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav p, .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .uk-accordion-title { font-size: 14px; color: #214187; } @media screen and (min-width: 360px) { .hp-sub-navigation-panel .hp-sub-navigation-panel__nav p, .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .uk-accordion-title { font-size: 14px; } } @media screen and (min-width: 768px) { .hp-sub-navigation-panel .hp-sub-navigation-panel__nav p, .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .uk-accordion-title { font-size: 14px; } } @media screen and (min-width: 1280px) { .hp-sub-navigation-panel .hp-sub-navigation-panel__nav p, .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .uk-accordion-title { font-size: 16px; } } @media screen and (min-width: 1440px) { .hp-sub-navigation-panel .hp-sub-navigation-panel__nav p, .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .uk-accordion-title { font-size: 16px; } } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .uk-accordion-title { position: relative; } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .uk-accordion-title::before { background-image: none; } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .uk-accordion-title:hover { transition: color 0.3s ease-in-out; color: #c14d34; } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .uk-accordion-title span { transition: transform 0.3s ease-in-out; position: absolute; top: 50%; transform: translateY(-50%); right: 0; transform-origin: center; } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav li { padding: 8px 0; margin-top: 0; } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav li.uk-open .uk-accordion-title, .hp-sub-navigation-panel .hp-sub-navigation-panel__nav li.uk-open .uk-accordion-title span { color: #c14d34; } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav li.uk-open .uk-accordion-title span { transform: translateY(-50%) rotate(180deg); } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .uk-accordion-content { margin-top: 10px; } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .uk-accordion-content ul { list-style: none; padding-left: 16px; } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .uk-accordion-content li { border-bottom: 2px solid #e3ded6; } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .uk-accordion-content li a { transition: color 0.3s ease-in-out; color: #214187; font-size: 12px; } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .uk-accordion-content li a:hover { color: #c14d34; text-decoration: none; } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav .uk-accordion-content li a.active { color: #c14d34; } .hp-sub-navigation-panel .hp-sub-navigation-panel__nav > div > ul > li:first-child, .hp-sub-navigation-panel .hp-sub-navigation-panel__nav > div > ul > ul.uk-accordion:first-child > li { padding-top: 0; } @media only screen and (min-width: 768px) and (max-width: 960px) { .hp-sub-navigation-panel .hp-sub-navigation-panel__container > .uk-width-1-4 { width: 100%; } } @media only screen and (min-width: 768px) { .hp-sub-navigation-panel .hp-sub-navigation-panel__content .hp-tab-container-panel .hp-icon-panel > .hp-container, .hp-sub-navigation-panel .hp-sub-navigation-panel__content .hp-tab-container-panel .left-right-content .left-content .right > div.hp-icon-panel > .uk-grid, .left-right-content .left-content .hp-sub-navigation-panel .hp-sub-navigation-panel__content .hp-tab-container-panel .right > div.hp-icon-panel > .uk-grid { padding: 24px 40px; } } @media only screen and (min-width: 960px) { .hp-sub-navigation-panel .hp-sub-navigation-panel__content > .block > .hp-wysiwyg-panel > .hp-container, .hp-sub-navigation-panel .left-right-content .left-content .hp-sub-navigation-panel__content > .right.block > div.hp-wysiwyg-panel > .uk-grid, .left-right-content .left-content .hp-sub-navigation-panel .hp-sub-navigation-panel__content > .right.block > div.hp-wysiwyg-panel > .uk-grid { padding: 0; } .hp-sub-navigation-panel .hp-sub-navigation-panel__content > div > .block > div > .hp-container, .hp-sub-navigation-panel .left-right-content .left-content .hp-sub-navigation-panel__content > div > .right.block > div > .uk-grid, .left-right-content .left-content .hp-sub-navigation-panel .hp-sub-navigation-panel__content > div > .right.block > div > .uk-grid, .hp-sub-navigation-panel .hp-sub-navigation-panel__content > div > .block > section > .hp-container, .hp-sub-navigation-panel .hp-sub-navigation-panel__content > div > .block > .hp-hero-banner .hp-container, .hp-sub-navigation-panel .hp-sub-navigation-panel__content > div > .block > .hp-hero-banner .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-sub-navigation-panel .hp-sub-navigation-panel__content > div > .block > .hp-hero-banner .right > div > .uk-grid { padding-left: 24px; padding-right: 24px; } .hp-sub-navigation-panel .hp-sub-navigation-panel__content > div > .hp-container, .hp-sub-navigation-panel .left-right-content .left-content .right.hp-sub-navigation-panel__content > div > .uk-grid, .left-right-content .left-content .hp-sub-navigation-panel .right.hp-sub-navigation-panel__content > div > .uk-grid, .hp-sub-navigation-panel .hp-sub-navigation-panel__content > section > .hp-container, .hp-sub-navigation-panel .hp-sub-navigation-panel__content > .hp-hero-banner .hp-container, .hp-sub-navigation-panel .hp-sub-navigation-panel__content > .hp-hero-banner .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-sub-navigation-panel .hp-sub-navigation-panel__content > .hp-hero-banner .right > div > .uk-grid { padding-left: 24px; padding-right: 24px; } .hp-sub-navigation-panel .hp-sub-navigation-panel__container > .uk-width-1-4 > .hp-sub-navigation-panel__nav { display: block; } .hp-sub-navigation-panel .hp-sub-navigation-panel__container.left-content > .uk-width-1-4 { order: 0; } .hp-sub-navigation-panel > .hp-container, .left-right-content .left-content .right > div.hp-sub-navigation-panel > .uk-grid { padding: 0 40px; } } .hp-tab-container-panel .tab-list { overflow-x: scroll; flex-wrap: nowrap; border-bottom: 1px solid #adafaf; margin: 0; } .hp-tab-container-panel .tab-list:before { border-bottom: 0; } .hp-tab-container-panel .tab-list::-webkit-scrollbar { display: none; } .hp-tab-container-panel .tab-list-item { position: relative; display: inline-block; padding-left: 0; } .hp-tab-container-panel .tab-list-item:hover a { border-bottom: 4px solid #b54930; } .hp-tab-container-panel .tab-list-item:hover a h3, .hp-tab-container-panel .tab-list-item:hover a span { color: #b54930; } .hp-tab-container-panel .tab-list-item:hover a svg * { stroke: #b54930; } .hp-tab-container-panel .tab-list-item.uk-active a { border-bottom: 4px solid #b54930; } .hp-tab-container-panel .tab-list-item.uk-active a h3, .hp-tab-container-panel .tab-list-item.uk-active a span { color: #b54930; } .hp-tab-container-panel .tab-list-item.uk-active a svg * { stroke: #b54930; } .hp-tab-container-panel .tab-list-item a { text-transform: none; padding: 8px 16px; margin: 0 16px 0 0; display: inline-block; height: 100%; box-sizing: border-box; position: relative; } .hp-tab-container-panel .tab-list-item a:focus { outline: none !important; } .hp-tab-container-panel .tab-list-item a:focus:before { content: ''; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; outline: 2px dotted #00344f; top: 2px; left: 2px; } .hp-tab-container-panel .tab-list-item a:focus:not([aria-expanded='true']) { border-bottom: 4px solid #f57f48; } .hp-tab-container-panel .tab-list-item a:focus:not([aria-expanded='true']) h3, .hp-tab-container-panel .tab-list-item a:focus:not([aria-expanded='true']) span { color: #f57f48; } .hp-tab-container-panel .tab-list-item a:focus:not([aria-expanded='true']) svg * { stroke: #f57f48; } .hp-tab-container-panel .tab-list-item h3, .hp-tab-container-panel .tab-list-item span.h3 { color: #666; display: inline-block; margin: 0; } .hp-tab-container-panel .tab-list-item span.h3 { font-weight: 600; font-family: 'Beausite', 'Arial', sans-serif; line-height: 120%; } .hp-tab-container-panel .tab-list-item .results-length { font-weight: 600; padding-left: 5px; } .hp-tab-container-panel .tab-list-item h3, .hp-tab-container-panel .tab-list-item span.h3, .hp-tab-container-panel .tab-list-item .results-length { font-size: 1.375em; vertical-align: middle; } .hp-tab-container-panel .tab-list-item .tab-list-item__icon { display: inline-block; margin-right: 10px; } .hp-tab-container-panel .tab-list-item .tab-list-item__icon svg { width: 30px; height: 30px; } .hp-tab-container-panel .tab-list-item .tab-list-item__icon svg * { stroke: #76797a; } .hp-tab-container-panel .tab-list-item .tab-list-item__icon svg.uk-svg { fill: none; } .hp-tab-container-panel .tab-list-item__content { color: #000; } @media only screen and (min-width: 1280px) { .hp-tab-container-panel .tab-list-item a { padding: 8px 24px; } } .hp-tab-container-panel .h2 { padding: 0 16px 0 16px; } .tabscontainerblock .tab-list-item__content .tab-item-title { margin-bottom: 0; } .tabscontainerblock .hp-wysiwyg-panel > .hp-container .hp-padding *:last-child, .tabscontainerblock .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid .hp-padding *:last-child, .left-right-content .left-content .tabscontainerblock .right > div.hp-wysiwyg-panel > .uk-grid .hp-padding *:last-child { margin-bottom: 0; } .tabscontainerblock .hp-link-listing-panel > .hp-container .hp-padding, .tabscontainerblock .left-right-content .left-content .right > div.hp-link-listing-panel > .uk-grid .hp-padding, .left-right-content .left-content .tabscontainerblock .right > div.hp-link-listing-panel > .uk-grid .hp-padding { padding-left: 0; padding-right: 0; } .tabscontainerblock .intro-wysiwyg .hp-container, .tabscontainerblock .intro-wysiwyg .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .tabscontainerblock .intro-wysiwyg .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .tabscontainerblock .intro-wysiwyg .hp-container .hp-padding, .tabscontainerblock .intro-wysiwyg .left-right-content .left-content .right > div > .uk-grid .hp-padding, .left-right-content .left-content .tabscontainerblock .intro-wysiwyg .right > div > .uk-grid .hp-padding { padding: 0 16px 16px !important; } @media only screen and (min-width: 768px) { .tabscontainerblock .intro-wysiwyg .hp-container, .tabscontainerblock .intro-wysiwyg .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .tabscontainerblock .intro-wysiwyg .right > div > .uk-grid { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 768px) { .tabscontainerblock .accordionblock .uk-accordion-content .accordion-item-title { padding: 0; } .tabscontainerblock .tab-list-item__content .tab-item-title { padding: 16px 0; margin-bottom: 0; } .tabscontainerblock .tab-list-item__content > .tab-list-item__text > .hp-wysiwyg-panel > .hp-container .hp-padding, .tabscontainerblock .left-right-content .left-content .tab-list-item__content > .right.tab-list-item__text > div.hp-wysiwyg-panel > .uk-grid .hp-padding, .left-right-content .left-content .tabscontainerblock .tab-list-item__content > .right.tab-list-item__text > div.hp-wysiwyg-panel > .uk-grid .hp-padding { padding: 24px 0 24px; } .tabscontainerblock .block .hp-wysiwyg-panel > .hp-container .hp-padding, .tabscontainerblock .block .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid .hp-padding, .left-right-content .left-content .tabscontainerblock .block .right > div.hp-wysiwyg-panel > .uk-grid .hp-padding { padding: 0; } .tabscontainerblock .accordionblock .hp-wysiwyg-panel > .hp-container .hp-padding, .tabscontainerblock .accordionblock .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid .hp-padding, .left-right-content .left-content .tabscontainerblock .accordionblock .right > div.hp-wysiwyg-panel > .uk-grid .hp-padding { padding: 0 0 32px; } .tabscontainerblock .hp-link-listing-panel > .hp-container .hp-padding, .tabscontainerblock .left-right-content .left-content .right > div.hp-link-listing-panel > .uk-grid .hp-padding, .left-right-content .left-content .tabscontainerblock .right > div.hp-link-listing-panel > .uk-grid .hp-padding { padding-left: 0; padding-right: 0; } .tabscontainerblock .hp-process > .hp-container .hp-padding, .tabscontainerblock .left-right-content .left-content .right > div.hp-process > .uk-grid .hp-padding, .left-right-content .left-content .tabscontainerblock .right > div.hp-process > .uk-grid .hp-padding { padding-left: 0; padding-right: 0; } .tabscontainerblock .hp-testimonial-panel > .hp-container .hp-padding, .tabscontainerblock .left-right-content .left-content .right > div.hp-testimonial-panel > .uk-grid .hp-padding, .left-right-content .left-content .tabscontainerblock .right > div.hp-testimonial-panel > .uk-grid .hp-padding { padding-left: 0; padding-right: 0; } .tabscontainerblock .hp-video-panel > .hp-container, .tabscontainerblock .left-right-content .left-content .right > div.hp-video-panel > .uk-grid, .left-right-content .left-content .tabscontainerblock .right > div.hp-video-panel > .uk-grid { padding-left: 0; padding-right: 0; } .tabscontainerblock .hp-video-panel > .hp-container .hp-padding, .tabscontainerblock .left-right-content .left-content .right > div.hp-video-panel > .uk-grid .hp-padding, .left-right-content .left-content .tabscontainerblock .right > div.hp-video-panel > .uk-grid .hp-padding { padding-left: 0; padding-right: 0; } .tabscontainerblock .hp-icon-panel.variation-cta { padding-left: 0; padding-right: 0; } .tabscontainerblock .tab-list-item__text > .block > [class*='-panel'] > .hp-container > .hp-padding, .tabscontainerblock .left-right-content .left-content .tab-list-item__text > .right.block > div[class*='-panel'] > .uk-grid > .hp-padding, .left-right-content .left-content .tabscontainerblock .tab-list-item__text > .right.block > div[class*='-panel'] > .uk-grid > .hp-padding, .tabscontainerblock .tab-list-item__text > .block > [class*='-block'] > .hp-container > .hp-padding, .tabscontainerblock .left-right-content .left-content .tab-list-item__text > .right.block > div[class*='-block'] > .uk-grid > .hp-padding, .left-right-content .left-content .tabscontainerblock .tab-list-item__text > .right.block > div[class*='-block'] > .uk-grid > .hp-padding, .tabscontainerblock .tab-list-item__text > .block > [class*='-block'] > [class*='background-'] > .hp-container > .hp-padding, .tabscontainerblock .left-right-content .left-content .tab-list-item__text > .block > .right[class*='-block'] > div[class*='background-'] > .uk-grid > .hp-padding, .left-right-content .left-content .tabscontainerblock .tab-list-item__text > .block > .right[class*='-block'] > div[class*='background-'] > .uk-grid > .hp-padding, .tabscontainerblock .tab-list-item__text > .uk-grid > .block > [class*='-block'] > .hp-container > .hp-padding, .tabscontainerblock .tab-list-item__text > .uk-grid > .block > .hp-container > .hp-padding, .tabscontainerblock .left-right-content .left-content .tab-list-item__text > .right.uk-grid > div.block > .uk-grid > .hp-padding, .left-right-content .left-content .tabscontainerblock .tab-list-item__text > .right.uk-grid > div.block > .uk-grid > .hp-padding, .tabscontainerblock .tab-list-item__text > .uk-grid > .block > [class*='background-'] > .hp-container > .hp-padding, .tabscontainerblock .left-right-content .left-content .tab-list-item__text > .uk-grid > .right.block > div[class*='background-'] > .uk-grid > .hp-padding, .left-right-content .left-content .tabscontainerblock .tab-list-item__text > .uk-grid > .right.block > div[class*='background-'] > .uk-grid > .hp-padding, .tabscontainerblock .tab-list-item__text > .uk-grid > [class*='background-'] > .hp-container > .hp-padding, .tabscontainerblock .left-right-content .left-content .tab-list-item__text > .right.uk-grid > div[class*='background-'] > .uk-grid > .hp-padding, .left-right-content .left-content .tabscontainerblock .tab-list-item__text > .right.uk-grid > div[class*='background-'] > .uk-grid > .hp-padding, .tabscontainerblock .tab-list-item__text > [class*='-block'] > .hp-container > .hp-padding, .tabscontainerblock .left-right-content .left-content .right.tab-list-item__text > div[class*='-block'] > .uk-grid > .hp-padding, .left-right-content .left-content .tabscontainerblock .right.tab-list-item__text > div[class*='-block'] > .uk-grid > .hp-padding { padding: 0; } } .hp-testimonial-panel .hp-testimonial__content, .hp-testimonial-panel .hp-testimonial__image { position: relative; } .hp-testimonial-panel .hp-testimonial__image { aspect-ratio: auto; } .hp-testimonial-panel .hp-testimonial__image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 4px; } .hp-testimonial-panel .hp-testimonial__video { display: none; } .hp-testimonial-panel .hp-testimonial__content { padding: 0 16px; } .hp-testimonial-panel .hp-testimonial__content-text { width: 100%; position: relative; } .hp-testimonial-panel .hp-testimonial__content-text svg { width: 45px; } .hp-testimonial-panel .hp-testimonial__author { padding: 0 0 0 24px; border-left: 4px solid rgba(0, 0, 0, 0); } .hp-testimonial-panel .hp-testimonial__author h4, .hp-testimonial-panel .hp-testimonial__author h3 { padding: 0; margin: 0; } .hp-testimonial-panel .hp-testimonial__author span { font-size: 18px; font-weight: 700; } .hp-testimonial-panel .hp-testimonial__svg.top, .hp-testimonial-panel .hp-testimonial__svg.bottom { padding: 0 0 24px 0; } .hp-testimonial-panel .hp-testimonial__svg.bottom { transform-origin: center; transform: rotate(180deg); float: right; } .hp-testimonial-panel .hp-testimonial__svg.play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hp-testimonial-panel .hp-testimonial__svg.play path { cursor: pointer; fill: rgba(0, 0, 0, 0); } .hp-testimonial-panel .hp-testimonial__svg svg path { stroke: #fff; } .hp-testimonial-panel .hp-testimonial__svg:hover svg path { stroke: #00344f; } .hp-testimonial-panel .slick-slider { margin: 0 0 16px 0; } .hp-testimonial-panel .hp-slider-controls { margin: 0; } @media only screen and (min-width: 768px) { .hp-testimonial-panel .hp-testimonial__image { aspect-ratio: auto 4/3; } .hp-testimonial-panel .uk-child-width-1-2 > * { width: 100%; } .hp-testimonial-panel .hp-slider-controls { margin: 0; } } @media only screen and (min-width: 1280px) { .hp-testimonial-panel .hp-testimonial__content { padding: 24px; } .hp-testimonial-panel .slick-slider { margin: 0 0 24px 0; } .hp-testimonial-panel .uk-child-width-1-2 > * { width: 50%; } .hp-testimonial-panel .hp-testimonial__content-text svg { width: 90px; } } .hp-testimonial-panel .hp-testimonial__video { height: auto; } @media only screen and (min-width: 768px) { .hp-testimonial-panel .hp-testimonial__video { height: 58.6vh; } } @media only screen and (min-width: 1280px) { .uk-width-3-4 .testimonialsliderblock.dm-1-1 .hp-testimonial-panel .hp-testimonial__image img, .uk-width-3-4 .testimonialblock.dm-1-1 .hp-testimonial-panel .hp-testimonial__image img { height: 100%; } .uk-width-3-4 .testimonialsliderblock.dm-1-1 .hp-testimonial-panel .hp-testimonial__content, .uk-width-3-4 .testimonialblock.dm-1-1 .hp-testimonial-panel .hp-testimonial__content { padding: 24px 16px; } .uk-width-3-4 .testimonialsliderblock.dm-1-1 .hp-testimonial-panel .hp-testimonial__content .hp-testimonial__content-text svg, .uk-width-3-4 .testimonialblock.dm-1-1 .hp-testimonial-panel .hp-testimonial__content .hp-testimonial__content-text svg { width: 45px; } .uk-width-3-4 .testimonialsliderblock.dm-1-1 .hp-testimonial-panel .hp-testimonial__content h3, .uk-width-3-4 .testimonialsliderblock.dm-1-1 .hp-testimonial-panel .hp-testimonial__content .h3, .uk-width-3-4 .testimonialblock.dm-1-1 .hp-testimonial-panel .hp-testimonial__content h3, .uk-width-3-4 .testimonialblock.dm-1-1 .hp-testimonial-panel .hp-testimonial__content .h3 { font-size: 20px; } .uk-width-3-4 .testimonialsliderblock.dm-1-1 .hp-testimonial-panel .hp-testimonial__content h4, .uk-width-3-4 .testimonialsliderblock.dm-1-1 .hp-testimonial-panel .hp-testimonial__content .h4, .uk-width-3-4 .testimonialblock.dm-1-1 .hp-testimonial-panel .hp-testimonial__content h4, .uk-width-3-4 .testimonialblock.dm-1-1 .hp-testimonial-panel .hp-testimonial__content .h4 { font-size: 18px; } .uk-width-3-4 .testimonialsliderblock.dm-1-1 .hp-testimonial-panel .hp-testimonial__content p, .uk-width-3-4 .testimonialblock.dm-1-1 .hp-testimonial-panel .hp-testimonial__content p { font-size: 14px; } } .hp-video-panel { min-height: 200px; } .hp-video-panel .hp-video-panel__video { position: relative; overflow: hidden; } .hp-video-panel .hp-video-panel__video.format-youtube iframe { min-height: 200px; } .hp-video-panel .hp-video-panel__video.format-vimeo .vimeoPlayer { position: relative; padding-bottom: 56.25%; max-width: 100%; height: auto; display: none; } .hp-video-panel .hp-video-panel__video.format-vimeo iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .hp-video-panel .hp-video-panel__video.format-media-library img { position: relative; z-index: 2; } .hp-video-panel .hp-video-panel__video.format-media-library video { display: none; } .hp-video-panel .hp-video-panel__video img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; } .hp-video-panel .hp-video-panel__video button { background: none; border: none; cursor: pointer; } .hp-video-panel .hp-video-panel__video video { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .hp-video-panel .hp-video-panel__video iframe { box-sizing: border-box; width: 100%; height: 100%; min-width: 100%; min-height: 100%; } .hp-video-panel .hp-video-panel__video button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .hp-video-panel .hp-video-panel__video .hp-video-panel__video-iframe { position: relative; height: auto; } .hp-video-panel .hp-video-panel__video iframe, .hp-video-panel .hp-video-panel__video video, .hp-video-panel .hp-video-panel__video img { width: 100%; } .hp-video-panel .hp-video-panel__video svg path { fill: rgba(0, 0, 0, 0); } .hp-video-panel .hp-video-panel__video-svg { max-width: 20%; } @media only screen and (min-width: 768px) { .hp-video-panel .hp-video-panel__video video { -o-object-fit: cover; object-fit: cover; } .hp-video-panel .hp-video-panel__video.format-youtube { aspect-ratio: auto 4/2; } .hp-video-panel .hp-video-panel__video-svg { max-width: 22%; } } .hp-wysiwyg-panel { color: #000; } .hp-wysiwyg-panel h1, .hp-wysiwyg-panel h2, .hp-wysiwyg-panel h3, .hp-wysiwyg-panel h4, .hp-wysiwyg-panel h5, .hp-wysiwyg-panel h6 { color: #00344f; } .hp-wysiwyg-panel .hp-container, .hp-wysiwyg-panel .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-wysiwyg-panel .right > div > .uk-grid { margin-bottom: 0; } .hp-wysiwyg-panel .hp-container .hp-container, .hp-wysiwyg-panel .left-right-content .left-content .right > div > .uk-grid .hp-container, .left-right-content .left-content .hp-wysiwyg-panel .right > div > .uk-grid .hp-container, .hp-wysiwyg-panel .hp-container .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-wysiwyg-panel .hp-container .right > div > .uk-grid, .hp-wysiwyg-panel .left-right-content .left-content .right > div > .uk-grid .right > div > .uk-grid, .left-right-content .left-content .hp-wysiwyg-panel .right > div > .uk-grid .right > div > .uk-grid { padding: 0; } .hp-wysiwyg-panel .uk-grid > div:first-child .uk-img { margin-top: 24px; } .hp-wysiwyg-panel .uk-grid .uk-img { margin-top: 0; } .hp-wysiwyg-panel .uk-grid .uk-img .img-caption { margin-bottom: 0; } .hp-wysiwyg-panel .uk-img { border-radius: 4px; margin-top: 24px; width: 100%; } .hp-wysiwyg-panel .hp-retain-width { border-radius: 4px; margin-top: 24px; max-width: 100%; width: auto; } .hp-wysiwyg-panel .img-caption { color: #00344f; padding: 10px; margin-bottom: 24px; } .hp-wysiwyg-panel a { color: #c14d34; text-decoration: none; word-break: break-word; } .hp-wysiwyg-panel a:hover { text-decoration: underline; } .hp-wysiwyg-panel i, .hp-wysiwyg-panel em { color: inherit; } @media only screen and (min-width: 768px) { .hp-wysiwyg-panel .uk-grid { margin-top: 24px; } .hp-wysiwyg-panel .uk-grid > div:first-child .uk-img { margin-top: 0; } .hp-wysiwyg-panel .uk-grid .uk-img { margin-top: 0; } .hp-wysiwyg-panel .uk-grid .uk-img .img-caption { margin-bottom: 24px; } .hp-wysiwyg-panel .hp-padding.hp-padding-remove { padding: 16px; } } .hp-wysiwyg-panel .uk-button, .hp-wysiwyg-panel .FormButton, .hp-wysiwyg-panel .Form__NavigationBar .btnPrev, .Form__NavigationBar .hp-wysiwyg-panel .btnPrev, .hp-wysiwyg-panel .Form__NavigationBar .btnNext, .Form__NavigationBar .hp-wysiwyg-panel .btnNext, .hp-wysiwyg-panel form input[type='reset'], form .hp-wysiwyg-panel input[type='reset'], .hp-wysiwyg-panel form button.FormSubmitButton, form .hp-wysiwyg-panel button.FormSubmitButton { display: block; width: 100%; margin: 16px 0; } @media only screen and (min-width: 768px) { .hp-wysiwyg-panel .uk-button, .hp-wysiwyg-panel .FormButton, .hp-wysiwyg-panel .Form__NavigationBar .btnPrev, .Form__NavigationBar .hp-wysiwyg-panel .btnPrev, .hp-wysiwyg-panel .Form__NavigationBar .btnNext, .Form__NavigationBar .hp-wysiwyg-panel .btnNext, .hp-wysiwyg-panel form input[type='reset'], form .hp-wysiwyg-panel input[type='reset'], .hp-wysiwyg-panel form button.FormSubmitButton, form .hp-wysiwyg-panel button.FormSubmitButton { width: auto; display: inline-block; margin: 0 16px 0 0; } } .wysiwygblock.dm-1-4 .hp-wysiwyg-panel h2, .wysiwygblock.dm-1-4 .hp-wysiwyg-panel .h2 { font-size: 24px; } .wysiwygblock.dm-1-4 .hp-wysiwyg-panel h3, .wysiwygblock.dm-1-4 .hp-wysiwyg-panel .h3 { font-size: 20px; } .wysiwygblock.dm-1-4 .hp-wysiwyg-panel h4, .wysiwygblock.dm-1-4 .hp-wysiwyg-panel .h4 { font-size: 18px; } .wysiwygblock.dm-1-4 .hp-wysiwyg-panel h5, .wysiwygblock.dm-1-4 .hp-wysiwyg-panel .h5 { font-size: 18px; } .wysiwygblock.dm-1-4 .hp-wysiwyg-panel p { font-size: 18px; } .wysiwygblock.dm-1-4 .hp-wysiwyg-panel a { font-size: 14px; } @media only screen and (min-width: 768px) and (max-width: 960px) { .wysiwygblock.dm-1-4 .hp-wysiwyg-panel .hp-padding.hp-padding-remove { padding: 0; } } .uk-width-3-4 .wysiwygblock.dm-1-1 .hp-wysiwyg-panel .hp-padding.hp-padding-remove { padding: 16px; } @media only screen and (min-width: 768px) { .uk-width-3-4 .wysiwygblock.dm-1-1 .hp-wysiwyg-panel .hp-padding.hp-padding-remove { padding: 0; } } .hp-wysiwyg-panel .table-scroll-nav { display: flex; justify-content: space-between; float: right; clear: right; margin-bottom: 20px; } .hp-wysiwyg-panel .table-scroll-nav .arrow { display: inline-block; color: #00344f; width: 30px; height: 20px; background-size: contain; background-position: center center; background-repeat: no-repeat; cursor: pointer; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .hp-wysiwyg-panel .table-scroll-nav .arrow.hidden { visibility: hidden; } .hp-wysiwyg-panel .table-scroll-nav .arrow.arrow-next { margin-left: auto; -webkit-mask-image: url('/svg/icons/icon-right-arrow.svg'); mask-image: url('/svg/icons/icon-right-arrow.svg'); background-color: #00344f; } .hp-wysiwyg-panel .table-scroll-nav .arrow.arrow-prev { -webkit-mask-image: url('/svg/icons/icon-left-arrow.svg'); mask-image: url('/svg/icons/icon-left-arrow.svg'); background-color: #00344f; } .hp-wysiwyg-panel .table-scroll { border: 1px solid #eae6e0; border-radius: 4px; margin-bottom: 24px; overflow: auto; width: 100%; } .hp-wysiwyg-panel .table-scroll table:not(.hp-link-listing-table) { table-layout: fixed; } .hp-wysiwyg-panel .table-scroll table:not(.hp-link-listing-table) tr:first-child th { border-radius: 0; } .hp-wysiwyg-panel .table-scroll table:not(.hp-link-listing-table) tr td:first-child, .hp-wysiwyg-panel .table-scroll table:not(.hp-link-listing-table) tr th:first-child { left: 0; position: sticky; z-index: 1; } .hp-wysiwyg-panel .table-scroll table:not(.hp-link-listing-table) td, .hp-wysiwyg-panel .table-scroll table:not(.hp-link-listing-table) th { box-sizing: content-box; width: 140px; } .hp-wysiwyg-panel .table-scroll table:not(.hp-link-listing-table) td.sticky, .hp-wysiwyg-panel .table-scroll table:not(.hp-link-listing-table) th.sticky { position: relative; } .hp-wysiwyg-panel .table-scroll table:not(.hp-link-listing-table) td.sticky::after, .hp-wysiwyg-panel .table-scroll table:not(.hp-link-listing-table) th.sticky::after { display: inline-block; content: ''; width: 1px; height: 100%; background-color: #eae6e0; position: absolute; top: 0; right: 0; } @media only screen and (min-width: 768px) { .hp-wysiwyg-panel .table-scroll { overflow-x: hidden; } } @media only screen and (min-width: 1280px) { .hp-wysiwyg-panel .table-scroll table:not(.hp-link-listing-table) td, .hp-wysiwyg-panel .table-scroll table:not(.hp-link-listing-table) th { width: 220px; } } @media only screen and (min-width: 768px) { .uk-modal-body .uk-grid .hp-wysiwyg-panel .hp-padding.hp-padding-remove { padding: 16px 0; } } .resumable-form-modal .uk-modal-dialog { border-radius: 40px; padding-top: 16px; } .resumable-form-modal .uk-modal-dialog .uk-modal-close-default { color: #00344f; top: 24px; right: 24px; border: 2px solid #00344f; border-radius: 50%; max-width: 28px; } .resumable-form-modal .uk-modal-dialog .FormButton.save-form { margin-left: 16px; } .resumable-form-modal .uk-modal-dialog .FormButton.save-form:hover { background-color: rgba(0, 0, 0, 0) !important; color: #145b7c !important; border-color: #145b7c !important; } .resumable-form-modal .uk-modal-dialog .FormButton.close { background-color: rgba(0, 0, 0, 0) !important; color: #145b7c; } .resumable-form-modal .uk-modal-dialog .FormButton.close:hover { background-color: #145b7c !important; color: #fff !important; border-color: #145b7c !important; } @media only screen and (min-width: 768px) { .resumable-form-modal .uk-modal-dialog { padding-top: 24px; } } .EpiServerResumableForms .Form__NavigationBar { flex-wrap: wrap; justify-content: space-between; } .EpiServerResumableForms .Form__NavigationBar .btnPrev { order: 1; width: 46%; } .EpiServerResumableForms .Form__NavigationBar .btnNext { margin-left: auto; order: 2; width: 46%; } .EpiServerResumableForms .Form__NavigationBar .FormButton.save { order: 4; margin: 16px 0 0 0; width: 100%; background-color: rgba(0, 0, 0, 0) !important; color: #145b7c !important; } .EpiServerResumableForms .Form__NavigationBar .FormButton.save:hover { background-color: #145b7c !important; color: #fff !important; border-color: #145b7c !important; } .EpiServerResumableForms .Form__NavigationBar .FormButton.save::after { display: none; } .EpiServerResumableForms .Form__NavigationBar .FormSubmitButton { order: 3; width: 46%; margin: 0 0 0 auto; } @media only screen and (min-width: 768px) { .EpiServerResumableForms .Form__NavigationBar { justify-content: flex-end; } .EpiServerResumableForms .Form__NavigationBar .btnNext, .EpiServerResumableForms .Form__NavigationBar .btnPrev, .EpiServerResumableForms .Form__NavigationBar .FormButton.save { width: auto; } .EpiServerResumableForms .Form__NavigationBar .btnNext { order: 3; } .EpiServerResumableForms .Form__NavigationBar .FormButton.save { order: 2; margin: 0 16px 0 auto; } .EpiServerResumableForms .Form__NavigationBar .FormButton.save + .btnNext { margin-left: 0; } .EpiServerResumableForms .Form__NavigationBar .FormSubmitButton { order: 4; width: auto; margin: 0; } .EpiServerResumableForms .Form__NavigationBar .FormSubmitButton::after { display: block; } } .FormButton { padding: 14px 14px; margin-left: auto; border: 2px solid #145b7c; } @media only screen and (min-width: 768px) { .FormButton { padding: 14px 36px; } } .button-cta-panel { padding: 16px; } @media only screen and (min-width: 768px) { .button-cta-panel { padding: 0; } } main.layout.transparent header { width: 100%; position: absolute; z-index: 999; } main.layout.transparent .hp-main-nav-container { background-color: rgba(0, 0, 0, 0); } main.layout.transparent .hp-main-nav-container .uk-container { position: relative; z-index: 999; } main.layout.transparent .hp-main-nav-container::before { background-color: rgba(0, 0, 0, 0.5); position: absolute; content: ''; width: 100%; height: 100%; z-index: 998; } main.layout.transparent .hp-main-nav-container .hp-main-nav > ul > li > a { color: #fff; } main.layout.transparent .content { padding-top: 80px; } .hp-find-help-article__layout .hp-article-listing .article-content .article-title a { color: #c14d34; } .article-tags { position: relative; } .article-tags a { color: #c14d34; padding-right: 8px; } .article-tags a:first-child { padding-left: 32px; } .article-tags:before { content: ''; position: absolute; display: block; width: 22px; height: 22px; -webkit-mask-image: url('/svg/icons/icon-tag.svg'); mask-image: url('/svg/icons/icon-tag.svg'); -webkit-mask-size: cover; mask-size: cover; margin-top: 4px; background-color: #76797a; } .hp-find-help__topic .hp-help-article__svg { width: 60px; height: 60px; fill: none; margin-bottom: 16px; } .hp-find-help__topic ul { margin: 0; padding: 0; } .hp-find-help__topic ul li { list-style-type: none; padding-bottom: 8px; } .hp-find-help__topic ul li a:hover { text-decoration: underline; } .hp-find-help__topic a { color: #c14d34; text-decoration: none; } .hp-find-help__topic a h3 { text-decoration: none; position: relative; color: #00344f; } .hp-find-help__topic a h3:hover { text-decoration: none; } .hp-find-help__topic a h3:hover:after { margin-left: 16px; } .hp-find-help__topic a h3:after { transition: all 0.3s ease; font-size: 1.7em; margin-left: 8px; top: calc(50% + 4px); transform: translateY(-50%); position: absolute; content: ''; -webkit-mask: url('/svg/arrow-right.svg') no-repeat center; mask: url('/svg/arrow-right.svg') no-repeat center; background-color: #c14d34; width: 28px; height: 16px; font-weight: 700; } .hp-help-list ul { margin: 0; padding: 0; } .hp-help-list ul li { list-style-type: none; padding-bottom: 8px; } .hp-help-list ul li a { color: #c14d34; text-decoration: underline; } .hp-help-list ul li a:hover { text-decoration: none; } .hp-thumbsdown-form .FormTextbox--Textarea label { font-weight: 600; color: #145b7c; } .hp-thumbsdown-form .FormTextbox--Textarea textarea { height: 240px; margin-bottom: 16px; } .hp-helpful-article h3 { color: #00344f; } .tab-list-item__text .left-right-content .hp-container, .tab-list-item__text .left-right-content .left-content .right > div > .uk-grid, .tab-list-item__text .left-right-content .hp-padding { padding-top: 0; } .left-right-content .left-content .right > div { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .left-right-content .left-content .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .left-right-content .left-content .right > div > [class*='-panel'] { width: 100vw; } .left-right-content .left .block .hp-container, .left-right-content .left .block .left-content .right > div > .uk-grid, .left-right-content .left-content .left .block .right > div > .uk-grid, .left-right-content .left [class*='-block'] .hp-container, .left-right-content .left [class*='-block'] .left-content .right > div > .uk-grid, .left-right-content .left-content .left [class*='-block'] .right > div > .uk-grid, .left-right-content .left [class*='-panel'] .hp-container, .left-right-content .left [class*='-panel'] .left-content .right > div > .uk-grid, .left-right-content .left-content .left [class*='-panel'] .right > div > .uk-grid { padding: 0; } .left-right-content .left .block .hp-padding, .left-right-content .left [class*='-block'] .hp-padding, .left-right-content .left [class*='-panel'] .hp-padding { margin: 0; padding-left: 0; padding-right: 0; } @media only screen and (min-width: 1280px) { .left-right-content .left-content .right > div { margin-left: auto; margin-right: auto; left: auto; right: auto; width: auto; padding-left: 24px; } .left-right-content .left-content .right > div > .uk-grid { padding: 0; } .left-right-content .left-content .right > div > .uk-grid > div { padding-left: 0; } .left-right-content .left-content .right > div > [class*='-panel'] { width: auto; } .left-right-content .right .block .hp-container, .left-right-content .right .block .left-content .right > div > .uk-grid, .left-right-content .left-content .right .block .right > div > .uk-grid, .left-right-content .right [class*='-block'] .hp-container, .left-right-content .right [class*='-block'] .left-content .right > div > .uk-grid, .left-right-content .left-content .right [class*='-block'] .right > div > .uk-grid, .left-right-content .right [class*='-panel'] .hp-container, .left-right-content .right [class*='-panel'] .left-content .right > div > .uk-grid, .left-right-content .left-content .right [class*='-panel'] .right > div > .uk-grid { padding: 0; } .left-right-content .right .block .hp-padding, .left-right-content .right [class*='-block'] .hp-padding, .left-right-content .right [class*='-panel'] .hp-padding { margin: 0; padding-left: 0; padding-right: 0; } .left-right-content .left-content { display: flex; } .left-right-content .left-content .left { width: 75%; } .left-right-content .left-content .right { width: 25%; } .left-right-content .right * { font-size: 14px; } .left-right-content .right h2 { font-size: 20px; } .left-right-content .right h3 { font-size: 18px; } .left-right-content .right .uk-button, .left-right-content .right .Form__NavigationBar .btnPrev, .Form__NavigationBar .left-right-content .right .btnPrev, .left-right-content .right .Form__NavigationBar .btnNext, .Form__NavigationBar .left-right-content .right .btnNext, .left-right-content .right form input[type='reset'], form .left-right-content .right input[type='reset'], .left-right-content .right form button.FormSubmitButton, form .left-right-content .right button.FormSubmitButton, .left-right-content .right .FormButton { min-width: 150px; } .left-right-content .right .wysiwygblock { box-sizing: border-box; width: 100%; } .left-right-content .right .wysiwygblock:not(:first-child) .hp-wysiwyg-panel { padding-top: 0; } .left-right-content .right .wysiwygblock .hp-wysiwyg-panel { background-color: #fff; padding: 24px; } .left-right-content .right .wysiwygblock .hp-padding { padding-top: 0; padding-bottom: 0; } .left-right-content .right .iconsectionblock .hp-container, .left-right-content .right .iconsectionblock .left-content .right > div > .uk-grid, .left-right-content .left-content .right .iconsectionblock .right > div > .uk-grid { padding-bottom: 16px; } .left-right-content .right .iconsectionblock .hp-icon-panel__content, .left-right-content .right .iconsectionblock .hp-icon-panel__icons { width: 100%; } .left-right-content .right .iconsectionblock .hp-icon-panel__icons { flex-direction: column; margin-top: 0; } .left-right-content .right .iconsectionblock .hp-icon-panel__link { box-sizing: border-box; margin: 0 0 16px !important; width: calc(100% - 48px); } .left-right-content .right .iconsectionblock .hp-icon-panel__link svg { width: 24px; height: 24px; } .left-right-content .right .iconsectionblock .icon-content { padding-bottom: 24px; } .left-right-content .right .imagetilecontainerblock .hp-image-tile-panel { background-color: #fff; } .left-right-content .right .imagetilecontainerblock .hp-image-tile-panel .hp-image-tile__card.variation-one-tile { flex-direction: column; } .left-right-content .right .imagetilecontainerblock .hp-image-tile__content, .left-right-content .right .imagetilecontainerblock .hp-image-tile__image { width: 100%; } .left-right-content .right .imagetilecontainerblock .hp-image-tile__content { order: 2; } .left-right-content .right .imagetilecontainerblock .hp-image-tile__image { order: 1; } .left-right-content .right .imagetilecontainerblock .hp-image-tile-panel .hp-image-tile__image { padding: 0 24px; } .left-right-content .right .imagetilecontainerblock .hp-image-tiles__heading .uk-flex { flex-direction: column; } .left-right-content .right .imagetilecontainerblock .hp-image-tiles__heading .uk-flex .uk-text-right { margin-top: 16px; } .left-right-content .right .imagetilecontainerblock .hp-image-tile__content-outer .uk-flex { flex-direction: column; } .left-right-content .right .imagetilecontainerblock .hp-image-tile__content-outer .uk-flex > div { width: 100%; margin-top: 0; } .left-right-content .right .imagetilecontainerblock .hp-image-tile__content-outer .uk-flex > div:last-child .hp-image-tile-card__box { margin-bottom: 0; } .left-right-content .right .imagetilecontainerblock .hp-image-tile__content-outer .uk-flex .hp-image-tile-card__box { margin: 0 24px 24px; } .left-right-content .right .imagetilecontainerblock .hp-image-tile__content-outer .uk-flex .hp-image-tile-card__box .hp-image-tile__card .uk-flex { flex-direction: row; } .left-right-content .right .imagetilecontainerblock .hp-image-tile__content-outer .uk-flex .hp-image-tile__card-grid-one { width: 40%; } .left-right-content .right .imagetilecontainerblock .hp-image-tile__content-outer .uk-flex .hp-image-tile__image { height: 100%; border-radius: 4px 0 0 4px; } .left-right-content .right .imagetilecontainerblock .hp-image-tile__content-outer .uk-flex .hp-image-tile__content-container { width: 60%; padding: 0 16px; } .left-right-content .right .imagetilecontainerblock .hp-image-tile__content-outer .uk-flex .hp-image-tile__title { margin-bottom: 0; } .left-right-content .right .imagetilecontainerblock .hp-image-tile__content-outer .uk-flex .hp-image-tile__content { position: relative; padding: 8px 0; display: flex; flex-direction: column; justify-content: center; } .left-right-content .right .imagetilecontainerblock .hp-image-tile__content-outer .uk-flex .hp-image-tile__description, .left-right-content .right .imagetilecontainerblock .hp-image-tile__content-outer .uk-flex .hp-image-title__link { display: none; } .left-right-content .right .imagetilecontainerblock .hp-hidden-s { display: none; } .left-right-content .right .imagetilecontainerblock .uk-button, .left-right-content .right .imagetilecontainerblock .Form__NavigationBar .btnPrev, .Form__NavigationBar .left-right-content .right .imagetilecontainerblock .btnPrev, .left-right-content .right .imagetilecontainerblock .Form__NavigationBar .btnNext, .Form__NavigationBar .left-right-content .right .imagetilecontainerblock .btnNext, .left-right-content .right .imagetilecontainerblock form input[type='reset'], form .left-right-content .right .imagetilecontainerblock input[type='reset'], .left-right-content .right .imagetilecontainerblock form button.FormSubmitButton, form .left-right-content .right .imagetilecontainerblock button.FormSubmitButton, .left-right-content .right .imagetilecontainerblock .FormButton { width: 100%; } } .edge-clip-top { background-color: #fff; position: relative; width: auto; height: auto; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-composite: xor; mask-composite: exclude; } .edge-clip-previous { padding-bottom: 185px; } .edge-clip-top__two { margin-top: -60px; padding-top: 48px; } @media only screen and (min-width: 768px) { .edge-clip-top__two { margin-top: -100px; padding-top: 80px; } } @media only screen and (min-width: 1280px) { .edge-clip-top__two { margin-top: -150px; padding-top: 100px; } } @media only screen and (min-width: 1440px) { .edge-clip-top__two { padding-top: 130px; } } .edge-clip-top__three { margin-top: -186px; padding-top: 24px; } @media only screen and (min-width: 768px) { .edge-clip-top__three { padding-top: 16px; margin-top: -170px; } } @media only screen and (min-width: 1280px) { .edge-clip-top__three { margin-top: -179px; padding-top: 80px; } } @media only screen and (min-width: 1440px) { .edge-clip-top__three { padding-top: 120px; } } .edge-clip-top__four { margin-top: -130px; padding-top: 72px; } @media only screen and (min-width: 768px) { .edge-clip-top__four { margin-top: -200px; } } @media only screen and (min-width: 1280px) { .edge-clip-top__four { padding-top: 115px; } } .edge-clip-top__form { margin-top: -150px; padding-top: 48px; } @media only screen and (min-width: 768px) { .edge-clip-top__form { margin-top: -177px; padding-top: 48px; } } @media only screen and (min-width: 1280px) { .edge-clip-top__form { padding-top: 80px; } } @media only screen and (min-width: 1440px) { .edge-clip-top__form { padding-top: 128px; } } .hp-sub-navigation-panel__container.right-content > .uk-width-3-4 .edge-clip-previous { padding-bottom: 0; } @media only screen and (min-width: 960px) and (max-width: 1280px) { .hp-sub-navigation-panel__container.right-content > .uk-width-3-4 .edge-clip-previous { padding-bottom: 200px; } } @media only screen and (min-width: 1280px) { .hp-sub-navigation-panel__container.right-content > .uk-width-3-4 .edge-clip-previous { padding-bottom: 200px; } } .hp-sub-navigation-panel__container.right-content > .uk-width-1-4 .edge-clip-previous { padding-bottom: 185px; } @media only screen and (min-width: 960px) and (max-width: 1280px) { .hp-sub-navigation-panel__container.right-content > .uk-width-1-4 .edge-clip-previous { padding-bottom: 0; } } @media only screen and (min-width: 1280px) { .hp-sub-navigation-panel__container.right-content > .uk-width-1-4 .edge-clip-previous { padding-bottom: 200px; } } .hp-alert-dialog { border-radius: 4px; } .hp-alert-dialog .hp-padding { display: flex; } .hp-alert-dialog .icon { margin-right: 16px; flex-shrink: 0; } .hp-alert-dialog { background-color: #bac8e2; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); color: #4c4c4c; } .hp-alert-dialog .hp-padding { align-items: center; } .hp-alert-dialog .icon svg { stroke: #125252 !important; fill: none !important; max-width: 32px; } .hp-alert-tip { background-color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 0; margin-top: 16px; color: #00344f; } .hp-alert-tip .hp-padding { display: flex; align-items: center; } .hp-alert-tip .icon { display: flex; margin-right: 16px; flex-shrink: 0; } .hp-alert-tip .uk-alert-close { opacity: 1; } .hp-alert-tip .message { margin-right: 24px; } .hp-alert-message { border-radius: 4px; padding-top: 0; margin-bottom: 16px; text-align: center; } .hp-alert-message .hp-padding { display: flex; flex-direction: column; align-items: center; } .hp-alert-message .icon { margin: 0 0 16px 0; width: 48px; } .hp-alert-message .icon svg { fill: none !important; } .hp-alert-message.error { background-color: #e6b8ae; } .hp-alert-message.error svg * { stroke: #00344f !important; } .hp-alert-message.success { background-color: #78c4bc; } .hp-alert-message.success svg * { stroke: #00344f !important; } .hp-alert-message .title, .hp-alert-message .message { color: #00344f; } @media only screen and (min-width: 768px) { .hp-alert-message { text-align: left; } .hp-alert-message .icon { margin: 16px 16px 16px 0; } .hp-alert-message .hp-padding { flex-direction: row; align-items: flex-start; } } @media only screen and (min-width: 1280px) { .hp-alert-message { margin-bottom: 24px; } } .webapp form .resendmessageblock { display: none; } .webapp form .IdentifyVerification .timer { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; font-size: 18px; font-weight: 700; padding-bottom: 8px; } .webapp form .IdentifyVerification .value { color: #c14d34; } .webapp form .IdentifyVerification .input-confirm-otp { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; height: 48px; border-radius: 4px; border: 2px solid #145b7c; padding-left: 8px; } .webapp form .IdentifyVerification .input-confirm-otp input, .webapp form .IdentifyVerification .input-confirm-otp input:focus { font-weight: bold; text-align: center; border: 0; padding: 0; outline: none; height: 24px; width: 48px; } .webapp form .IdentifyVerification .input-confirm-otp input::-moz-placeholder { font-size: 20px; } .webapp form .IdentifyVerification .input-confirm-otp input::placeholder { font-size: 20px; } .webapp form .IdentifyVerification .input-confirm-otp input { -moz-appearance: textfield; } .webapp form .IdentifyVerification .input-confirm-otp input::-webkit-inner-spin-button, .webapp form .IdentifyVerification .input-confirm-otp input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .webapp form .IdentifyVerification .input-confirm-otp.error { padding-top: 0; border-color: #7a0306; } .webapp form .IdentifyVerification .input-confirm-otp.error input { color: #7a0306; } @media only screen and (min-width: 768px) { .webapp form .IdentifyVerification .input-confirm-otp { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-start; } } .FormPassword { position: relative; } .FormPassword .view { display: block; content: ''; cursor: pointer; position: absolute; right: 10px; bottom: 12px; width: 22px; height: 16px; background-image: url('/svg/icons/icon-eye-disable.svg'); background-image: url('/svg/icons/icon-eye.svg'); background-repeat: no-repeat; background-position: center; background-size: 22px; z-index: 996; } .FormPassword .show + .view { background-image: url('/svg/icons/icon-eye-disable.svg'); } .FormPassword input::-ms-reveal { display: none; } .FormPasswordRequirements .hp-password-requirements { display: flex; flex-direction: row; align-items: center; align-content: flex-start; justify-content: center; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; } .FormPasswordRequirements .hp-password-requirements .requirement { color: #00344f; position: relative; width: calc(50% - 26px); padding-left: 26px; } .FormPasswordRequirements .hp-password-requirements .requirement:first-child, .FormPasswordRequirements .hp-password-requirements .requirement:nth-child(2) { margin-bottom: 10px; } .FormPasswordRequirements .hp-password-requirements .requirement::before { content: ''; background-color: #919495; -webkit-mask-image: url('/svg/icons/icon-correct.svg'); mask-image: url('/svg/icons/icon-correct.svg'); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 20px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .FormPasswordRequirements .hp-password-requirements .requirement.active { color: #00344f; font-weight: bold; } .FormPasswordRequirements .hp-password-requirements .requirement.active::before { background-color: #00757d; } .hp-modal-popup { padding: 0; overflow: hidden; transition: opacity 0.3s linear; } .hp-modal-popup.uk-open .uk-modal-dialog { animation: slide-in-bottom 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .hp-modal-popup .uk-modal-dialog { display: flex; flex-direction: column; border-radius: 24px 24px 0 0; padding: 24px 0 24px 0; height: calc(100vh - 10%); width: 100%; overflow: hidden; position: absolute; bottom: 0; } .hp-modal-popup .uk-modal-dialog .uk-modal-close-icon { font-size: 0; } .hp-modal-popup .uk-modal-dialog .uk-button[class*='uk-modal-close-'], .hp-modal-popup .uk-modal-dialog .Form__NavigationBar [class*='uk-modal-close-'].btnPrev, .Form__NavigationBar .hp-modal-popup .uk-modal-dialog [class*='uk-modal-close-'].btnPrev, .hp-modal-popup .uk-modal-dialog .Form__NavigationBar [class*='uk-modal-close-'].btnNext, .Form__NavigationBar .hp-modal-popup .uk-modal-dialog [class*='uk-modal-close-'].btnNext, .hp-modal-popup .uk-modal-dialog form input[class*='uk-modal-close-'][type='reset'], form .hp-modal-popup .uk-modal-dialog input[class*='uk-modal-close-'][type='reset'], .hp-modal-popup .uk-modal-dialog form button[class*='uk-modal-close-'].FormSubmitButton, form .hp-modal-popup .uk-modal-dialog button[class*='uk-modal-close-'].FormSubmitButton, .hp-modal-popup .uk-modal-dialog [class*='uk-modal-close-'].FormButton { top: unset; right: unset; } .hp-modal-popup .uk-modal-dialog .uk-modal-close-default:not(.uk-button):not(.FormButton) { color: #00344f; top: 0; right: 0; border: 2px solid #00344f; border-radius: 50%; max-width: 32px; width: 32px; height: 32px; } .hp-modal-popup .uk-modal-dialog .uk-modal-close-default:not(.uk-button):not(.FormButton) svg { width: 16px; height: 16px; } .hp-modal-popup .uk-modal-dialog .hp-padding { display: flex; flex-direction: column; align-items: center; height: 100%; } .hp-modal-popup .uk-modal-dialog .uk-modal-button { border-bottom: 1px solid #737677; text-align: right; padding-bottom: 16px; margin-bottom: 16px; } .hp-modal-popup .uk-modal-dialog .uk-modal-button button { position: relative; top: unset; right: unset; } .hp-modal-popup .uk-modal-dialog .uk-modal-header { padding-top: 0; padding-bottom: 16px; } .hp-modal-popup .uk-modal-dialog .uk-modal-header * { color: #00344f; } .hp-modal-popup .uk-modal-dialog .uk-modal-body { flex-grow: 1; overflow: auto; padding: 16px; } .hp-modal-popup .uk-modal-dialog .uk-modal-body .block:not(.steps) .hp-wysiwyg-panel { height: calc(100vh - 305px); overflow-y: auto; } .hp-modal-popup .uk-modal-dialog .uk-modal-body .block:not(.steps) .hp-wysiwyg-panel > .hp-container, .hp-modal-popup .uk-modal-dialog .uk-modal-body .block:not(.steps) .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid, .left-right-content .left-content .hp-modal-popup .uk-modal-dialog .uk-modal-body .block:not(.steps) .right > div.hp-wysiwyg-panel > .uk-grid { padding: 0; } .hp-modal-popup .uk-modal-dialog .uk-modal-body .block:not(.steps) .hp-wysiwyg-panel > .hp-container > .hp-padding, .hp-modal-popup .uk-modal-dialog .uk-modal-body .block:not(.steps) .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid > .hp-padding, .left-right-content .left-content .hp-modal-popup .uk-modal-dialog .uk-modal-body .block:not(.steps) .right > div.hp-wysiwyg-panel > .uk-grid > .hp-padding { padding: 0; } .hp-modal-popup .uk-modal-dialog .uk-modal-body .hp-alert-message { text-align: center; } .hp-modal-popup .uk-modal-dialog .uk-modal-body .Form__NavigationBar { width: 100%; } .hp-modal-popup .uk-modal-dialog .uk-modal-body .Form__NavigationBar .uk-button, .hp-modal-popup .uk-modal-dialog .uk-modal-body .Form__NavigationBar .btnPrev, .hp-modal-popup .uk-modal-dialog .uk-modal-body .Form__NavigationBar .btnNext, .hp-modal-popup .uk-modal-dialog .uk-modal-body .Form__NavigationBar form input[type='reset'], form .hp-modal-popup .uk-modal-dialog .uk-modal-body .Form__NavigationBar input[type='reset'], .hp-modal-popup .uk-modal-dialog .uk-modal-body .Form__NavigationBar form button.FormSubmitButton, form .hp-modal-popup .uk-modal-dialog .uk-modal-body .Form__NavigationBar button.FormSubmitButton, .hp-modal-popup .uk-modal-dialog .uk-modal-body .Form__NavigationBar .FormButton { min-width: none; } .hp-modal-popup .uk-modal-dialog .uk-modal-footer { display: flex; justify-content: center; padding: 16px; background-color: #fff; } .hp-modal-popup .uk-modal-dialog .uk-modal-footer button:not(:only-child) { display: unset; top: 0; right: unset; min-width: unset; width: calc(50% - 8px); } .hp-modal-popup .uk-modal-dialog .uk-modal-footer button:only-child { width: 100%; } .hp-modal-popup .uk-modal-dialog .uk-modal-footer button:not(:only-child):not(:last-child) { margin-right: 8px; } .hp-modal-popup .uk-modal-dialog .uk-modal-footer button:not(:only-child) + button:last-child { margin-left: 8px; } .hp-modal-popup .uk-modal-dialog .uk-modal-header { border-bottom: 1px solid #737677; } .hp-modal-popup .uk-modal-dialog .uk-modal-header, .hp-modal-popup .uk-modal-dialog .uk-modal-footer { border: none; } .hp-modal-popup .uk-modal-dialog .uk-modal-button, .hp-modal-popup .uk-modal-dialog .uk-modal-header { padding-left: 16px; padding-right: 16px; } @media only screen and (min-width: 768px) { .hp-modal-popup.uk-open .uk-modal-dialog { animation: none; } .hp-modal-popup .uk-modal-dialog { position: static; border-radius: 24px; margin-top: 24px; max-width: calc(100% - 48px) !important; } .hp-modal-popup .uk-modal-dialog .uk-modal-header { padding-top: 0; } .hp-modal-popup .uk-modal-dialog .uk-modal-body { padding: 16px 24px; } .hp-modal-popup .uk-modal-dialog .hp-wysiwyg-panel { height: auto; max-height: 50vh; } .hp-modal-popup .uk-modal-dialog .uk-modal-footer { padding: 24px; } .hp-modal-popup .uk-modal-dialog .uk-modal-footer button:not(:only-child) { display: inline-block; top: unset; min-width: 290px; width: auto; } .hp-modal-popup .uk-modal-dialog .uk-modal-footer button:only-child { width: auto; } .hp-modal-popup .uk-modal-dialog .uk-modal-button, .hp-modal-popup .uk-modal-dialog .uk-modal-header { padding-left: 24px; padding-right: 24px; } } @media only screen and (min-width: 1280px) { .hp-modal-popup .uk-modal-dialog { max-width: 1280px !important; } } .modal-type-alert span.icon { display: block; width: 100px; height: 100px; margin: auto auto 24px; } .modal-type-alert svg * { fill: none; stroke: #00757d; } .modal-type-alert .uk-modal-body { text-align: center; } @media only screen and (min-width: 1280px) { .modal-type-alert .uk-modal-dialog { max-width: 500px !important; } } .uk-modal-body .hp-container, .uk-modal-body .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .uk-modal-body .right > div > .uk-grid, .uk-modal-body .hp-padding { padding: 0; max-width: none; display: block; } .uk-modal-body .hp-alert-message > .hp-padding { padding: 24px !important; max-width: auto !important; display: flex !important; } .uk-modal-body form { width: 100%; } .uk-modal-body form .Form__Element { display: flex; flex-direction: column; } .uk-modal-body form .actions, .uk-modal-body form .FormActions { display: flex; flex-direction: column-reverse; margin-top: 24px; } .uk-modal-body form .actions .uk-button, .uk-modal-body form .actions .Form__NavigationBar .btnPrev, .Form__NavigationBar .uk-modal-body form .actions .btnPrev, .uk-modal-body form .actions .Form__NavigationBar .btnNext, .Form__NavigationBar .uk-modal-body form .actions .btnNext, .uk-modal-body form .actions input[type='reset'], .uk-modal-body form .actions button.FormSubmitButton, .uk-modal-body form .actions .FormButton, .uk-modal-body form .FormActions .uk-button, .uk-modal-body form .FormActions .Form__NavigationBar .btnPrev, .Form__NavigationBar .uk-modal-body form .FormActions .btnPrev, .uk-modal-body form .FormActions .Form__NavigationBar .btnNext, .Form__NavigationBar .uk-modal-body form .FormActions .btnNext, .uk-modal-body form .FormActions input[type='reset'], .uk-modal-body form .FormActions button.FormSubmitButton, .uk-modal-body form .FormActions .FormButton { margin-bottom: 16px; } .uk-modal-body form div[class*='elementblock'] { margin-bottom: 16px; } .uk-modal-body form .FormChoice--Image fieldset .hp-tooltip__text + .options { display: grid; grid-template-rows: 1fr; gap: 8px; } .uk-modal-body form .FormChoice--Image fieldset .hp-tooltip__text + .options > label:nth-child(odd) .hp-image-select, .uk-modal-body form .FormChoice--Image fieldset .hp-tooltip__text + .options > label:nth-child(even) .hp-image-select { margin: 0; } .uk-modal-body .hp-step-process { width: 80%; margin-top: 0; } .uk-modal-body .block.steps { margin-bottom: 24px; } .uk-modal-body .Form__NavigationBar { gap: 16px; } .uk-modal-body .Form__NavigationBar > *:only-child { margin-left: auto; } @media only screen and (min-width: 768px) { .uk-modal-body form .actions, .uk-modal-body form .FormActions { flex-direction: row; justify-content: space-between; } .uk-modal-body form .Form__NavigationBar { flex-direction: row; } .uk-modal-body form .FormChoice--Image fieldset .hp-tooltip__text + .options { display: flex; gap: 16px; } .uk-modal-body .hp-icon-panel .hp-icon-panel__icons { padding: 24px; } } @media only screen and (min-width: 1280px) { .uk-modal-body form .FormChoice--Image fieldset { flex-wrap: nowrap; } .uk-modal-body form .FormChoice--Image fieldset label { max-width: none; } } #modal-set-budget .subheading { color: #00344f; display: flex; align-items: center; } #modal-set-budget .subheading svg { color: #00344f; max-width: 18px; margin-right: 8px; } #modal-set-budget .alert { font-size: 14px; background-color: #f8f7f5; color: #00344f; margin-top: 16px; } @media screen and (min-width: 360px) { #modal-set-budget .alert { font-size: 14px; } } @media screen and (min-width: 768px) { #modal-set-budget .alert { font-size: 14px; } } @media screen and (min-width: 1280px) { #modal-set-budget .alert { font-size: 16px; } } @media screen and (min-width: 1440px) { #modal-set-budget .alert { font-size: 16px; } } #modal-set-budget .summary { margin: 0; padding: 0; list-style: none; } #modal-set-budget .summary li { padding-bottom: 16px; } #modal-set-budget .summary li > div { display: flex; justify-content: space-between; } #modal-set-budget .cta { background-color: #f8f8f8; border-radius: 4px; padding: 24px; margin-top: 24px; } #modal-set-budget .cta .title { color: #00344f; margin-bottom: 8px; font-weight: 600; } #modal-set-budget .cta .info { margin: 0; padding: 0; } #modal-set-budget .cta .info li { display: flex; } #modal-set-budget .cta .info li:not(:last-child) { padding-bottom: 8px; } #modal-set-budget .cta .info li a { text-decoration: underline; font-weight: 500; } #modal-set-budget .cta .info li svg { color: #00344f; max-width: 18px; margin-right: 8px; } .webapp.modalbody .uk-modal-body .list-content span.label { max-width: 120px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } @media only screen and (min-width: 500px) { .webapp.modalbody .uk-modal-body .list-content span.label { max-width: none; white-space: normal; text-overflow: clip; overflow: visible; } } .webapp .hp-account-accordion { margin-top: 24px; } .webapp .hp-account-accordion .hp-container, .webapp .hp-account-accordion .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .webapp .hp-account-accordion .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .webapp .hp-account-accordion .uk-accordion { margin: 0; } .webapp .hp-account-accordion .uk-accordion > li { background-color: #fff; box-shadow: 0 4px 4px rgba(56, 26, 26, 0.25); border-radius: calc(8px / 2); overflow: hidden; } .webapp .hp-account-accordion .uk-accordion .uk-icon { transition: transform 0.3s ease-in-out; transform-origin: center; } .webapp .hp-account-accordion .uk-accordion .uk-open .uk-icon { transform: rotate(180deg); } .webapp .hp-account-accordion .uk-accordion .uk-accordion-title { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; background-color: #fff; color: #00344f; padding: 16px; font-weight: 600; } .webapp .hp-account-accordion .uk-accordion .uk-accordion-title::before { display: none; } .webapp .hp-account-accordion .uk-accordion .uk-accordion-title svg * { stroke: #00344f; } .webapp .hp-account-accordion .uk-accordion .uk-accordion-title .icon { fill: none; max-width: 18px; margin-right: 16px; } .webapp .hp-account-accordion .uk-accordion .uk-accordion-title .toggle { margin-left: auto; } .webapp .hp-account-accordion .uk-accordion .uk-open .uk-accordion-title { background-color: #00344f; color: #fff; } .webapp .hp-account-accordion .uk-accordion .uk-open .uk-accordion-title svg * { stroke: #fff; } .webapp .hp-account-accordion .uk-accordion-content { margin: 0; } .webapp .hp-account-accordion .uk-accordion-content .title { color: #145b7c; padding: 16px 16px 0; } .webapp .hp-account-accordion .uk-accordion-content .title .help-tip { background-color: #d4d7d0; color: #76797a; } .webapp .hp-account-accordion .uk-accordion-content .content ul { margin: 0; padding: 0 0 16px; } .webapp .hp-account-accordion .uk-accordion-content .content li { padding: 16px 16px 0; } .webapp .hp-account-accordion .uk-accordion-content .content li > div:not(.prompt) { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .webapp .hp-account-accordion .uk-accordion-content .content li .alert { font-size: 14px; background-color: #e7eff2; color: #00344f; margin-top: 16px; } @media screen and (min-width: 360px) { .webapp .hp-account-accordion .uk-accordion-content .content li .alert { font-size: 14px; } } @media screen and (min-width: 768px) { .webapp .hp-account-accordion .uk-accordion-content .content li .alert { font-size: 14px; } } @media screen and (min-width: 1280px) { .webapp .hp-account-accordion .uk-accordion-content .content li .alert { font-size: 16px; } } @media screen and (min-width: 1440px) { .webapp .hp-account-accordion .uk-accordion-content .content li .alert { font-size: 16px; } } .webapp .hp-account-accordion .uk-accordion-content hr { border-color: #00344f; margin: 0 16px; } .webapp .hp-account-accordion + .hp-account-accordion { margin-top: 48px; } .webapp .hp-account-accordion .hp-alert-dialog { background-color: rgba(0, 0, 0, 0); box-shadow: unset; } .webapp .hp-account-accordion .hp-alert-dialog .hp-padding { align-items: flex-start; } .webapp .hp-account-accordion .hp-alert-dialog .icon svg { color: #000; stroke: unset !important; fill: unset !important; } .webapp .hp-account-accordion .hp-alert-dialog .message { color: #4c4c4c; } .webapp .hp-last-updated-block .hp-container, .webapp .hp-last-updated-block .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .webapp .hp-last-updated-block .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .webapp .hp-last-updated-block .heading { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; } .webapp .hp-last-updated-block .heading.end { justify-content: flex-end; } .webapp .hp-last-updated-block .heading.end .updated { margin-top: 0; } .webapp .hp-last-updated-block .heading .title { color: #00344f; margin-bottom: 0; } .webapp .hp-last-updated-block .heading .updated { margin-top: calc(10px / 2); font-weight: 500; } .webapp .hp-last-updated-block .heading .title, .webapp .hp-last-updated-block .heading .updated { color: #00344f; } .webapp .hp-last-updated-block + * > .hp-container, .webapp .left-right-content .left-content .right > .hp-last-updated-block + div > .uk-grid, .left-right-content .left-content .webapp .right > .hp-last-updated-block + div > .uk-grid { padding-top: 0; } .webapp .hp-last-updated-block + * > .hp-container > .hp-padding, .webapp .left-right-content .left-content .right > .hp-last-updated-block + div > .uk-grid > .hp-padding, .left-right-content .left-content .webapp .right > .hp-last-updated-block + div > .uk-grid > .hp-padding { padding-top: 0; } .webapp .hp-last-updated-block + * > div > .hp-container, .webapp .left-right-content .left-content .hp-last-updated-block + .right > div > .uk-grid, .left-right-content .left-content .webapp .hp-last-updated-block + .right > div > .uk-grid { padding-top: 0; } .webapp .hp-last-updated-block + * > div > .hp-container > .hp-padding, .webapp .left-right-content .left-content .hp-last-updated-block + .right > div > .uk-grid > .hp-padding, .left-right-content .left-content .webapp .hp-last-updated-block + .right > div > .uk-grid > .hp-padding { padding-top: 0; } .webapp .hp-last-updated-block + * > section > .hp-container { padding-top: 0; } .webapp .hp-last-updated-block + * > section > .hp-container > .hp-padding { padding-top: 0; } time.updated { display: flex; } time.updated::before { display: block; content: 'Last updated:'; margin-right: 5px; } .input-search-address { position: relative; } .input-search-address:has(input:focus) { outline: 2px dotted #00344f; } .input-search-address input:focus { outline: none; } .input-search-address .autocomplete { display: none; padding: 0; margin: 0; position: absolute; list-style: none; top: 100%; background-color: #fff; width: 100%; border: 2px solid #145b7c; transform: translateX(-2px); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; z-index: 1000; } .input-search-address .autocomplete li { display: block; padding: 8px; } .input-search-address .autocomplete a { color: #000; } .input-search-address .autocomplete a:hover { text-decoration: none; } .input-search-address .autocomplete .prediction:hover { background-color: #214187; } .input-search-address .autocomplete .prediction:hover a { color: #fff; } .input-search-address .autocomplete .none a { color: #214187; text-decoration: underline; } .input-search-address + .manual-input { display: none; padding-top: 24px; } .input-search-address + .manual-input .block { padding-bottom: 24px; } .container { padding: 0 0 48px; } .container .form-horizontal *[class*='col-'] { width: 100%; padding: 0; margin: 0; float: none; } .container .form-horizontal .glyphicon { display: none; } .container .form-horizontal { display: flex; margin: 24px 0; border: 2px solid #145b7c; border-radius: 4px; position: relative; } .container .form-horizontal:has(input:focus) { outline: 2px dotted #00344f; } .container .form-horizontal::before { display: block; content: ''; position: absolute; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAtFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///9SxXekAAAAOnRSTlMAAQMEBwgJCgsmKissLS4zNT1FRkdNVVxma257fICChoiKkpWWmJmasrO0tr/AxcbN5ujw8vP29/3+LvTQKwAAAAFiS0dEOzkO9GwAAADrSURBVFjD7ZbZbsIwEEVNoewFwg5uCmELYTVbm9z//7Aq9psTpIkAiYc5T0eW5iixLMtCMAzzZHJdb0XE66TMF7fIwKaYCMyRiZk9X/5DKPtEvkP8lqzAF7Cj79ceqFtLTWBND6yBZjJwUWQuqYFscOBNA+eAzDk18PBJ5IAO9DwxkkIOjI20DWRsXk+bNHY34J5EoITyjQXafBXbydWmjL0uUGmLliOchrGWtoYTW7uizTHG54ADrwrUgAM9cASq1tLnDVgMiSyAa8GO/mS7lN3EV+X9iD4eLT9Sfqw+nkxJTMY1fpMyzNP5B/Cwxif51GtzAAAAAElFTkSuQmCC'); background-size: 35px; background-position: center; background-repeat: no-repeat; width: 50px; height: 100%; } .container .form-horizontal > div::before { display: flex; flex-direction: column; justify-content: center; color: #999; } .container .form-horizontal > div:first-child { display: flex; position: absolute; bottom: 100%; width: calc(100% + 2px); margin-bottom: 8px; left: -2px; border: 2px solid #145b7c; border-radius: 4px; } .container .form-horizontal > div:first-child label { display: block; padding-left: 8px; line-height: 40px; } .container .form-horizontal > div:first-child .col-sm-10 { flex-grow: 1; margin-left: 8px; } .container .form-horizontal > div:first-child:has(input:focus) { outline: 2px dotted #00344f; } .container .form-horizontal > div:nth-child(2) .col-sm-10 { flex-grow: 1; margin-left: 50px; } .container .form-horizontal > div:nth-child(3)::before { color: #00344f; height: 40px; font-size: 14px; } .container .form-horizontal > div:nth-child(3) input { width: 32px; text-align: center; margin-right: 10px; } .container .form-horizontal > div:nth-child(4)::before { content: 'CVC:'; height: 40px; font-size: 14px; color: #00344f; } .container .form-horizontal > div:nth-child(4) input { width: 40px; text-align: center; } .container .form-horizontal > div:last-child { position: absolute; right: 0; top: calc(100% + 8px); } .container .form-horizontal > div:last-child button { color: #fff; font-weight: bold; background-color: #145b7c; border: 0; border-radius: 4px; padding: 12px 24px; cursor: pointer; } .container .form-horizontal .form-group { display: flex; margin: 0; } .container .form-horizontal .form-group.has-error input { color: #7a0306; font-weight: bold; } .container .form-horizontal label { display: none; } .container .form-horizontal input { box-shadow: none; border: 0; padding: 10px 0; height: 40px; font-size: 14px; } .container .form-horizontal input:focus { outline: none; box-shadow: none; } .container .form-horizontal .form-group.has-feedback { position: static; } .container .form-horizontal .form-group.has-error::after { position: absolute; top: calc(100% + 5px); left: 0; color: #7a0306; display: block; width: 100%; background-color: #fff; } .container .form-horizontal > div:nth-child(2).has-error::after { content: 'Eek. The card number entered is not valid. Please check the 16 digits on your card and try again.'; } .container .form-horizontal > div:nth-child(3).has-error::after { content: 'Unfortunately the date entered has expired or is not valid. Please double check these details on the front of your card e.g. If the expiry date is March 2025, please enter 03/25.'; } .container .form-horizontal > div:nth-child(4).has-error::after { content: 'Oh no. The 3 digit CVV entered is not valid. Please check these numbers on the back of the card and try again.'; } .container .form-horizontal > div.has-error + div.has-error::after { display: none; } .container .form-horizontal > div.has-error + div.has-error + div.has-error::after { display: none; } .container .form-horizontal .form-group .sr-only { position: absolute; text-indent: -9999px; } @media only screen and (min-width: 530px) { .container .form-horizontal input { padding: 9px 0 9px; font-size: 16px; } .container .form-horizontal > div:nth-child(3)::before { content: 'Exp:'; min-width: 30px; } .container .form-horizontal > div:nth-child(3) { min-width: 25%; } .container .form-horizontal > div:nth-child(2) { min-width: 140px; max-width: 50%; } .container .form-horizontal [class*='col-'] { width: auto; } } @media only screen and (min-width: 960px) { .container .form-horizontal > div:nth-child(2) input { min-width: 500px; } } [class*='-block'] div .nav-pill-control .nav-pill { display: flex; justify-content: space-between; align-items: center; padding: 8px; background-color: #f1eeeb; border-radius: 24px; position: relative; } [class*='-block'] div .nav-pill-control .nav-pill > div { position: absolute; display: block; top: 0; left: 0; content: ''; background-color: #c14d34; height: 100%; z-index: 1; border-radius: 24px; width: 65px; transition: transform 0.2s ease-in-out, width 0.2s ease-in-out; transform-origin: center; } [class*='-block'] div .nav-pill-control input { display: none; } [class*='-block'] div .nav-pill-control label { cursor: pointer; position: relative; z-index: 2; padding: 0 8px; } @media only screen and (min-width: 768px) { [class*='-block'] div .nav-pill-control .nav-pill { padding: 10px 16px; } [class*='-block'] div .nav-pill-control .nav-pill > div { width: 80px; } [class*='-block'] div .nav-pill-control label:not(:last-child) { margin-right: 16px; } } .option.tickbox { display: inline-block; margin-right: 24px; position: relative; padding-right: 42px; cursor: pointer; } .option.tickbox::before, .option.tickbox::after { display: block; box-sizing: border-box; border: 1px solid #125252; border-radius: 50%; content: ''; width: 32px; height: 32px; position: absolute; right: 0; top: 0; transform: translateY(-3px); } .option.tickbox.selected::before { background-color: #125252; } .option.tickbox.selected::after { background-color: #fff; -webkit-mask-image: url('/svg/icons/icon-tick-variation.svg'); mask-image: url('/svg/icons/icon-tick-variation.svg'); -webkit-mask-size: 20px; mask-size: 20px; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .option.tickbox input { display: none; } .Zebra_DatePicker { background: #fff; border: 1px solid #aaa; border-radius: 4px; box-shadow: none; color: #222; font: 13px inherit; padding: 5px 5px; position: absolute; display: table; *width: 255px; z-index: 1200; } .Zebra_DatePicker *, .Zebra_DatePicker *:after, .Zebra_DatePicker *:before { box-sizing: content-box !important; } .Zebra_DatePicker * { padding: 0; } .Zebra_DatePicker table { border-collapse: collapse; border-radius: 4px; border-spacing: 0; width: 100%; } .Zebra_DatePicker th, .Zebra_DatePicker td { border-radius: 4px; padding: 5px; cursor: pointer; text-align: center; min-width: 25px; width: 25px; } .Zebra_DatePicker .dp_body .dp_not_in_month { color: #666; } .Zebra_DatePicker .dp_body .dp_time_controls_condensed td { width: 25%; } .Zebra_DatePicker .dp_body .dp_current { color: #3a87ad; } .Zebra_DatePicker .dp_body .dp_selected { background: #337ab7; color: #fff; } .Zebra_DatePicker .dp_body .dp_disabled { color: #bbb; cursor: text; } .Zebra_DatePicker .dp_body .dp_disabled.dp_current { color: #b4d5e6; } .Zebra_DatePicker .dp_body .dp_hover { background: #dedede; } .Zebra_DatePicker .dp_body .dp_hover.dp_time_control { background-color: #dedede; } .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td, .Zebra_DatePicker .dp_timepicker td { width: 33.3333%; } .Zebra_DatePicker .dp_timepicker .dp_disabled { border: none; color: #222; font-size: 26px; font-weight: bold; } .Zebra_DatePicker .dp_time_separator div { position: relative; } .Zebra_DatePicker .dp_time_separator div:after { content: ':'; color: #222; font-size: 20px; left: 100%; margin-left: 2px; margin-top: -13px; position: absolute; top: 50%; z-index: 1; } .Zebra_DatePicker .dp_header { margin-bottom: 5px; } @supports (-ms-ime-align: auto) { .Zebra_DatePicker .dp_header { font-family: 'Segoe UI Symbol', Tahoma, Arial, Helvetica, sans-serif; } } .Zebra_DatePicker .dp_footer { margin-top: 5px; } .Zebra_DatePicker .dp_footer .dp_icon { width: 50%; } .Zebra_DatePicker .dp_actions td { border-radius: 4px; } .Zebra_DatePicker .dp_actions .dp_caption { font-weight: bold; width: 100%; } .Zebra_DatePicker .dp_actions .dp_previous, .Zebra_DatePicker .dp_actions .dp_next { *padding: 0 10px; } .Zebra_DatePicker .dp_actions .dp_hover { background-color: #dedede; } .Zebra_DatePicker .dp_daypicker th { cursor: text; font-weight: bold; } .Zebra_DatePicker.dp_hidden { display: none; } .Zebra_DatePicker .dp_icon { height: 16px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAACQCAMAAAA2nRuLAAAAV1BMVEUAAAAAAAB8fHz///+goKAAAAAAAAAAAAAAAAB8fHwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB8fHwAAAAAAAAAAAAAAAAAAAAAAAD///9GRkZXmJzyAAAAGnRSTlMA8mFmZi4ImblKpJID2ciNn8CsNhHlvJa35hK0KoYAAAEsSURBVEjH7ZXdboMwDIUNXRxoxk8LZdth7/+ci5eYQEO1i3HJp/iIcxpTR4oEmaooKl9BK0Ne11RUFPMsJSq1Hygvg+8FDWZdWXBMSz5HfjizTuT4J1vGuixrX0HrkbyuqaksLxcpUan9QHkZvC1ocNGVBce05HPkhxvXiRz/JKNtoypAUHV9215VJfDPV6gSCIkY0IoYAHHlwYEtid3BnoBfW+gkx9gGaKyJlntELP/6G9AZZtMBN0l6PEy4P+YB6xXwXoL4bNGlG+b8lgYmBQMaAjgEEjGQB9KiSEt4qeLg9G+F+GxlsOC/4OLobmAeXByd2CLiWHudHN+d35b/836deOuB6cnD5p7v3fZ3uXLi77rfQhL1urVbvG7evJ8/xX9Qgif1aU/yf/MDZ3UwCct3lPgAAAAASUVORK5CYII='); background-repeat: no-repeat; text-indent: -9999px; *text-indent: 0; } .Zebra_DatePicker .dp_icon.dp_confirm { background-position: center -123px; } .Zebra_DatePicker .dp_icon.dp_view_toggler { background-position: center -91px; } .Zebra_DatePicker .dp_icon.dp_view_toggler.dp_calendar { background-position: center -59px; } button.Zebra_DatePicker_Icon { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAACQCAMAAAA2nRuLAAAAV1BMVEUAAAAAAAB8fHz///+goKAAAAAAAAAAAAAAAAB8fHwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB8fHwAAAAAAAAAAAAAAAAAAAAAAAD///9GRkZXmJzyAAAAGnRSTlMA8mFmZi4ImblKpJID2ciNn8CsNhHlvJa35hK0KoYAAAEsSURBVEjH7ZXdboMwDIUNXRxoxk8LZdth7/+ci5eYQEO1i3HJp/iIcxpTR4oEmaooKl9BK0Ne11RUFPMsJSq1Hygvg+8FDWZdWXBMSz5HfjizTuT4J1vGuixrX0HrkbyuqaksLxcpUan9QHkZvC1ocNGVBce05HPkhxvXiRz/JKNtoypAUHV9215VJfDPV6gSCIkY0IoYAHHlwYEtid3BnoBfW+gkx9gGaKyJlntELP/6G9AZZtMBN0l6PEy4P+YB6xXwXoL4bNGlG+b8lgYmBQMaAjgEEjGQB9KiSEt4qeLg9G+F+GxlsOC/4OLobmAeXByd2CLiWHudHN+d35b/836deOuB6cnD5p7v3fZ3uXLi77rfQhL1urVbvG7evJ8/xX9Qgif1aU/yf/MDZ3UwCct3lPgAAAAASUVORK5CYII=') no-repeat center top; border: none; cursor: pointer; display: block; height: 16px; font-size: 0; line-height: 0; padding: 0; position: absolute; text-indent: -9000px; width: 16px; } button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Disabled { background-position: center -32px; cursor: default; } .FormDate { position: relative; } .FormDate .Zebra_DatePicker_Icon_Wrapper { width: 100%; } .FormDate .Zebra_DatePicker { top: 100% !important; } .FormDate button.Zebra_DatePicker_Icon { display: flex; justify-content: center; align-items: center; background-image: none; background-color: rgba(0, 0, 0, 0); height: 100%; width: 48px; top: 0 !important; } .FormDate button.Zebra_DatePicker_Icon::before { display: block; content: ''; background-color: #00344f; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url('/svg/webapp/icon-calendar.svg'); mask-image: url('/svg/webapp/icon-calendar.svg'); -webkit-mask-size: contain; mask-size: contain; width: 20px; height: 20px; } .FormDate:not(.FormDateVariation) input { padding-left: 50px; padding-right: 8px !important; } .FormDate:not(.FormDateVariation) button.Zebra_DatePicker_Icon { left: 2px !important; } .FormDate.FormDateVariation button.Zebra_DatePicker_Icon { border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #145b7c; right: 0 !important; } .FormDate.FormDateVariation button.Zebra_DatePicker_Icon::before { background-color: #fff; -webkit-mask-image: url('/svg/webapp/icon-calendar3.svg'); mask-image: url('/svg/webapp/icon-calendar3.svg'); width: 28px; height: 28px; } .webapp .hp-header .logo { margin: 16px 16px 16px 0; } .webapp .hp-main-nav span.icon { margin-right: 4px; } .webapp .hp-main-nav span.icon svg { transition: stroke 0.3s ease-in-out; } .webapp .hamburger { padding: 0; } .webapp .hamburger.is-active .hamburger-inner, .webapp .hamburger.is-active .hamburger-inner::before, .webapp .hamburger.is-active .hamburger-inner::after { background-color: #214187; } .webapp .hamburger-box { height: 15px; } .webapp .hamburger-inner::before { top: -7px; } .webapp .hamburger-inner::after { bottom: -7px; } .webapp .hamburger-box, .webapp .hamburger-inner, .webapp .hamburger-inner::before, .webapp .hamburger-inner::after { width: 20px; } .webapp .hamburger-inner, .webapp .hamburger-inner::before, .webapp .hamburger-inner::after { background-color: #214187; height: 2px; } @media only screen and (min-width: 768px) { .webapp .hp-header .logo { margin: 16px; } } .webapp .hp-header { height: auto; } .webapp .hp-main-nav span.icon { margin-right: 4px; } .webapp .hp-main-nav span.icon svg { transition: stroke 0.3s ease-in-out; } .webapp .hp-main-nav-container.no-utility .hp-main-nav > ul { border: 0; } .webapp .hamburger { padding: 0; } .webapp .hamburger.is-active .hamburger-inner, .webapp .hamburger.is-active .hamburger-inner::before, .webapp .hamburger.is-active .hamburger-inner::after { background-color: #214187; } .webapp .hamburger-box { height: 15px; } .webapp .hamburger-inner::before { top: -7px; } .webapp .hamburger-inner::after { bottom: -7px; } .webapp .hamburger-box, .webapp .hamburger-inner, .webapp .hamburger-inner::before, .webapp .hamburger-inner::after { width: 20px; } .webapp .hamburger-inner, .webapp .hamburger-inner::before, .webapp .hamburger-inner::after { background-color: #214187; height: 2px; } .webapp .hp-header.hp-dashboard { border: 0; } .webapp .hp-header.hp-dashboard .logo-nav { display: block; } .webapp .hp-header.hp-dashboard .logo { max-width: 90px; } .webapp .hp-header.hp-dashboard .logo-container .hp-container, .webapp .hp-header.hp-dashboard .logo-container .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .webapp .hp-header.hp-dashboard .logo-container .right > div > .uk-grid { display: flex; } .webapp .hp-header.hp-dashboard .hp-utility-nav-container { height: auto; padding: 0; margin-left: auto; } .webapp .hp-header.hp-dashboard .nav-container { background-color: #00344f; position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%; } .webapp .hp-header.hp-dashboard .hp-main-nav-container:not(:hover) .hp-main-nav li.active a { background-color: #c14d34; } .webapp .hp-header.hp-dashboard .hp-main-nav-container { display: block; padding-top: 0; } .webapp .hp-header.hp-dashboard .hp-main-nav-container .hp-main-nav > ul { display: grid; grid-template-columns: repeat(5, 1fr); border: 0; } .webapp .hp-header.hp-dashboard .hp-main-nav-container .hp-main-nav > ul > li { border: 0; padding: 0; } .webapp .hp-header.hp-dashboard .hp-main-nav-container .hp-main-nav > ul a:not(.uk-button):not(.FormButton) { transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; display: flex; flex-direction: column; justify-content: center; text-transform: none; min-height: 0; color: #fff; font-weight: 600; font-size: 14px; padding: 8px; } .webapp .hp-header.hp-dashboard .hp-main-nav-container .hp-main-nav > ul a:not(.uk-button):not(.FormButton):hover, .webapp .hp-header.hp-dashboard .hp-main-nav-container .hp-main-nav > ul a:not(.uk-button):not(.FormButton):focus { background-color: #c14d34; outline: none; } .webapp .hp-header.hp-dashboard .hp-main-nav-container .hp-main-nav > ul a:not(.uk-button):not(.FormButton) span.icon { width: 24px; height: 24px; } .webapp .hp-header.hp-dashboard .hp-main-nav-container .hp-main-nav > ul a:not(.uk-button):not(.FormButton) span.icon svg * { stroke: #fff; } @media only screen and (min-width: 768px) { .webapp .hp-header.hp-dashboard .logo { max-width: 150px; } } @media only screen and (min-width: 1280px) { .webapp .hp-header.hp-dashboard .hp-utility-nav-container { display: block; margin-left: auto; } .webapp .hp-header.hp-dashboard .hp-main-nav-container .hp-main-nav > ul { display: flex; grid-template-columns: none; justify-content: flex-end; } .webapp .hp-header.hp-dashboard .hp-main-nav-container .hp-main-nav > ul a:not(.uk-button):not(.FormButton) { flex-direction: row; font-size: 16px; padding: 16px 24px; } .webapp .hp-header.hp-dashboard .hp-main-nav-container .hp-main-nav > ul a:not(.uk-button):not(.FormButton) span.icon { width: 32px; height: 32px; } .webapp .hp-header.hp-dashboard .nav-container { position: static; } } .webapp .hp-nav-mobile-container .uk-accordion .uk-accordion-title { display: block; } .webapp .hp-nav-mobile-container .uk-accordion .uk-accordion-title a { display: flex; justify-content: space-between; } .webapp .confetti { position: fixed; top: 0; left: 0; z-index: 999; padding: 0; margin: 0; pointer-events: none; } .webapp p a { text-decoration: underline; } .webapp [class*='background-pattern'] { position: relative; } .webapp [class*='-block'][class*='background-']::before { background-size: contain; } .webapp [class*='-block'][class*='background-']::after { display: none; } .webapp .hp-interval-data-block .interval-data-filters, .webapp .hp-payment-billing-history-block .payment-billing-filters, .webapp .hp-usage-block .usage-filters, .hp-usage-block .webapp .usage-filters { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; -moz-column-gap: 8px; column-gap: 8px; row-gap: 8px; margin-top: 16px; } @media only screen and (min-width: 768px) { .webapp .hp-interval-data-block .interval-data-filters, .webapp .hp-payment-billing-history-block .payment-billing-filters, .webapp .hp-usage-block .usage-filters, .hp-usage-block .webapp .usage-filters { flex-wrap: wrap; flex-direction: row; -moz-column-gap: 16px; column-gap: 16px; row-gap: 16px; } } .webapp .hp-interval-data-block .interval-data-filters .input .date-picker-display, .webapp .hp-payment-billing-history-block .payment-billing-filters .input .date-picker-display, .webapp .hp-usage-block .usage-filters .date-picker-display, .hp-usage-block .usage-filters .webapp .date-picker-display { font-size: 14px; display: flex; box-sizing: border-box; padding: 8px; align-items: center; position: absolute; border-radius: 4px; width: 100%; height: 100%; background-color: #f1eeeb; border: 1px solid #00344f; top: 0; left: 0; pointer-events: none; font-weight: 600; color: #000; } @media screen and (min-width: 360px) { .webapp .hp-interval-data-block .interval-data-filters .input .date-picker-display, .webapp .hp-payment-billing-history-block .payment-billing-filters .input .date-picker-display, .webapp .hp-usage-block .usage-filters .date-picker-display, .hp-usage-block .usage-filters .webapp .date-picker-display { font-size: 14px; } } @media screen and (min-width: 768px) { .webapp .hp-interval-data-block .interval-data-filters .input .date-picker-display, .webapp .hp-payment-billing-history-block .payment-billing-filters .input .date-picker-display, .webapp .hp-usage-block .usage-filters .date-picker-display, .hp-usage-block .usage-filters .webapp .date-picker-display { font-size: 14px; } } @media screen and (min-width: 1280px) { .webapp .hp-interval-data-block .interval-data-filters .input .date-picker-display, .webapp .hp-payment-billing-history-block .payment-billing-filters .input .date-picker-display, .webapp .hp-usage-block .usage-filters .date-picker-display, .hp-usage-block .usage-filters .webapp .date-picker-display { font-size: 16px; } } @media screen and (min-width: 1440px) { .webapp .hp-interval-data-block .interval-data-filters .input .date-picker-display, .webapp .hp-payment-billing-history-block .payment-billing-filters .input .date-picker-display, .webapp .hp-usage-block .usage-filters .date-picker-display, .hp-usage-block .usage-filters .webapp .date-picker-display { font-size: 16px; } } .webapp .hp-interval-data-block .interval-data-filters .input .date-picker-display::before, .webapp .hp-payment-billing-history-block .payment-billing-filters .input .date-picker-display::before, .webapp .hp-usage-block .usage-filters .date-picker-display::before, .hp-usage-block .usage-filters .webapp .date-picker-display::before { content: ''; display: block; background-image: url('/svg/webapp/icon-calendar.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 16px; height: 16px; margin-right: 8px; } .webapp .hp-interval-data-block .interval-data-filters .input.select, .webapp .hp-payment-billing-history-block .payment-billing-filters .input.select, .webapp .hp-usage-block .usage-filters .input-type, .hp-usage-block .usage-filters .webapp .input-type, .webapp .hp-usage-block .usage-filters .input-meter, .hp-usage-block .usage-filters .webapp .input-meter { position: relative; } .webapp .hp-interval-data-block .interval-data-filters .input.select::after, .webapp .hp-payment-billing-history-block .payment-billing-filters .input.select::after, .webapp .hp-usage-block .usage-filters .input-type::after, .hp-usage-block .usage-filters .webapp .input-type::after, .webapp .hp-usage-block .usage-filters .input-meter::after, .hp-usage-block .usage-filters .webapp .input-meter::after { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); display: block; content: ''; background-color: #c14d34; -webkit-mask-image: url('/svg/icons/icon-chevron-down.svg'); mask-image: url('/svg/icons/icon-chevron-down.svg'); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 16px; height: 10px; cursor: pointer; pointer-events: none; } .webapp .hp-interval-data-block .interval-data-filters .input.select select, .webapp .hp-payment-billing-history-block .payment-billing-filters .input.select select, .webapp .hp-usage-block .usage-filters .input-type select, .hp-usage-block .usage-filters .webapp .input-type select, .webapp .hp-usage-block .usage-filters .input-meter select, .hp-usage-block .usage-filters .webapp .input-meter select { background-color: #f1eeeb; cursor: pointer; color: #000; } .webapp .hp-prepaid-balance-block .remaining a, .hp-prepaid-balance-block .remaining .webapp a, .webapp .hp-usage-block .usage-filters a, .hp-usage-block .usage-filters .webapp a { color: #214187; text-decoration: underline; } .webapp .content .hp-step-process { margin-top: 0; } .webapp .content > .wysiwygblock .hp-container, .webapp .content > .wysiwygblock .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .webapp .content > .wysiwygblock .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .webapp .content > .formcontainerblock .hp-container, .webapp .content > .formcontainerblock .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .webapp .content > .formcontainerblock .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .webapp .content > .formcontainerblock h1 { margin-bottom: 16px; } @media only screen and (min-width: 1280px) { .webapp .content > .wysiwygblock .hp-container, .webapp .content > .wysiwygblock .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .webapp .content > .wysiwygblock .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .webapp .content > .formcontainerblock .hp-container, .webapp .content > .formcontainerblock .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .webapp .content > .formcontainerblock .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .webapp .content > .formcontainerblock h1 { margin-bottom: 24px; } } .login-register-page .wysiwygblock.steps + .formcontainerblock > .hp-container, .login-register-page .left-right-content .left-content .right > .wysiwygblock.steps + div.formcontainerblock > .uk-grid, .left-right-content .left-content .login-register-page .right > .wysiwygblock.steps + div.formcontainerblock > .uk-grid, .login-register-page .wysiwygblock.steps + .formcontainerblock > .hp-container > .hp-padding, .login-register-page .left-right-content .left-content .right > .wysiwygblock.steps + div.formcontainerblock > .uk-grid > .hp-padding, .left-right-content .left-content .login-register-page .right > .wysiwygblock.steps + div.formcontainerblock > .uk-grid > .hp-padding { padding-top: 0; } .webapp .uk-button, .webapp .Form__NavigationBar .btnPrev, .Form__NavigationBar .webapp .btnPrev, .webapp .Form__NavigationBar .btnNext, .Form__NavigationBar .webapp .btnNext, .webapp form input[type='reset'], form .webapp input[type='reset'], .webapp form button.FormSubmitButton, form .webapp button.FormSubmitButton, .webapp .FormButton { width: 100%; } @media only screen and (min-width: 768px) { .webapp .uk-button, .webapp .Form__NavigationBar .btnPrev, .Form__NavigationBar .webapp .btnPrev, .webapp .Form__NavigationBar .btnNext, .Form__NavigationBar .webapp .btnNext, .webapp form input[type='reset'], form .webapp input[type='reset'], .webapp form button.FormSubmitButton, form .webapp button.FormSubmitButton, .webapp .FormButton { width: auto; } } @media only screen and (min-width: 1280px) { .webapp .uk-button, .webapp .Form__NavigationBar .btnPrev, .Form__NavigationBar .webapp .btnPrev, .webapp .Form__NavigationBar .btnNext, .Form__NavigationBar .webapp .btnNext, .webapp form input[type='reset'], form .webapp input[type='reset'], .webapp form button.FormSubmitButton, form .webapp button.FormSubmitButton, .webapp .FormButton { min-width: 190px; } } .webapp form > div { margin-bottom: 16px; } .webapp form .subheading { color: #00344f; margin-bottom: 16px; } .webapp form .selectallblock > p { margin-bottom: 0; margin-right: 16px; color: #00344f; } .webapp form p { font-weight: 500; color: #4c4c4c; } .webapp form a { color: #214187; } .webapp form .show .error-message { display: block; height: auto; margin-bottom: 8px; } .webapp form .error-message { display: none; color: #7a0306; transition: opacity 0.2s ease-in, height 1s ease-in; margin: 8px 0; } .webapp form .error { padding-top: 0; } .webapp form .error label:not([for='concession-card']) { color: #7a0306; } .webapp form .error input:not(.children) { border-color: #7a0306; color: #7a0306; } .webapp form .error .error-message { display: none; opacity: 1; height: auto; margin-top: 8px; } .webapp form .FormActions { flex-wrap: wrap; } .webapp form .FormActions button:last-child { margin-bottom: 16px; } .webapp form .FormActions .uk-button, .webapp form .FormActions .Form__NavigationBar .btnPrev, .Form__NavigationBar .webapp form .FormActions .btnPrev, .webapp form .FormActions .Form__NavigationBar .btnNext, .Form__NavigationBar .webapp form .FormActions .btnNext, .webapp form .FormActions input[type='reset'], .webapp form .FormActions button.FormSubmitButton, .webapp form .FormActions .FormButton { width: 100%; } .webapp form .FormActions .desert-primary-light { order: 1; } .webapp form .FormActions .desert-secondary, .webapp form .FormActions .account-info.theme-core-light .uk-button.secondary, .webapp .account-info.theme-core-light form .FormActions .uk-button.secondary, .webapp form .FormActions .account-info.theme-core-light .Form__NavigationBar .secondary.btnPrev, .webapp .account-info.theme-core-light .Form__NavigationBar form .FormActions .secondary.btnPrev, .Form__NavigationBar .webapp form .FormActions .account-info.theme-core-light .secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-light form .FormActions .secondary.btnPrev, .webapp form .FormActions .account-info.theme-core-light .Form__NavigationBar .secondary.btnNext, .webapp .account-info.theme-core-light .Form__NavigationBar form .FormActions .secondary.btnNext, .Form__NavigationBar .webapp form .FormActions .account-info.theme-core-light .secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-light form .FormActions .secondary.btnNext, .webapp .account-info.theme-core-light form .FormActions input.secondary[type='reset'], .webapp form .FormActions .webapp .account-info.theme-core-light input.secondary[type='reset'], .webapp form .webapp .account-info.theme-core-light .FormActions input.secondary[type='reset'], .webapp .account-info.theme-core-light form .FormActions button.secondary.FormSubmitButton, .webapp form .FormActions .webapp .account-info.theme-core-light button.secondary.FormSubmitButton, .webapp form .webapp .account-info.theme-core-light .FormActions button.secondary.FormSubmitButton, .webapp form .FormActions .account-info.theme-core-light .secondary.FormButton, .webapp .account-info.theme-core-light form .FormActions .secondary.FormButton, .webapp form .FormActions .account-info.theme-core-dark .uk-button.secondary, .webapp .account-info.theme-core-dark form .FormActions .uk-button.secondary, .webapp form .FormActions .account-info.theme-core-dark .Form__NavigationBar .secondary.btnPrev, .webapp .account-info.theme-core-dark .Form__NavigationBar form .FormActions .secondary.btnPrev, .Form__NavigationBar .webapp form .FormActions .account-info.theme-core-dark .secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-dark form .FormActions .secondary.btnPrev, .webapp form .FormActions .account-info.theme-core-dark .Form__NavigationBar .secondary.btnNext, .webapp .account-info.theme-core-dark .Form__NavigationBar form .FormActions .secondary.btnNext, .Form__NavigationBar .webapp form .FormActions .account-info.theme-core-dark .secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-dark form .FormActions .secondary.btnNext, .webapp .account-info.theme-core-dark form .FormActions input.secondary[type='reset'], .webapp form .FormActions .webapp .account-info.theme-core-dark input.secondary[type='reset'], .webapp form .webapp .account-info.theme-core-dark .FormActions input.secondary[type='reset'], .webapp .account-info.theme-core-dark form .FormActions button.secondary.FormSubmitButton, .webapp form .FormActions .webapp .account-info.theme-core-dark button.secondary.FormSubmitButton, .webapp form .webapp .account-info.theme-core-dark .FormActions button.secondary.FormSubmitButton, .webapp form .FormActions .account-info.theme-core-dark .secondary.FormButton, .webapp .account-info.theme-core-dark form .FormActions .secondary.FormButton, .webapp form .FormActions .account-info.theme-desert .uk-button.secondary, .webapp .account-info.theme-desert form .FormActions .uk-button.secondary, .webapp form .FormActions .account-info.theme-desert .Form__NavigationBar .secondary.btnPrev, .webapp .account-info.theme-desert .Form__NavigationBar form .FormActions .secondary.btnPrev, .Form__NavigationBar .webapp form .FormActions .account-info.theme-desert .secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-desert form .FormActions .secondary.btnPrev, .webapp form .FormActions .account-info.theme-desert .Form__NavigationBar .secondary.btnNext, .webapp .account-info.theme-desert .Form__NavigationBar form .FormActions .secondary.btnNext, .Form__NavigationBar .webapp form .FormActions .account-info.theme-desert .secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-desert form .FormActions .secondary.btnNext, .webapp .account-info.theme-desert form .FormActions input.secondary[type='reset'], .webapp form .FormActions .webapp .account-info.theme-desert input.secondary[type='reset'], .webapp form .webapp .account-info.theme-desert .FormActions input.secondary[type='reset'], .webapp .account-info.theme-desert form .FormActions button.secondary.FormSubmitButton, .webapp form .FormActions .webapp .account-info.theme-desert button.secondary.FormSubmitButton, .webapp form .webapp .account-info.theme-desert .FormActions button.secondary.FormSubmitButton, .webapp form .FormActions .account-info.theme-desert .secondary.FormButton, .webapp .account-info.theme-desert form .FormActions .secondary.FormButton { order: 2; } .webapp form .block .Form__Element h2:last-child { margin-bottom: 0; } .webapp form .hp-alert-message + p { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .webapp form .error-iframe { padding: 16px; border-radius: 4px; border: 2px solid #7a0306; } .webapp form .link-account fieldset { display: inline-flex; } .webapp form .FormActions { -moz-column-gap: 16px; column-gap: 16px; justify-content: space-between; } .webapp form .FormActions button:last-child { margin-bottom: auto; } .webapp form .FormActions .uk-button, .webapp form .FormActions .Form__NavigationBar .btnPrev, .Form__NavigationBar .webapp form .FormActions .btnPrev, .webapp form .FormActions .Form__NavigationBar .btnNext, .Form__NavigationBar .webapp form .FormActions .btnNext, .webapp form .FormActions input[type='reset'], .webapp form .FormActions button.FormSubmitButton, .webapp form .FormActions .FormButton { width: calc(50% - 16px / 2); } .webapp form .FormActions .uk-button:only-child, .webapp form .FormActions .Form__NavigationBar .btnPrev:only-child, .Form__NavigationBar .webapp form .FormActions .btnPrev:only-child, .webapp form .FormActions .Form__NavigationBar .btnNext:only-child, .Form__NavigationBar .webapp form .FormActions .btnNext:only-child, .webapp form .FormActions input[type='reset']:only-child, .webapp form .FormActions button.FormSubmitButton:only-child, .webapp form .FormActions .FormButton:only-child { margin-left: auto; } .webapp form .FormActions .desert-primary-light { order: 2; } .webapp form .FormActions .desert-secondary, .webapp form .FormActions .account-info.theme-core-light .uk-button.secondary, .webapp .account-info.theme-core-light form .FormActions .uk-button.secondary, .webapp form .FormActions .account-info.theme-core-light .Form__NavigationBar .secondary.btnPrev, .webapp .account-info.theme-core-light .Form__NavigationBar form .FormActions .secondary.btnPrev, .Form__NavigationBar .webapp form .FormActions .account-info.theme-core-light .secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-light form .FormActions .secondary.btnPrev, .webapp form .FormActions .account-info.theme-core-light .Form__NavigationBar .secondary.btnNext, .webapp .account-info.theme-core-light .Form__NavigationBar form .FormActions .secondary.btnNext, .Form__NavigationBar .webapp form .FormActions .account-info.theme-core-light .secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-light form .FormActions .secondary.btnNext, .webapp .account-info.theme-core-light form .FormActions input.secondary[type='reset'], .webapp form .FormActions .webapp .account-info.theme-core-light input.secondary[type='reset'], .webapp form .webapp .account-info.theme-core-light .FormActions input.secondary[type='reset'], .webapp .account-info.theme-core-light form .FormActions button.secondary.FormSubmitButton, .webapp form .FormActions .webapp .account-info.theme-core-light button.secondary.FormSubmitButton, .webapp form .webapp .account-info.theme-core-light .FormActions button.secondary.FormSubmitButton, .webapp form .FormActions .account-info.theme-core-light .secondary.FormButton, .webapp .account-info.theme-core-light form .FormActions .secondary.FormButton, .webapp form .FormActions .account-info.theme-core-dark .uk-button.secondary, .webapp .account-info.theme-core-dark form .FormActions .uk-button.secondary, .webapp form .FormActions .account-info.theme-core-dark .Form__NavigationBar .secondary.btnPrev, .webapp .account-info.theme-core-dark .Form__NavigationBar form .FormActions .secondary.btnPrev, .Form__NavigationBar .webapp form .FormActions .account-info.theme-core-dark .secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-dark form .FormActions .secondary.btnPrev, .webapp form .FormActions .account-info.theme-core-dark .Form__NavigationBar .secondary.btnNext, .webapp .account-info.theme-core-dark .Form__NavigationBar form .FormActions .secondary.btnNext, .Form__NavigationBar .webapp form .FormActions .account-info.theme-core-dark .secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-dark form .FormActions .secondary.btnNext, .webapp .account-info.theme-core-dark form .FormActions input.secondary[type='reset'], .webapp form .FormActions .webapp .account-info.theme-core-dark input.secondary[type='reset'], .webapp form .webapp .account-info.theme-core-dark .FormActions input.secondary[type='reset'], .webapp .account-info.theme-core-dark form .FormActions button.secondary.FormSubmitButton, .webapp form .FormActions .webapp .account-info.theme-core-dark button.secondary.FormSubmitButton, .webapp form .webapp .account-info.theme-core-dark .FormActions button.secondary.FormSubmitButton, .webapp form .FormActions .account-info.theme-core-dark .secondary.FormButton, .webapp .account-info.theme-core-dark form .FormActions .secondary.FormButton, .webapp form .FormActions .account-info.theme-desert .uk-button.secondary, .webapp .account-info.theme-desert form .FormActions .uk-button.secondary, .webapp form .FormActions .account-info.theme-desert .Form__NavigationBar .secondary.btnPrev, .webapp .account-info.theme-desert .Form__NavigationBar form .FormActions .secondary.btnPrev, .Form__NavigationBar .webapp form .FormActions .account-info.theme-desert .secondary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-desert form .FormActions .secondary.btnPrev, .webapp form .FormActions .account-info.theme-desert .Form__NavigationBar .secondary.btnNext, .webapp .account-info.theme-desert .Form__NavigationBar form .FormActions .secondary.btnNext, .Form__NavigationBar .webapp form .FormActions .account-info.theme-desert .secondary.btnNext, .Form__NavigationBar .webapp .account-info.theme-desert form .FormActions .secondary.btnNext, .webapp .account-info.theme-desert form .FormActions input.secondary[type='reset'], .webapp form .FormActions .webapp .account-info.theme-desert input.secondary[type='reset'], .webapp form .webapp .account-info.theme-desert .FormActions input.secondary[type='reset'], .webapp .account-info.theme-desert form .FormActions button.secondary.FormSubmitButton, .webapp form .FormActions .webapp .account-info.theme-desert button.secondary.FormSubmitButton, .webapp form .webapp .account-info.theme-desert .FormActions button.secondary.FormSubmitButton, .webapp form .FormActions .account-info.theme-desert .secondary.FormButton, .webapp .account-info.theme-desert form .FormActions .secondary.FormButton { order: 1; } } @media only screen and (min-width: 1280px) { .webapp form .FormActions .uk-button, .webapp form .FormActions .Form__NavigationBar .btnPrev, .Form__NavigationBar .webapp form .FormActions .btnPrev, .webapp form .FormActions .Form__NavigationBar .btnNext, .Form__NavigationBar .webapp form .FormActions .btnNext, .webapp form .FormActions input[type='reset'], .webapp form .FormActions button.FormSubmitButton, .webapp form .FormActions .FormButton { width: 330px; } } form .list-content { list-style: none; margin: 0; padding: 0 0 16px; } form .list-content > li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 16px; border-bottom: 1px solid #125252; } form .list-content > li > div { display: flex; align-items: center; } form .list-content div > span.icon { display: block; width: 32px; height: 32px; margin-right: 16px; flex-shrink: 0; } form .list-content span.icon svg * { fill: none; stroke: #125252; } form .list-content-variation .title { font-weight: bold; } form .list-content-variation > li > div { align-items: flex-start; } form .list-content-variation .content { display: block; } form .list-content-variation .content ul { display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; padding-left: 40px; } .uk-modal-body .account-info { margin-bottom: 24px; } .uk-modal-body form .list-content > li { border-bottom: 0; } .uk-modal-body form .FormChoice--Vertical fieldset, .hp-modal-popup form .FormChoice--Vertical fieldset { flex-direction: column; display: flex; } .uk-modal-body form .FormChoice--Vertical .hp-image-select span, .hp-modal-popup form .FormChoice--Vertical .hp-image-select span { text-align: left; } .uk-modal-body form .FormChoice--Select fieldset, .hp-modal-popup form .FormChoice--Select fieldset { grid-template-columns: 1fr; } .uk-modal-body form .FormChoice--Image fieldset label .hp-image-select, .hp-modal-popup form .FormChoice--Image fieldset label .hp-image-select { margin: 0; } .uk-modal-body form .FormChoice--Select--no-image fieldset, .hp-modal-popup form .FormChoice--Select--no-image fieldset { grid-template-columns: 1fr; } .uk-modal-body form .FormChoice--Select--no-image fieldset label input[type='radio']:checked + .hp-image-select::before, .uk-modal-body form .FormChoice--Select--no-image fieldset label input[type='checkbox']:checked + .hp-image-select::before, .hp-modal-popup form .FormChoice--Select--no-image fieldset label input[type='radio']:checked + .hp-image-select::before, .hp-modal-popup form .FormChoice--Select--no-image fieldset label input[type='checkbox']:checked + .hp-image-select::before { -webkit-mask-image: url('/svg/icons/icon-minus.svg'); mask-image: url('/svg/icons/icon-minus.svg'); background-color: #fff; } .uk-modal-body form .FormChoice--Select--no-image .hp-image-select, .hp-modal-popup form .FormChoice--Select--no-image .hp-image-select { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; } .uk-modal-body form .FormChoice--Select--no-image .hp-image-select::before, .hp-modal-popup form .FormChoice--Select--no-image .hp-image-select::before { content: ''; background-color: #125252; -webkit-mask-image: url('/svg/icons/icon-plus.svg'); mask-image: url('/svg/icons/icon-plus.svg'); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; width: 48px; height: 48px; } .uk-modal-body form .FormChoice--Select--no-image .hp-image-select span, .hp-modal-popup form .FormChoice--Select--no-image .hp-image-select span { margin-left: 24px; text-align: left; padding-top: 0; } @media only screen and (min-width: 768px) { .uk-modal-body .form .FormChoice--Select fieldset, .hp-modal-popup .form .FormChoice--Select fieldset { grid-template-columns: 2fr; } } form.concessions .add-update-card fieldset { grid-column-gap: 16px; } form.concessions .add-update-card fieldset label:nth-child(odd) .hp-image-select { margin-left: 0; } form.concessions .add-update-card fieldset label:nth-child(even) .hp-image-select { margin-right: 0; } form.concessions .card-input { display: none; } form.concessions .FormChoice--Image.FormChoice--Concession fieldset label + .card-input { padding-bottom: 24px; } form.concessions .FormChoice--Image.FormChoice--Concession fieldset label:nth-child(odd) .hp-image-select { margin-left: 0; } form.concessions .FormChoice--Image.FormChoice--Concession fieldset .hp-image-select { flex-direction: row; align-items: center; text-align: left; } form.concessions .FormChoice--Image.FormChoice--Concession fieldset .hp-image-select::before { display: block; content: ''; width: 80px; height: 40px; background-size: contain; background-repeat: no-repeat; margin-right: 16px; } form.concessions .FormChoice--Image.FormChoice--Concession fieldset label.concession-card.commonwealth .hp-image-select::before { background-image: url('/img/concession-cards/commonwealth-seniors.png'); } form.concessions .FormChoice--Image.FormChoice--Concession fieldset label.concession-card.healthcare .hp-image-select::before { background-image: url('/img/concession-cards/health-care.png'); } form.concessions .FormChoice--Image.FormChoice--Concession fieldset label.concession-card.pensioner-concession .hp-image-select::before { background-image: url('/img/concession-cards/pensioner-concession.png'); } form.concessions .FormChoice--Image.FormChoice--Concession fieldset label.concession-card.veteran-pension .hp-image-select::before { background-image: url('/img/concession-cards/veteran-pension.png'); } form.concessions .FormChoice--Image.FormChoice--Concession fieldset label.concession-card.veteran-seniors .hp-image-select::before { background-image: url('/img/concession-cards/veteran-seniors.png'); } form.concessions .FormChoice--Image.FormChoice--Concession fieldset label.concession-card.veteran-gold .hp-image-select::before { background-image: url('/img/concession-cards/veteran-gold.png'); } form.concessions .FormChoice--Image.FormChoice--Concession fieldset label.concession-card.veteran-gold-eda .hp-image-select::before { background-image: url('/img/concession-cards/veteran-gold-eda.png'); } form.concessions .FormChoice--Image.FormChoice--Concession fieldset label.concession-card.wa-senior .hp-image-select::before { background-image: url('/img/concession-cards/wa-senior.png'); } @media only screen and (min-width: 768px) { form.concessions .FormChoice--Image.FormChoice--Concession fieldset .hp-image-select::before { width: 170px; height: 90px; margin-right: 24px; } } .webapp .hp-step-process { padding: 0 50px; } .webapp .hp-step-process::after { top: 50%; transform: translateY(-50%); left: 50px; width: calc(100% - 100px); } .webapp .hp-step-process li { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; } .webapp .hp-step-process li:first-child, .webapp .hp-step-process li:last-child { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; } .webapp .hp-step-process li:last-child { margin-right: -1px; } .webapp .hp-step-process li.active .hp-step-process__number { background-color: #c14d34; color: #fff; } .webapp .hp-step-process .hp-step-process__number { width: 12px; height: 12px; } .webapp .hp-step-process .hp-step-process__text { position: absolute; bottom: -36px; } @media only screen and (min-width: 768px) { .webapp .hp-step-process { margin: 24px 0 0 0; } .webapp .hp-step-process li .hp-step-process__number span { display: block; } .webapp .hp-step-process .hp-step-process__number { width: 44px; height: 44px; } } @media only screen and (min-width: 1280px) { .webapp .hp-step-process { margin: 0 0 36px 0; padding: 0 100px; } .webapp .hp-step-process::after { left: 100px; width: calc(100% - 200px); } .webapp .hp-step-process .hp-step-process__text { display: block; } } @keyframes slide-in-bottom { 0% { transform: translateY(1000px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .status:not(.map-outage-item__wrap) { display: flex; align-items: center; font-weight: 600; } .status:not(.map-outage-item__wrap)::before { display: block; content: ''; border-radius: 50%; width: 12px; height: 12px; margin-right: 8px; } .status:not(.map-outage-item__wrap).active::before, .status:not(.map-outage-item__wrap).connected::before { background-color: #337a58; } .status:not(.map-outage-item__wrap).inactive::before, .status:not(.map-outage-item__wrap).disconnected::before { background-color: #7a0306; } .status:not(.map-outage-item__wrap).pending::before { background-color: #eba70e; } .status:not(.map-outage-item__wrap).closed::before { background-color: #76797a; } .status:not(.map-outage-item__wrap).emergency::before { background-color: #f57f48; } .status-legend { display: flex; flex-wrap: wrap; margin: 16px 0; } .status-legend .status { margin: 0 16px 8px 0; font-size: 12px; flex-shrink: 0; } @media only screen and (min-width: 768px) { .status-legend .status { font-size: 16px; } } .results-list .account { display: block; background-color: #fff; border-radius: 4px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); padding: 16px; margin-bottom: 16px; cursor: pointer; transition: all 0.2s ease-in; position: relative; } .results-list .owing, .results-list .tariff { font-weight: bold; } .results-list .owing { font-size: 16px; width: 100%; } .results-list .tariff { margin-bottom: 8px; } .results-list .account.current { cursor: auto; } .results-list .account.selected { background-color: #125252; color: #fff; } .results-list .account.selected::after { background-color: #fff; } .results-list .account-number { font-size: 18px; margin-bottom: 8px; display: flex; flex-wrap: wrap; } @media screen and (min-width: 360px) { .results-list .account-number { font-size: 18px; } } @media screen and (min-width: 768px) { .results-list .account-number { font-size: 18px; } } @media screen and (min-width: 1280px) { .results-list .account-number { font-size: 24px; } } @media screen and (min-width: 1440px) { .results-list .account-number { font-size: 24px; } } .results-list .account-number .number { margin-left: 16px; } .results-list .properties { list-style: none; } .results-list .property { display: flex; align-items: center; max-width: calc(100% - 50px); margin-bottom: 8px; } .results-list .address { display: flex; align-items: center; flex-shrink: 1; } .results-list .status { text-transform: capitalize; align-self: flex-start; margin-top: 8px; } @media only screen and (min-width: 390px) { .results-list .owing { margin-left: auto; width: auto; } } @media only screen and (min-width: 768px) { .results-list .owing { font-size: 18px; } .results-list .status { margin-top: auto; align-self: auto; } } .webapp .account-accordion .uk-accordion { background-color: #fff; color: #000; margin: 0; } .webapp .account-accordion .uk-accordion .uk-icon svg { transition: transform 0.3s ease-in-out; transform-origin: center; } .webapp .account-accordion .uk-accordion .uk-open .uk-icon svg { transform: rotate(180deg); } .webapp .account-accordion .uk-accordion > :nth-child(n + 2) { margin-top: 0; } .webapp .account-accordion .uk-accordion-title .owing { font-weight: 600; margin-left: auto; } .webapp .account-accordion .uk-accordion-title .owing.warning-alt { color: #c23224; } .webapp .account-accordion .uk-accordion-title { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 16px; color: #000; position: relative; overflow: visible; } .webapp .account-accordion .uk-accordion-title::before { display: none; } .webapp .account-accordion .uk-accordion-title .toggle { margin-left: auto; max-width: 30px; } .webapp .account-accordion .uk-accordion-title .toggle.hide { display: none; } .webapp .account-accordion .uk-accordion-title .toggle:hover { color: #000; } .webapp .account-accordion .uk-accordion-title.hide { display: none; } .webapp .account-accordion .uk-accordion-content { background-color: #fff; margin-top: 0; position: relative; } .webapp .account-accordion .title.subheading { display: block; color: #145b7c; } .webapp .account-accordion .intro { padding: 16px; } .webapp .account-accordion .intro .title { padding: 0; } .webapp .account-accordion a:not(.uk-button):not(.FormButton):not(.help-tip):not(.toggle) { color: #214187; text-decoration: underline; } .webapp .account-info .alert, #modal-set-budget .alert, .webapp .hp-account-accordion .uk-accordion-content .content li .alert { display: flex; align-content: flex-start; box-sizing: border-box; border-radius: 4px; padding: 8px; } .webapp .account-info { background-color: #fff; box-shadow: 0 4px 4px rgba(56, 26, 26, 0.25); border-radius: 8px; overflow: hidden; } .webapp .account-info > div > .title { background-color: #d0dee5; } .webapp .account-info .title { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; color: #fff; padding: 16px; } .webapp .account-info .title .account { font-size: 20px; margin-bottom: 0; line-height: 100%; font-weight: normal; color: #000; } @media screen and (min-width: 360px) { .webapp .account-info .title .account { font-size: 20px; } } @media screen and (min-width: 768px) { .webapp .account-info .title .account { font-size: 20px; } } @media screen and (min-width: 1280px) { .webapp .account-info .title .account { font-size: 32px; } } @media screen and (min-width: 1440px) { .webapp .account-info .title .account { font-size: 32px; } } .webapp .account-info .title .account span { font-weight: 600; } .webapp .account-info .title .link { display: flex; align-items: center; color: #fff; text-decoration: underline; font-weight: 600; } .webapp .account-info .title .link svg { margin-left: 8px; flex-shrink: 0; width: 24px; height: 24px; } .webapp .account-info .title .link svg * { fill: none; stroke: #fff; stroke-width: 3; } .webapp .account-info .details { color: #fff; padding: 16px; font-weight: 600; background-size: auto; background-position: center; position: relative; } .webapp .account-info .details::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; mix-blend-mode: color; z-index: 1; } .webapp .account-info .details * { margin-bottom: 16px; position: relative; z-index: 2; } .webapp .account-info .details span { font-weight: 500; } .webapp .account-info .details a { color: #fff; } .webapp .account-info .uk-accordion > li:first-child .uk-accordion-title, .webapp .account-info .uk-accordion > li.featured .uk-accordion-title { background-color: #00344f; color: #fff; } .webapp .account-info .uk-accordion > li:first-child .uk-accordion-title .toggle, .webapp .account-info .uk-accordion > li.featured .uk-accordion-title .toggle { color: #fff; } .webapp .account-info .uk-accordion-title { color: #00344f; background-color: #d0dee5; border-bottom: 1px solid #00344f; font-weight: 600; } .webapp .account-info .list-content span.icon svg * { fill: none; stroke: #145b7c; } .webapp .account-info .actions { text-align: center; padding: 16px; overflow: hidden; } .webapp .account-info .actions span:only-child { flex-grow: 1; } .webapp .account-info .actions .uk-button, .webapp .account-info .actions .Form__NavigationBar .btnPrev, .Form__NavigationBar .webapp .account-info .actions .btnPrev, .webapp .account-info .actions .Form__NavigationBar .btnNext, .Form__NavigationBar .webapp .account-info .actions .btnNext, .webapp .account-info .actions form input[type='reset'], form .webapp .account-info .actions input[type='reset'], .webapp .account-info .actions form button.FormSubmitButton, form .webapp .account-info .actions button.FormSubmitButton, .webapp .account-info .actions .FormButton { width: 100%; } .webapp .account-info .actions > .modal-popup, .webapp .account-info .actions > .uk-button, .webapp .account-info .Form__NavigationBar .actions > .btnPrev, .Form__NavigationBar .webapp .account-info .actions > .btnPrev, .webapp .account-info .Form__NavigationBar .actions > .btnNext, .Form__NavigationBar .webapp .account-info .actions > .btnNext, .webapp .account-info form .actions > input[type='reset'], form .webapp .account-info .actions > input[type='reset'], .webapp .account-info form .actions > button.FormSubmitButton, form .webapp .account-info .actions > button.FormSubmitButton, .webapp .account-info .actions > .FormButton { display: block; } .webapp .account-info .actions > .modal-popup:not(:last-child) { padding-bottom: 16px; } .webapp .account-info .actions > .uk-button, .webapp .account-info .Form__NavigationBar .actions > .btnPrev, .Form__NavigationBar .webapp .account-info .actions > .btnPrev, .webapp .account-info .Form__NavigationBar .actions > .btnNext, .Form__NavigationBar .webapp .account-info .actions > .btnNext, .webapp .account-info form .actions > input[type='reset'], form .webapp .account-info .actions > input[type='reset'], .webapp .account-info form .actions > button.FormSubmitButton, form .webapp .account-info .actions > button.FormSubmitButton, .webapp .account-info .actions > .FormButton { margin-bottom: 16px; } .webapp .account-info .tracking { text-align: center; padding: 16px; } .webapp .account-info .tracking .uk-button, .webapp .account-info .tracking .Form__NavigationBar .btnPrev, .Form__NavigationBar .webapp .account-info .tracking .btnPrev, .webapp .account-info .tracking .Form__NavigationBar .btnNext, .Form__NavigationBar .webapp .account-info .tracking .btnNext, .webapp .account-info .tracking form input[type='reset'], form .webapp .account-info .tracking input[type='reset'], .webapp .account-info .tracking form button.FormSubmitButton, form .webapp .account-info .tracking button.FormSubmitButton, .webapp .account-info .tracking .FormButton { width: 100%; } .webapp .account-info .alert { font-size: 12px; background-color: #e4e4e4; margin: 16px 0; } .webapp .account-info .alert .icon { flex-shrink: 0; width: 16px; height: 16px; margin-right: 8px; } @media only screen and (min-width: 768px) { .webapp .account-info .actions { display: flex; gap: 16px; } .webapp .account-info .actions > .modal-popup, .webapp .account-info .actions > .uk-button, .webapp .account-info .Form__NavigationBar .actions > .btnPrev, .Form__NavigationBar .webapp .account-info .actions > .btnPrev, .webapp .account-info .Form__NavigationBar .actions > .btnNext, .Form__NavigationBar .webapp .account-info .actions > .btnNext, .webapp .account-info form .actions > input[type='reset'], form .webapp .account-info .actions > input[type='reset'], .webapp .account-info form .actions > button.FormSubmitButton, form .webapp .account-info .actions > button.FormSubmitButton, .webapp .account-info .actions > .FormButton { flex-basis: calc(50% - 8px); } .webapp .account-info .actions > .modal-popup:first-child:last-child, .webapp .account-info .actions > .uk-button:first-child:last-child, .webapp .account-info .Form__NavigationBar .actions > .btnPrev:first-child:last-child, .Form__NavigationBar .webapp .account-info .actions > .btnPrev:first-child:last-child, .webapp .account-info .Form__NavigationBar .actions > .btnNext:first-child:last-child, .Form__NavigationBar .webapp .account-info .actions > .btnNext:first-child:last-child, .webapp .account-info form .actions > input[type='reset']:first-child:last-child, form .webapp .account-info .actions > input[type='reset']:first-child:last-child, .webapp .account-info form .actions > button.FormSubmitButton:first-child:last-child, form .webapp .account-info .actions > button.FormSubmitButton:first-child:last-child, .webapp .account-info .actions > .FormButton:first-child:last-child { flex-basis: 100%; } } .webapp .account-info.theme-sea > div > .title { background-color: #99c8cb; } .webapp .account-info.theme-sea .title { color: #000; } .webapp .account-info.theme-sea .subheading { color: #125252; } .webapp .account-info.theme-sea .details::before { background-color: #00757d; } .webapp .account-info.theme-sea .uk-accordion > li:first-child .uk-accordion-title { background-color: #78c4bc; color: #000; } .webapp .account-info.theme-sea .uk-accordion-title { background-color: #cce3e5; color: #000; border-bottom: 0; } .webapp .account-info.theme-sea .uk-accordion-title .toggle { color: #000; } .webapp .account-info.theme-sea .title.subheading { color: #00757d; } .webapp .account-info.theme-sea.texture .details { background-image: url('/img/components/product-card-panel/sea-product-card-texture.jpg'); } .webapp .account-info.theme-sea .list-content span.icon svg * { fill: none; stroke: #00757d; } .webapp .account-info.theme-sea .list-content.highlight { background-color: #e4f3f2; } .webapp .account-info.theme-sea .help-tip { background-color: #00757d; color: #fff; } .webapp .account-info.theme-sea .help-tip::after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4f3f2 rgba(0, 0, 0, 0); } .webapp .account-info.theme-sea .help-tip-content { background-color: #e4f3f2; color: #000; } .webapp .account-info.theme-sky > div > .title { background-color: #a1bdcb; } .webapp .account-info.theme-sky .title { color: #000; } .webapp .account-info.theme-sky .details::before { background-color: #145b7c; } .webapp .account-info.theme-sky .uk-accordion > li:first-child .uk-accordion-title { background-color: #145b7c; color: #fff; } .webapp .account-info.theme-sky .uk-accordion > li:first-child .uk-accordion-title .help-tip { background-color: #d0dee5; color: #000; } .webapp .account-info.theme-sky .uk-accordion-title { background-color: #d0dee5; color: #000; border-bottom: 0; } .webapp .account-info.theme-sky .uk-accordion-title .toggle { color: #000; } .webapp .account-info.theme-sky .title.subheading { color: #145b7c; } .webapp .account-info.theme-sky.texture .details { background-image: url('/img/components/product-card-panel/sky-product-card-texture.jpg'); } .webapp .account-info.theme-sky .list-content span.icon svg * { fill: none; stroke: #145b7c; } .webapp .account-info.theme-sky .help-tip { background-color: #145b7c; color: #fff; } .webapp .account-info.theme-sky .help-tip::after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d0dee5 rgba(0, 0, 0, 0); } .webapp .account-info.theme-sky .help-tip-content { background-color: #d0dee5; color: #000; } .webapp .account-info.theme-desert > div > .title { background-color: #e6b8ae; } .webapp .account-info.theme-desert .title { color: #000; } .webapp .account-info.theme-desert .details::before { background-color: #de5126; } .webapp .account-info.theme-desert .uk-accordion > li:first-child .uk-accordion-title { background-color: #c14d34; color: #fff; } .webapp .account-info.theme-desert .uk-accordion > li:first-child .uk-accordion-title .toggle { color: #fff; } .webapp .account-info.theme-desert .uk-accordion > li:first-child .uk-accordion-title .help-tip { background-color: #e6b8ae; color: #000; } .webapp .account-info.theme-desert .uk-accordion-title { background-color: #f3dbd6; color: #000; border-bottom: 0; } .webapp .account-info.theme-desert .uk-accordion-title .toggle { color: #000; } .webapp .account-info.theme-desert .title.subheading { color: #c14d34; } .webapp .account-info.theme-desert.texture .details { background-image: url('/img/components/product-card-panel/desert-product-card-texture.jpg'); background-color: rgba(0, 0, 0, 0); } .webapp .account-info.theme-desert .list-content span.icon svg * { fill: none; stroke: #c14d34; } .webapp .account-info.theme-desert .help-tip { background-color: #c14d34; color: #fff; } .webapp .account-info.theme-desert .help-tip::after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f3dbd6 rgba(0, 0, 0, 0); } .webapp .account-info.theme-desert .help-tip-content { background-color: #f3dbd6; color: #000; } .webapp .account-info.theme-core-dark > div > .title { background-color: #bac8e2; } .webapp .account-info.theme-core-dark .title, .webapp .account-info.theme-core-dark .title .account { color: #000; } .webapp .account-info.theme-core-dark .details::before { background-color: #00344f; } .webapp .account-info.theme-core-dark .uk-accordion > li:first-child .uk-accordion-title { background-color: #00344f; color: #fff; } .webapp .account-info.theme-core-dark .uk-accordion > li:first-child .uk-accordion-title .help-tip { background-color: #ccc; color: #000; } .webapp .account-info.theme-core-dark .uk-accordion > li:first-child .uk-accordion-title .toggle { color: #fff; } .webapp .account-info.theme-core-dark .uk-accordion-title { background-color: #e9ecf3; color: #000; border-bottom: 1px solid #00344f; } .webapp .account-info.theme-core-dark .uk-accordion-title .toggle { color: #000; } .webapp .account-info.theme-core-dark .title.subheading { color: #00344f; } .webapp .account-info.theme-core-dark.texture .details { background-image: url('/img/textures/kimberley-texture-dark.jpg'); } .webapp .account-info.theme-core-dark.texture .details::before { display: none; } .webapp .account-info.theme-core-dark .list-content span.icon svg * { fill: none; stroke: #00344f; } .webapp .account-info.theme-core-dark .help-tip { background-color: #ccc; color: #000; } .webapp .account-info.theme-core-dark .help-tip::after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ccc rgba(0, 0, 0, 0); } .webapp .account-info.theme-core-dark .help-tip-content { background-color: #ccc; color: #000; } .webapp .account-info.theme-core-light > div > .title { background-color: #00344f; } .webapp .account-info.theme-core-light .title, .webapp .account-info.theme-core-light .title .account { color: #fff; } .webapp .account-info.theme-core-light .details::before { background-color: #a6b3cf; } .webapp .account-info.theme-core-light .uk-accordion > li:first-child .uk-accordion-title { background-color: #fff; color: #c14d34; } .webapp .account-info.theme-core-light .uk-accordion > li:first-child .uk-accordion-title .toggle { color: #fff; } .webapp .account-info.theme-core-light .uk-open .uk-accordion-title { background-color: #fff; } .webapp .account-info.theme-core-light .uk-accordion-title { background-color: #f8f8f8; color: #c14d34; border-bottom: 1px solid #000; } .webapp .account-info.theme-core-light .uk-accordion-title .toggle { color: #000; } .webapp .account-info.theme-core-light .title.subheading { color: #00344f; } .webapp .account-info.theme-core-light.texture .details { background-image: url('/img/textures/kimberley-texture-dark.jpg'); } .webapp .account-info.theme-core-light.texture .details::before { display: none; } .webapp .account-info.theme-core-light .list-content span.icon svg * { fill: none; stroke: #00344f; } .webapp .account-info.theme-core-light .help-tip { background-color: #ccc; color: #000; } .webapp .account-info.theme-core-light .help-tip::after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f3dbd6 rgba(0, 0, 0, 0); } .webapp .account-info.theme-core-light .help-tip-content { background-color: #f3dbd6; color: #000; } .webapp .account-info.theme-core-light p { color: #000; } .webapp .account-accordion .help-tip, .webapp .hp-account-accordion .uk-accordion-content .title .help-tip { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 50%; width: 24px; height: 24px; margin-left: 8px; position: relative; } .webapp .account-accordion .help-tip::before, .webapp .hp-account-accordion .uk-accordion-content .title .help-tip::before { content: '?'; } .webapp .account-accordion .help-tip::after, .webapp .hp-account-accordion .uk-accordion-content .title .help-tip::after { border-width: 0 10px 10px 10px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f4f2ef rgba(0, 0, 0, 0); border-style: solid; position: absolute; display: block; content: ''; top: 100%; opacity: 0; transition: opacity 0.3s linear 0.1s; } .webapp .account-accordion .open.help-tip::after, .webapp .hp-account-accordion .uk-accordion-content .title .open.help-tip::after { opacity: 1; } .webapp .account-accordion .help-tip-content, .webapp .hp-account-accordion .uk-accordion-content .title .help-tip-content { display: none; background-color: #f4f2ef; width: 100%; margin-top: 8px; box-shadow: 0 4px 4px rgba(56, 26, 26, 0.25); padding: 16px; font-size: 16px; color: #00344f; font-weight: normal; } .webapp .account-accordion .help-tip { background-color: #7092ac; color: #fff; } .webapp .account-accordion .help-tip-content { position: absolute; top: 44px; z-index: 999; width: calc(100% - 32px); } .webapp .account-accordion .list-content { list-style: none; margin: 0; padding: 0; } .webapp .account-accordion .list-content.highlight { border-top: 1px solid #125252; border-bottom: 1px solid #125252; } .webapp .account-accordion .list-content li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 16px 16px 0; min-width: 15%; } .webapp .account-accordion .list-content li:last-child { padding-bottom: 16px; } .webapp .account-accordion .list-content li:not(:last-child)::after { display: block; content: ''; width: 100%; height: 1px; opacity: 0.4; background-color: #125252; margin-top: 16px; } .webapp .account-accordion .list-content li.warning { color: #7a0306; } .webapp .account-accordion .list-content li.warning a, .webapp .account-accordion .list-content li.warning svg * { color: #7a0306 !important; stroke: #7a0306 !important; } .webapp .account-accordion .list-content div { display: flex; align-items: center; } .webapp .account-accordion .list-content div a { color: #00344f; text-decoration: underline; } .webapp .account-accordion .list-content .value { display: block; font-weight: 600; } .webapp .account-accordion .list-content .value span, .webapp .account-accordion .list-content .value a { display: block; } .webapp .account-accordion .list-content div > span.icon { display: block; width: 32px; height: 32px; margin-right: 16px; } .webapp .account-accordion .list-content div > span.icon svg { width: 32px; height: 32px; } @media only screen and (min-width: 768px) { .webapp:not(.modalbody) .account-accordion .list-content { display: flex; justify-content: space-around; margin-top: 16px; flex-wrap: wrap; } .webapp:not(.modalbody) .account-accordion .list-content li { flex: 1; flex-direction: column; padding: 24px; } .webapp:not(.modalbody) .account-accordion .list-content li div { display: block; text-align: center; } .webapp:not(.modalbody) .account-accordion .list-content li br { display: none; } .webapp:not(.modalbody) .account-accordion .list-content li:not(:last-child) { border-right: 1px solid rgba(18, 82, 82, 0.4); } .webapp:not(.modalbody) .account-accordion .list-content li:not(:last-child)::after { display: none; } .webapp:not(.modalbody) .account-accordion .list-content .label { display: block; margin-bottom: 16px; } .webapp:not(.modalbody) .account-accordion .list-content .value { display: flex; word-break: break-all; } .webapp:not(.modalbody) .account-accordion .list-content div > span.icon { width: 64px; height: 64px; margin: 0 auto 24px; flex-shrink: 0; } .webapp:not(.modalbody) .account-accordion .list-content div > span.icon svg { width: 64px; height: 64px; } } .webapp .account-accordion .uk-accordion-content-title { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: flex-start; gap: 8px; background-color: #fff; color: #000; border-bottom: 1px solid #00344f; padding: 8px 16px; } .webapp .account-accordion .uk-accordion-content-title h3 { margin: 0; } .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights { border-bottom: 1px solid #00344f; } .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container { background-color: #fff !important; padding: 0; } .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage { display: flex; flex-direction: column; align-items: stretch; align-content: center; justify-content: center; gap: 16px; } .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #dailyProgressbarContainer1_Linearprogress, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #dailyProgressbarContainer1_Linearbuffer, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #dailyProgressbarContainer1_Lineartrack, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #weeklyProgressbarContainer1_Linearprogress, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #weeklyProgressbarContainer1_Linearbuffer, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #weeklyProgressbarContainer1_Lineartrack, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #monthlyProgressbarContainer1_Linearprogress, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #monthlyProgressbarContainer1_Linearbuffer, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #monthlyProgressbarContainer1_Lineartrack, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #monthlyProgressbarContainer2_Linearprogress, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #monthlyProgressbarContainer2_Linearbuffer, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #monthlyProgressbarContainer2_Lineartrack, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #billProgressbarContainer1_Linearprogress, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #billProgressbarContainer1_Linearbuffer, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #billProgressbarContainer1_Lineartrack, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #yearlyProgressbarContainer1_Linearprogress, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #yearlyProgressbarContainer1_Linearbuffer, .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage #yearlyProgressbarContainer1_Lineartrack { stroke-width: 48 !important; } .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container .estimated-solar-usage .graph-box__description .graph-value { color: #c14d34; } @media only screen and (min-width: 768px) { .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .graph-container { padding: 0 0 16px 0; } } .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .wysiwygContainer { padding: 0 16px 16px 16px; } .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .wysiwygContainer div { background-color: #f1eeeb; padding: 16px; } .webapp .account-accordion .uk-accordion-content .hp-solar-saving-graph-block.usage-insights .energy-costs-title { padding: 16px; } .webapp .account-accordion .uk-accordion-content .energy-costs { border-bottom: 1px solid #00344f; } .webapp .account-accordion .uk-accordion-content .energy-costs + .list-content .owing svg * { stroke-width: inherit; } .webapp .account-accordion .uk-accordion-content .energy-costs .energy-costs-title { padding: 16px; } .modal-switcher .modal-select { padding-top: 16px; } .modal-switcher .modal-select button { width: 100%; } .modal-switcher .results-summary { font-size: 18px; font-weight: 500; margin-top: 16px; color: #00344f; } @media screen and (min-width: 360px) { .modal-switcher .results-summary { font-size: 18px; } } @media screen and (min-width: 768px) { .modal-switcher .results-summary { font-size: 18px; } } @media screen and (min-width: 1280px) { .modal-switcher .results-summary { font-size: 24px; } } @media screen and (min-width: 1440px) { .modal-switcher .results-summary { font-size: 24px; } } .modal-switcher ul { display: block; list-style: none; margin: 0; padding: 0; } @media only screen and (min-width: 1280px) { .modal-switcher .modal-select { display: flex; justify-content: center; } .modal-switcher .modal-select button { width: auto; min-width: 290px; } } .account-search { display: flex; } .account-search .account-input { flex-grow: 1; margin-right: 8px; } .account-search .actions { display: flex; } .account-search .clear { background-color: #145b7c; color: #fff; border-radius: 4px; border: 0; padding: 0 8px; } .webapp .hp-interval-data-block .interval-data-history table, .webapp .hp-payment-billing-history-block .payment-billing-history table, .webapp .hp-payment-receipts-block table, .webapp .hp-notifications-list-block table, table.table { background-color: #f4f2ef; border-collapse: collapse; border-style: hidden; width: 100%; } .webapp .hp-interval-data-block .interval-data-history table caption, .webapp .hp-payment-billing-history-block .payment-billing-history table caption, .webapp .hp-payment-receipts-block table caption, .webapp .hp-notifications-list-block table caption, table.table caption { display: none; } .webapp .hp-interval-data-block .interval-data-history table thead tr td, .webapp .hp-payment-billing-history-block .payment-billing-history table thead tr td, .webapp .hp-payment-receipts-block table thead tr td, .webapp .hp-notifications-list-block table thead tr td, table.table thead tr td, .webapp .hp-interval-data-block .interval-data-history table thead tr th, .webapp .hp-payment-billing-history-block .payment-billing-history table thead tr th, .webapp .hp-payment-receipts-block table thead tr th, .webapp .hp-notifications-list-block table thead tr th, table.table thead tr th { background-color: #eae6e0; font-weight: 700; color: #00344f; } .webapp .hp-interval-data-block .interval-data-history table tbody tr:last-child td, .webapp .hp-payment-billing-history-block .payment-billing-history table tbody tr:last-child td, .webapp .hp-payment-receipts-block table tbody tr:last-child td, .webapp .hp-notifications-list-block table tbody tr:last-child td, table.table tbody tr:last-child td { border-radius: 0 0 4px 4px; } .webapp .hp-interval-data-block .interval-data-history table tbody tr:nth-child(odd) td, .webapp .hp-payment-billing-history-block .payment-billing-history table tbody tr:nth-child(odd) td, .webapp .hp-payment-receipts-block table tbody tr:nth-child(odd) td, .webapp .hp-notifications-list-block table tbody tr:nth-child(odd) td, table.table tbody tr:nth-child(odd) td { background-color: #f4f2ef; } .webapp .hp-interval-data-block .interval-data-history table tbody tr:nth-child(even) td, .webapp .hp-payment-billing-history-block .payment-billing-history table tbody tr:nth-child(even) td, .webapp .hp-payment-receipts-block table tbody tr:nth-child(even) td, .webapp .hp-notifications-list-block table tbody tr:nth-child(even) td, table.table tbody tr:nth-child(even) td { background-color: #fff; } .webapp .hp-interval-data-block .interval-data-history table td, .webapp .hp-payment-billing-history-block .payment-billing-history table td, .webapp .hp-payment-receipts-block table td, .webapp .hp-notifications-list-block table td, table.table td, .webapp .hp-interval-data-block .interval-data-history table th, .webapp .hp-payment-billing-history-block .payment-billing-history table th, .webapp .hp-payment-receipts-block table th, .webapp .hp-notifications-list-block table th, table.table th { text-align: left; padding: 8px; overflow-wrap: break-word; } @media only screen and (min-width: 768px) { .webapp .hp-interval-data-block .interval-data-history table td, .webapp .hp-payment-billing-history-block .payment-billing-history table td, .webapp .hp-payment-receipts-block table td, .webapp .hp-notifications-list-block table td, table.table td, .webapp .hp-interval-data-block .interval-data-history table th, .webapp .hp-payment-billing-history-block .payment-billing-history table th, .webapp .hp-payment-receipts-block table th, .webapp .hp-notifications-list-block table th, table.table th { text-align: left; padding: calc(24px / 2); overflow-wrap: break-word; } } @media only screen and (min-width: 1280px) { .webapp .hp-interval-data-block .interval-data-history table td, .webapp .hp-payment-billing-history-block .payment-billing-history table td, .webapp .hp-payment-receipts-block table td, .webapp .hp-notifications-list-block table td, table.table td, .webapp .hp-interval-data-block .interval-data-history table th, .webapp .hp-payment-billing-history-block .payment-billing-history table th, .webapp .hp-payment-receipts-block table th, .webapp .hp-notifications-list-block table th, table.table th { padding: 24px; } .webapp .hp-interval-data-block .interval-data-history table tr:first-child td, .webapp .hp-payment-billing-history-block .payment-billing-history table tr:first-child td, .webapp .hp-payment-receipts-block table tr:first-child td, .webapp .hp-notifications-list-block table tr:first-child td, table.table tr:first-child td, .webapp .hp-interval-data-block .interval-data-history table tr:first-child th, .webapp .hp-payment-billing-history-block .payment-billing-history table tr:first-child th, .webapp .hp-payment-receipts-block table tr:first-child th, .webapp .hp-notifications-list-block table tr:first-child th, table.table tr:first-child th { padding: 24px; } } .creditcard-icon { display: inline-block; width: 60px; height: 35px; border: 1px solid; border-radius: 4px; background-color: #fff; margin-right: 16px; background-size: 35px; background-position: center; background-repeat: no-repeat; } .creditcard-icon.mastercard { background-image: url('/svg/logos/cc-mc-logo.svg'); } .creditcard-icon.visa { background-image: url('/svg/logos/cc-visa-logo.svg'); } @media only screen and (min-width: 768px) { .creditcard-icon { width: 90px; height: 50px; background-size: 50px; } } .FormTextbox iframe#bpoint { width: 100%; height: 180px; } @media only screen and (min-width: 768px) { .FormTextbox iframe#bpoint { height: 140px; } } .webapp .register > .hp-container, .webapp .left-right-content .left-content .right > div.register > .uk-grid, .left-right-content .left-content .webapp .right > div.register > .uk-grid, .webapp .forgottenPassword > .hp-container, .webapp .left-right-content .left-content .right > div.forgottenPassword > .uk-grid, .left-right-content .left-content .webapp .right > div.forgottenPassword > .uk-grid { padding-top: 0; } .webapp .register > .hp-container > .hp-padding, .webapp .left-right-content .left-content .right > div.register > .uk-grid > .hp-padding, .left-right-content .left-content .webapp .right > div.register > .uk-grid > .hp-padding, .webapp .forgottenPassword > .hp-container > .hp-padding, .webapp .left-right-content .left-content .right > div.forgottenPassword > .uk-grid > .hp-padding, .left-right-content .left-content .webapp .right > div.forgottenPassword > .uk-grid > .hp-padding { padding-top: 0; } .webapp .register .hp-wysiwyg-panel > .hp-container, .webapp .register .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid, .left-right-content .left-content .webapp .register .right > div.hp-wysiwyg-panel > .uk-grid, .webapp .forgottenPassword .hp-wysiwyg-panel > .hp-container, .webapp .forgottenPassword .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid, .left-right-content .left-content .webapp .forgottenPassword .right > div.hp-wysiwyg-panel > .uk-grid { padding-top: 0; } .webapp .register .hp-wysiwyg-panel > .hp-container > .hp-padding, .webapp .register .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid > .hp-padding, .left-right-content .left-content .webapp .register .right > div.hp-wysiwyg-panel > .uk-grid > .hp-padding, .webapp .forgottenPassword .hp-wysiwyg-panel > .hp-container > .hp-padding, .webapp .forgottenPassword .left-right-content .left-content .right > div.hp-wysiwyg-panel > .uk-grid > .hp-padding, .left-right-content .left-content .webapp .forgottenPassword .right > div.hp-wysiwyg-panel > .uk-grid > .hp-padding { padding-top: 0; } .webapp .register section > .hp-wysiwyg-panel .hp-container, .webapp .register section > .hp-wysiwyg-panel .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .webapp .register section > .hp-wysiwyg-panel .right > div > .uk-grid, .webapp .register section > .uk-grid > .wysiwygblock .hp-container, .webapp .register section > .uk-grid > .wysiwygblock .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .webapp .register section > .uk-grid > .wysiwygblock .right > div > .uk-grid, .webapp .forgottenPassword section > .hp-wysiwyg-panel .hp-container, .webapp .forgottenPassword section > .hp-wysiwyg-panel .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .webapp .forgottenPassword section > .hp-wysiwyg-panel .right > div > .uk-grid, .webapp .forgottenPassword section > .uk-grid > .wysiwygblock .hp-container, .webapp .forgottenPassword section > .uk-grid > .wysiwygblock .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .webapp .forgottenPassword section > .uk-grid > .wysiwygblock .right > div > .uk-grid { padding: 0; } .webapp .register section > .hp-wysiwyg-panel .hp-container .hp-padding.hp-padding-remove, .webapp .register section > .hp-wysiwyg-panel .left-right-content .left-content .right > div > .uk-grid .hp-padding.hp-padding-remove, .left-right-content .left-content .webapp .register section > .hp-wysiwyg-panel .right > div > .uk-grid .hp-padding.hp-padding-remove, .webapp .register section > .uk-grid > .wysiwygblock .hp-container .hp-padding.hp-padding-remove, .webapp .register section > .uk-grid > .wysiwygblock .left-right-content .left-content .right > div > .uk-grid .hp-padding.hp-padding-remove, .left-right-content .left-content .webapp .register section > .uk-grid > .wysiwygblock .right > div > .uk-grid .hp-padding.hp-padding-remove, .webapp .forgottenPassword section > .hp-wysiwyg-panel .hp-container .hp-padding.hp-padding-remove, .webapp .forgottenPassword section > .hp-wysiwyg-panel .left-right-content .left-content .right > div > .uk-grid .hp-padding.hp-padding-remove, .left-right-content .left-content .webapp .forgottenPassword section > .hp-wysiwyg-panel .right > div > .uk-grid .hp-padding.hp-padding-remove, .webapp .forgottenPassword section > .uk-grid > .wysiwygblock .hp-container .hp-padding.hp-padding-remove, .webapp .forgottenPassword section > .uk-grid > .wysiwygblock .left-right-content .left-content .right > div > .uk-grid .hp-padding.hp-padding-remove, .left-right-content .left-content .webapp .forgottenPassword section > .uk-grid > .wysiwygblock .right > div > .uk-grid .hp-padding.hp-padding-remove { padding: 0; } .register.step-3 .resendmessageblock { display: none; } .register.step-4 .registration-processing { text-align: center; } .register.step-4 .registration-processing .spinner { margin-bottom: 48px; color: #00344f; } .register.step-4 .registration-processing .progress-list { list-style: none; margin: 16px auto 0; padding: 0 24px; color: #00344f; } .register.step-4 .registration-processing .progress-list li { display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 16px; font-weight: bold; text-align: left; } .register.step-4 .registration-processing .progress-list li:last-child { margin-bottom: 0; } .register.step-4 .registration-processing .progress-list li .uk-spinner { margin-right: 8px; } .register.step-4 .registration-processing .progress-list .done, .register.step-4 .registration-processing .progress-list .warning { width: 18px; height: 18px; background-color: #00757d; -webkit-mask-image: url('/svg/icons/icon-correct.svg'); mask-image: url('/svg/icons/icon-correct.svg'); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; margin-right: 8px; flex-shrink: 0; } .register.step-4 .registration-processing .progress-list .warning { background-color: #eba70e; -webkit-mask-image: url('/svg/icons/icon-alert-yellow.svg'); mask-image: url('/svg/icons/icon-alert-yellow.svg'); } .register.step-4 .registration-processing .hp-alert-message { display: none; } .register.step-4 .registration-processing .hp-alert-message .content h1, .register.step-4 .registration-processing .hp-alert-message .content h2, .register.step-4 .registration-processing .hp-alert-message .content h3 { font-size: 32px; } @media screen and (min-width: 360px) { .register.step-4 .registration-processing .hp-alert-message .content h1, .register.step-4 .registration-processing .hp-alert-message .content h2, .register.step-4 .registration-processing .hp-alert-message .content h3 { font-size: 32px; } } @media screen and (min-width: 768px) { .register.step-4 .registration-processing .hp-alert-message .content h1, .register.step-4 .registration-processing .hp-alert-message .content h2, .register.step-4 .registration-processing .hp-alert-message .content h3 { font-size: 32px; } } @media screen and (min-width: 1280px) { .register.step-4 .registration-processing .hp-alert-message .content h1, .register.step-4 .registration-processing .hp-alert-message .content h2, .register.step-4 .registration-processing .hp-alert-message .content h3 { font-size: 50px; } } @media screen and (min-width: 1440px) { .register.step-4 .registration-processing .hp-alert-message .content h1, .register.step-4 .registration-processing .hp-alert-message .content h2, .register.step-4 .registration-processing .hp-alert-message .content h3 { font-size: 50px; } } .register.step-4 .registration-processing .hp-alert-message .content .message { font-size: 16px; } .register.step-4 .registration-processing .uk-button, .register.step-4 .registration-processing .Form__NavigationBar .btnPrev, .Form__NavigationBar .register.step-4 .registration-processing .btnPrev, .register.step-4 .registration-processing .Form__NavigationBar .btnNext, .Form__NavigationBar .register.step-4 .registration-processing .btnNext, .register.step-4 .registration-processing form input[type='reset'], form .register.step-4 .registration-processing input[type='reset'], .register.step-4 .registration-processing form button.FormSubmitButton, form .register.step-4 .registration-processing button.FormSubmitButton, .register.step-4 .registration-processing .FormButton { margin-top: 16px; } @media only screen and (min-width: 768px) { .register.step-4 .registration-processing { text-align: left; } .register.step-4 .registration-processing .progress-list li { align-items: center; } } @media only screen and (min-width: 1280px) { .register.step-4 .registration-processing .progress-list { margin: 24px auto 0 auto; } .register.step-4 .registration-processing .uk-button, .register.step-4 .registration-processing .Form__NavigationBar .btnPrev, .Form__NavigationBar .register.step-4 .registration-processing .btnPrev, .register.step-4 .registration-processing .Form__NavigationBar .btnNext, .Form__NavigationBar .register.step-4 .registration-processing .btnNext, .register.step-4 .registration-processing form input[type='reset'], form .register.step-4 .registration-processing input[type='reset'], .register.step-4 .registration-processing form button.FormSubmitButton, form .register.step-4 .registration-processing button.FormSubmitButton, .register.step-4 .registration-processing .FormButton { margin-top: 24px; } } .webapp form .link-account fieldset { display: block; } .webapp form .link-account fieldset label.account .hp-image-select { background-color: #fff; text-align: left; flex-direction: row; align-items: center; } .webapp form .link-account fieldset label.account svg { margin-right: 16px; } .webapp form .link-account fieldset label.account span { padding-top: 0; } .webapp form .link-account fieldset label.account span span { display: block; } .webapp form .link-account fieldset label.account .address { font-size: 14px; font-weight: normal; } .login-otp .securecode-container { display: none; } .login-container input::-ms-reveal { display: none; } .login-register-page .FormActions .uk-button, .login-register-page .FormActions .Form__NavigationBar .btnPrev, .Form__NavigationBar .login-register-page .FormActions .btnPrev, .login-register-page .FormActions .Form__NavigationBar .btnNext, .Form__NavigationBar .login-register-page .FormActions .btnNext, .login-register-page .FormActions form input[type='reset'], form .login-register-page .FormActions input[type='reset'], .login-register-page .FormActions form button.FormSubmitButton, form .login-register-page .FormActions button.FormSubmitButton, .login-register-page .FormActions .FormButton { margin-bottom: 16px; } .webapp .hp-welcome-block.edge-clip-previous { padding-bottom: 160px; } .hp-welcome-block { background-color: #bac8e2; } .hp-welcome-block .welcome { font-size: 18px; font-weight: 500; margin-bottom: 0; } @media screen and (min-width: 360px) { .hp-welcome-block .welcome { font-size: 18px; } } @media screen and (min-width: 768px) { .hp-welcome-block .welcome { font-size: 18px; } } @media screen and (min-width: 1280px) { .hp-welcome-block .welcome { font-size: 24px; } } @media screen and (min-width: 1440px) { .hp-welcome-block .welcome { font-size: 24px; } } .hp-welcome-block .welcome, .hp-welcome-block .name { color: #00344f; margin-bottom: 0; } .hp-quick-links-block.edge-clip-top__two { margin-top: -170px; } .hp-quick-links-block > .hp-container, .left-right-content .left-content .right > div.hp-quick-links-block > .uk-grid { padding-top: 0; padding-bottom: 0; } .hp-quick-links-block ul { list-style: none; padding: 0; margin: 0; } .hp-quick-links-block ul li { padding: 8px 0; } .hp-quick-links-block ul li:not(:last-child) { border-bottom: 2px solid #fff; } .hp-quick-links-block ul a { display: flex; align-items: center; color: #fff; padding: 8px 0; } .hp-quick-links-block ul a::after { display: block; content: ''; width: 16px; height: 16px; background-image: url('/svg/chevron-right.svg'); background-repeat: no-repeat; background-size: contain; margin-left: auto; } .hp-quick-links-block ul a:focus { outline-color: #fff; } .hp-quick-links-block ul .icon { display: block; width: 32px; margin-right: 16px; } .hp-quick-links-block ul .icon svg { fill: none; } .hp-quick-links-block ul .icon path { stroke: #fff; stroke-width: 1.1; } .hp-quick-links-block ul .text { font-size: 16px; } @media only screen and (min-width: 768px) { .hp-quick-links-block ul { display: flex; justify-content: space-between; } .hp-quick-links-block ul li { padding: 0; } .hp-quick-links-block ul li:not(:last-child) { border-bottom: none; } .hp-quick-links-block ul a { display: block; padding: 0; text-align: center; } .hp-quick-links-block ul a::after { display: none; } .hp-quick-links-block ul .icon { margin: 0 auto 16px; width: 48px; } } @media only screen and (min-width: 1280px) { .hp-quick-links-block ul .icon { width: 75px; } } .hp-notifications-block { position: relative; overflow: hidden; } .hp-notifications-block .hp-container, .hp-notifications-block .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-notifications-block .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .hp-notifications-block .notification-title { color: #00344f; } .hp-notifications-block .slick-dotted.slick-slider { margin-bottom: 0; } .hp-notifications-block .slick-track { display: flex; } .hp-notifications-block .hp-slider-controls { padding-top: 16px; } .hp-notifications-block .hp-slider-controls button svg path { fill: #00344f; } .hp-notifications-block .slick-dots li button { border-color: #00344f; } .hp-notifications-block .slick-dots li button::before { background-color: #00344f; } .hp-notifications-block .slick-slide { width: 267px; padding-right: 16px; height: inherit; } .hp-notifications-block .slick-slide > div { height: 100%; } .hp-notifications-block .slick-slide .notification-card-container { height: 100%; } .hp-notifications-block .slick-list { overflow: visible; } @media only screen and (min-width: 768px) { .hp-notifications-block .slick-slide { width: 340px; } } @media only screen and (min-width: 1280px) { .hp-notifications-block .slick-slide { width: 340px; } } .no-notifications { display: none; align-items: center; margin-top: 24px; } .no-notifications .icon { margin-right: 16px; } .no-notifications .icon svg { width: 48px; fill: none; } .slick-initialized .notification-card { opacity: 1; } .notification-card { display: flex; background-color: #fff; border-radius: 4px; box-sizing: border-box; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); opacity: 0; padding: 16px; min-height: 140px; cursor: pointer; transition: opacity 0.3s ease-in; height: 100%; } .notification-card .content { display: flex; flex-direction: column; } .notification-card .icon { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 32px; height: 32px; margin-right: 16px; border-radius: 16px; } .notification-card .icon::after { display: block; content: ''; width: 18px; height: 18px; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; background-color: #fff; } .notification-card .title { font-weight: bold; margin-bottom: 8px; } .notification-card .message { font-size: 14px; margin-bottom: 8px; } .notification-card a { display: block; font-size: 14px; color: #000; text-decoration: underline; margin-top: auto; } .notification-card .icon.category-1 { background-color: #c14d34; } .notification-card .icon.category-1::after { -webkit-mask-image: url('/svg/icons/icon-power-outage.svg'); mask-image: url('/svg/icons/icon-power-outage.svg'); } .notification-card .icon.category-2 { background-color: #00344f; } .notification-card .icon.category-2::after { -webkit-mask-image: url('/svg/components/outages-panel/icon-maintenance-alt.svg'); mask-image: url('/svg/components/outages-panel/icon-maintenance-alt.svg'); } .notification-card .icon.category-3 { background-color: #125252; } .notification-card .icon.category-3::after { width: 60%; height: 60%; -webkit-mask-image: url('/svg/webapp/icon-fee.svg'); mask-image: url('/svg/webapp/icon-fee.svg'); } .notification-card .icon.category-4 { background-color: rgba(0, 0, 0, 0); } .notification-card .icon.category-4::after { width: 100%; height: 100%; background-color: #eba70e; -webkit-mask-image: url('/svg/icons/icon-outages-faults-solid.svg'); mask-image: url('/svg/icons/icon-outages-faults-solid.svg'); } .notification-card .icon.category-5::after { width: 32px; height: 32px; background-repeat: no-repeat; background-image: url('/svg/icons/sunshine_saver.svg'); } .notification-card .icon.category-6:after { width: 32px; height: 32px; background-repeat: no-repeat; background-image: url('/svg/icons/icon-power-exceeded.svg'); } .webapp .hp-notifications-list-block table { border-collapse: separate; border-spacing: 0 24px; background-color: rgba(0, 0, 0, 0); } .webapp .hp-notifications-list-block table thead { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); border-radius: 4px; } .webapp .hp-notifications-list-block table thead th:not(.mobile) { display: none; } .webapp .hp-notifications-list-block table thead tr { display: grid; grid-template-columns: 3fr 1fr 0.5fr; width: 100%; } .webapp .hp-notifications-list-block table tbody tr { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); border-radius: 4px; } .webapp .hp-notifications-list-block table tbody tr td, .webapp .hp-notifications-list-block table tbody tr:first-child td { padding: 0; } .webapp .hp-notifications-list-block table tbody tr:nth-child(odd) td, .webapp .hp-notifications-list-block table tbody tr:nth-child(even) td { background-color: rgba(0, 0, 0, 0); } .webapp .hp-notifications-list-block .history { margin: 24px 0; } .webapp .hp-notifications-list-block .type .icon { display: none; } .webapp .hp-notifications-list-block span.icon { display: inline-block; transform: translateY(-5px); margin-right: 8px; } .webapp .hp-notifications-list-block span.icon svg { max-width: 16px; } .webapp .hp-notifications-list-block .icon { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; position: relative; width: 20px; height: 20px; border-radius: 50%; margin-right: 8px; flex-shrink: 0; } .webapp .hp-notifications-list-block .icon::after { content: ''; display: block; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 70%; height: 70%; } @media only screen and (min-width: 768px) { .webapp .hp-notifications-list-block table thead { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); border-radius: 4px; } .webapp .hp-notifications-list-block table thead tr { display: grid; grid-template-columns: 1.5fr 2fr 4fr 0.5fr 0.5fr; width: 100%; } .webapp .hp-notifications-list-block table thead th:not(.mobile) { display: block; } .webapp .hp-notifications-list-block table thead th.mobile { display: none; } } .notifications-list ul { margin: 0; } .notifications-list ul.uk-accordion li { background-color: #fff; } .notifications-list ul .toggle { max-width: 30px; } .notifications-list ul .uk-icon svg { transition: transform 0.3s ease-in-out; transform-origin: center; } .notifications-list ul .uk-open .uk-icon svg { transform: rotate(180deg); } .notifications-list ul .uk-open .uk-accordion-title { background-color: #125252; color: #fff; } .notifications-list ul.mypower .uk-open .uk-accordion-title { background-color: #c14d34; } .notifications-list ul.mypower .uk-open .uk-accordion-title .toggle { color: #fff; } .notifications-list .uk-accordion-title { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 0.5fr; grid-template-rows: 1fr 1fr 1fr; grid-template-areas: 'title title title . .' 'type type type status toggle' 'date date date . .'; font-size: inherit; border-radius: 4px; padding: 8px; } .notifications-list .uk-accordion-title::before { display: none; } .notifications-list .uk-accordion-title .title { grid-area: title; } .notifications-list .uk-accordion-title .type { grid-area: type; margin-left: 43px; } .notifications-list .uk-accordion-title .date { grid-area: date; margin-left: 43px; } .notifications-list .uk-accordion-title .read { grid-area: status; margin-left: 8px; } .notifications-list .uk-accordion-title .toggle { grid-area: toggle; } .notifications-list .uk-accordion-content { border-radius: 4px; margin-top: 0; padding: 24px; } .notifications-list .title { display: flex; align-items: center; } .notifications-list .read > div:not(.read) { background-color: #337a58; border-radius: 50%; width: 24px; height: 24px; } .notifications-list .type { display: flex; align-items: center; } .notifications-list .category .icon { width: 35px; height: 35px; } .notifications-list .category .icon::after { background-color: #fff; } .notifications-list .category.power-outage .icon { background-color: #c14d34; } .notifications-list .category.power-outage .icon::after { -webkit-mask-image: url('/svg/icons/icon-power-outage.svg'); mask-image: url('/svg/icons/icon-power-outage.svg'); } .notifications-list .category.scheduled-outage .icon { background-color: #00344f; } .notifications-list .category.scheduled-outage .icon::after { -webkit-mask-image: url('/svg/components/outages-panel/icon-maintenance-alt.svg'); mask-image: url('/svg/components/outages-panel/icon-maintenance-alt.svg'); } .notifications-list .category.billing--payments .icon { background-color: #125252; } .notifications-list .category.billing--payments .icon::after { width: 60%; height: 60%; -webkit-mask-image: url('/svg/webapp/icon-fee.svg'); mask-image: url('/svg/webapp/icon-fee.svg'); } .notifications-list .category.alert .icon { background-color: rgba(0, 0, 0, 0); } .notifications-list .category.alert .icon::after { width: 100%; height: 100%; background-color: #eba70e; -webkit-mask-image: url('/svg/icons/icon-outages-faults-solid.svg'); mask-image: url('/svg/icons/icon-outages-faults-solid.svg'); } .notifications-list .category.sunshine .icon { height: 50px; justify-content: flex-start; } .notifications-list .category.sunshine .icon::after { width: 100%; background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-image: url('/svg/icons/sunshine_saver.svg'); } .notifications-list .category.mypower .icon { height: 50px; justify-content: flex-start; } .notifications-list .category.mypower .icon::after { width: 100%; background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-image: url('/svg/icons/icon-power-exceeded.svg'); } @media only screen and (min-width: 768px) { .notifications-list .uk-accordion-title { grid-template-columns: 1.5fr 2fr 4fr 0.5fr 0.5fr; grid-template-rows: 1fr; padding: 0; } .notifications-list .uk-accordion-title > div, .notifications-list .uk-accordion-title a { padding: 24px; } .notifications-list .uk-accordion-title .title { grid-area: auto; } .notifications-list .uk-accordion-title .type { grid-area: auto; margin-left: 0; } .notifications-list .uk-accordion-title .date { grid-area: auto; margin-left: 0; } .notifications-list .uk-accordion-title .read { grid-area: auto; margin-left: 0; } .notifications-list .uk-accordion-title .toggle { grid-area: auto; } } .hp-manage-account-block { background-color: #fff; } .hp-manage-account-block .title { color: #00344f; } .hp-manage-account-block .account-actions { display: grid; grid-template-columns: 1fr; list-style: none; margin: 0; padding: 0; } .hp-manage-account-block .action { border-top: 1px solid #c8c9ca; padding: 24px 0; } .hp-manage-account-block .icon { max-width: 48px; margin-bottom: 24px; } .hp-manage-account-block .icon svg { fill: none; } .hp-manage-account-block .link { list-style: none; margin: 0; padding: 0; } .hp-manage-account-block .links { list-style: none; margin: 0; padding: 0; } .hp-manage-account-block .links li:not(:last-child) { margin-bottom: 16px; } @media only screen and (min-width: 768px) { .hp-manage-account-block .account-actions { grid-template-columns: 1fr 1fr; -moz-column-gap: 24px; column-gap: 24px; } } @media only screen and (min-width: 1280px) { .hp-manage-account-block .account-actions { padding-top: 8px; grid-template-columns: 1fr 1fr 1fr 1fr; } } .hp-manage-alerts-block .account-info > div > .title { background-color: #125252; } .hp-manage-alerts-block .account-info > div > .title h2 { color: #fff; } .hp-manage-alerts-block .subtitle { background-color: #99c8cb; padding: 16px; } .hp-manage-alerts-block .subtitle * { margin: 0; } .hp-manage-alerts-block .subheading { color: #00757d; } .hp-manage-alerts-block li { padding: 16px 16px 0; } .hp-manage-alerts-block li:not(:last-child) { border-bottom: 1px solid #00344f; } .hp-manage-alerts-block li > div:nth-child(n + 3) { border-top: 1px solid #00344f; padding-top: 16px; } .hp-manage-alerts-block .alert-category { padding: 16px 0; } .hp-manage-alerts-block .manage-alert-alert { display: flex; margin-bottom: 24px; } .hp-manage-alerts-block .manage-alert-alert .icon { display: block; width: 32px; height: 32px; margin-right: 16px; } .hp-manage-alerts-block .manage-alert-alert .icon svg * { fill: none; stroke: #125252; } .hp-manage-alerts-block .manage-alert-alert .type-title { font-weight: bold; } .hp-manage-alerts-block .manage-alert-alert .alert-options { margin-top: 24px; } .hp-manage-alerts-block .actions { text-align: center; } @media only screen and (min-width: 768px) { .hp-manage-alerts-block .manage-alert-alert .description { max-width: 200px; } .hp-manage-alerts-block .manage-alert-alert .icon { width: 64px; height: 64px; margin: 0 16px 0 0; } .hp-manage-alerts-block .manage-alert-alert .content { display: flex; align-items: center; flex-grow: 1; } .hp-manage-alerts-block .manage-alert-alert .alert-options { margin-left: auto; margin-top: 0; } .hp-manage-alerts-block .manage-alert-alert .alert-options .option { padding-right: 45px; } } @media only screen and (min-width: 1280px) { .hp-manage-alerts-block .manage-alert-alert .description { max-width: none; } .hp-manage-alerts-block .manage-alert-alert .icon { width: 64px; height: 64px; margin: 0 24px 0 0; } .hp-manage-alerts-block .manage-alert-alert .content { display: flex; align-items: center; flex-grow: 1; } .hp-manage-alerts-block .manage-alert-alert .alert-options { margin-left: auto; margin-top: 0; flex-shrink: 0; } .hp-manage-alerts-block .manage-alert-alert .alert-options .option { padding-right: 55px; } .hp-manage-alerts-block .manage-alert-alert .alert-options .option::before, .hp-manage-alerts-block .manage-alert-alert .alert-options .option::after { width: 44px; height: 44px; transform: translateY(-8px); } } .hp-account-switcher-block { background-color: #f1eeeb; color: #00344f; position: relative; z-index: 998; } .hp-account-switcher-block .hp-container, .hp-account-switcher-block .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-account-switcher-block .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .hp-account-switcher-block .subheading { display: flex; align-items: center; font-size: 16px; } .hp-account-switcher-block .subheading address { text-transform: capitalize; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 160px; } .hp-account-switcher-block .subheading .account { margin-right: 8px; font-weight: 300; } .hp-account-switcher-block span.icon { width: 24px; height: 24px; } .hp-account-switcher-block span.icon svg * { fill: #c14d34; } .hp-account-switcher-block .toggle-accounts { color: #c14d34; text-decoration: underline; } .hp-account-switcher-block address { display: inline-block; margin: 0 0 0 8px; } @media only screen and (min-width: 400px) { .hp-account-switcher-block .subheading address { max-width: 200px; } } @media only screen and (min-width: 450px) { .hp-account-switcher-block .subheading address { max-width: 260px; } } @media only screen and (min-width: 500px) { .hp-account-switcher-block .subheading address { max-width: 350px; } } @media only screen and (min-width: 1280px) { .hp-account-switcher-block .subheading address { max-width: none; } } #modal-account-switcher .uk-modal-title { font-weight: 600; } .hp-account-summary-block .hp-container, .hp-account-summary-block .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-account-summary-block .right > div > .uk-grid, .hp-account-summary-block .hp-padding { padding-top: 0; } .hp-account-summary-block .title { color: #00344f; } .hp-account-summary-block .account-info .account-details .tariff, .hp-account-summary-block .account-info .account-details .scheme { font-size: 14px; line-height: 20px; } .hp-account-summary-block .hp-container, .hp-account-summary-block .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-account-summary-block .right > div > .uk-grid, .hp-account-summary-block .hp-padding { padding-top: 0; } .hp-account-summary-block .title { color: #00344f; } .hp-account-summary-block .account-info .account-details .tariff, .hp-account-summary-block .account-info .account-details .scheme { font-size: 14px; line-height: 20px; } .accordionlistingblock .refresh-container { display: block; justify-content: space-between; margin-bottom: 16px; } .accordionlistingblock .refresh-container .icon { display: inline-block; width: 24px; transform: translateY(-3px); margin-right: 5px; } .accordionlistingblock .refresh-page { display: flex; align-items: center; -moz-column-gap: 8px; column-gap: 8px; justify-content: space-between; } .accordionlistingblock .refresh-btn { color: #214187; } .accordionlistingblock .refresh-btn .title { text-decoration: underline; } .accordionlistingblock .uk-border-top { border-top: 1px solid #125252 !important; } .accordionlistingblock .uk-background-cover .hp-container .hp-padding, .accordionlistingblock .uk-background-cover .left-right-content .left-content .right > div > .uk-grid .hp-padding, .left-right-content .left-content .accordionlistingblock .uk-background-cover .right > div > .uk-grid .hp-padding { padding: 16px 0; } @media only screen and (min-width: 768px) { .accordionlistingblock .uk-background-cover .hp-container .hp-padding, .accordionlistingblock .uk-background-cover .left-right-content .left-content .right > div > .uk-grid .hp-padding, .left-right-content .left-content .accordionlistingblock .uk-background-cover .right > div > .uk-grid .hp-padding { padding: 24px; } } @media only screen and (min-width: 768px) { .accordionlistingblock .refresh-container { display: flex; } .accordionlistingblock .refresh-page { justify-content: flex-start; } } .account-info .status::after { width: 20px; height: 20px; } li.account-next-bill .actions { padding-top: 48px; } li.account-next-bill span.icon { display: inline-block; width: 64px; height: 64px; margin-bottom: 8px; } li.account-next-bill svg * { fill: none; stroke: #00757d; } li.account-next-bill .intro { border-bottom: 1px solid #125252; } li.account-next-bill .next-bill-title { display: flex; align-items: center; font-weight: 600; } li.account-next-bill .next-bill-title::before { background-color: #e4e4e4; content: ''; width: 20px; height: 20px; border-radius: 50%; margin: 0 8px 0 5px; } li.account-next-bill .next-bill-title .value { margin-left: 8px; color: #c14d34; } li.account-next-bill .next-bill-chart { height: 100px; } .hp-account-link-accounts-block:not(.pay-account) li.account { cursor: auto; } .hp-account-link-accounts-block { color: #00344f; position: relative; } .hp-account-link-accounts-block span.icon svg * { fill: #c14d34; } .hp-account-link-accounts-block .results-list { padding: 0; margin-top: 24px; } .hp-account-link-accounts-block .results-list .properties { padding-left: 0; } .hp-account-link-accounts-block .results-summary { margin-top: 16px; } .hp-account-link-accounts-block .actions .uk-button:not(:first-child), .hp-account-link-accounts-block .actions .Form__NavigationBar .btnPrev:not(:first-child), .Form__NavigationBar .hp-account-link-accounts-block .actions .btnPrev:not(:first-child), .hp-account-link-accounts-block .actions .Form__NavigationBar .btnNext:not(:first-child), .Form__NavigationBar .hp-account-link-accounts-block .actions .btnNext:not(:first-child), .hp-account-link-accounts-block .actions form input[type='reset']:not(:first-child), form .hp-account-link-accounts-block .actions input[type='reset']:not(:first-child), .hp-account-link-accounts-block .actions form button.FormSubmitButton:not(:first-child), form .hp-account-link-accounts-block .actions button.FormSubmitButton:not(:first-child), .hp-account-link-accounts-block .actions .FormButton:not(:first-child) { margin-top: 16px; } .hp-account-link-accounts-block .uk-button.desert-primary, .hp-account-link-accounts-block .Form__NavigationBar .desert-primary.btnPrev, .Form__NavigationBar .hp-account-link-accounts-block .desert-primary.btnPrev, .hp-account-link-accounts-block .Form__NavigationBar .desert-primary.btnNext, .Form__NavigationBar .hp-account-link-accounts-block .desert-primary.btnNext, .hp-account-link-accounts-block form input.desert-primary[type='reset'], form .hp-account-link-accounts-block input.desert-primary[type='reset'], .hp-account-link-accounts-block form button.desert-primary.FormSubmitButton, form .hp-account-link-accounts-block button.desert-primary.FormSubmitButton, .hp-account-link-accounts-block .desert-primary.FormButton, .hp-account-link-accounts-block .webapp .account-info.theme-desert .uk-button.primary, .webapp .account-info.theme-desert .hp-account-link-accounts-block .uk-button.primary, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.uk-button.primary, .Form__NavigationBar .webapp .account-info.theme-desert .hp-account-link-accounts-block .btnPrev.uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.uk-button.primary, .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block .btnPrev.uk-button.primary, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.uk-button.primary, .Form__NavigationBar .webapp .account-info.theme-desert .hp-account-link-accounts-block .btnNext.uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.uk-button.primary, .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block .btnNext.uk-button.primary, .hp-account-link-accounts-block form .webapp .account-info.theme-desert input[type='reset'].uk-button.primary, form .webapp .account-info.theme-desert .hp-account-link-accounts-block input[type='reset'].uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-desert form input[type='reset'].uk-button.primary, .webapp .account-info.theme-desert form .hp-account-link-accounts-block input[type='reset'].uk-button.primary, .hp-account-link-accounts-block form .webapp .account-info.theme-desert button.FormSubmitButton.uk-button.primary, form .webapp .account-info.theme-desert .hp-account-link-accounts-block button.FormSubmitButton.uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-desert form button.FormSubmitButton.uk-button.primary, .webapp .account-info.theme-desert form .hp-account-link-accounts-block button.FormSubmitButton.uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-desert .FormButton.uk-button.primary, .webapp .account-info.theme-desert .hp-account-link-accounts-block .FormButton.uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-desert .Form__NavigationBar .uk-button.primary.btnPrev, .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block .uk-button.primary.btnPrev, .hp-account-link-accounts-block .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.primary, .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block .btnPrev.primary, .hp-account-link-accounts-block .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.primary.btnPrev, .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block .btnNext.primary.btnPrev, .hp-account-link-accounts-block form .webapp .account-info.theme-desert .Form__NavigationBar input[type='reset'].primary.btnPrev, form .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block input[type='reset'].primary.btnPrev, .hp-account-link-accounts-block .webapp .account-info.theme-desert .Form__NavigationBar form input[type='reset'].primary.btnPrev, .webapp .account-info.theme-desert .Form__NavigationBar form .hp-account-link-accounts-block input[type='reset'].primary.btnPrev, .hp-account-link-accounts-block form .webapp .account-info.theme-desert .Form__NavigationBar button.FormSubmitButton.primary.btnPrev, form .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block button.FormSubmitButton.primary.btnPrev, .hp-account-link-accounts-block .webapp .account-info.theme-desert .Form__NavigationBar form button.FormSubmitButton.primary.btnPrev, .webapp .account-info.theme-desert .Form__NavigationBar form .hp-account-link-accounts-block button.FormSubmitButton.primary.btnPrev, .hp-account-link-accounts-block .webapp .account-info.theme-desert .Form__NavigationBar .FormButton.primary.btnPrev, .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block .FormButton.primary.btnPrev, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert .uk-button.primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-desert .hp-account-link-accounts-block .uk-button.primary.btnPrev, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.primary, .Form__NavigationBar .webapp .account-info.theme-desert .hp-account-link-accounts-block .btnPrev.primary, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-desert .hp-account-link-accounts-block .btnNext.primary.btnPrev, .hp-account-link-accounts-block form .Form__NavigationBar .webapp .account-info.theme-desert input[type='reset'].primary.btnPrev, form .Form__NavigationBar .webapp .account-info.theme-desert .hp-account-link-accounts-block input[type='reset'].primary.btnPrev, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert form input[type='reset'].primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-desert form .hp-account-link-accounts-block input[type='reset'].primary.btnPrev, .hp-account-link-accounts-block form .Form__NavigationBar .webapp .account-info.theme-desert button.FormSubmitButton.primary.btnPrev, form .Form__NavigationBar .webapp .account-info.theme-desert .hp-account-link-accounts-block button.FormSubmitButton.primary.btnPrev, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert form button.FormSubmitButton.primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-desert form .hp-account-link-accounts-block button.FormSubmitButton.primary.btnPrev, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert .FormButton.primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-desert .hp-account-link-accounts-block .FormButton.primary.btnPrev, .hp-account-link-accounts-block .webapp .account-info.theme-desert .Form__NavigationBar .uk-button.primary.btnNext, .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block .uk-button.primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.primary.btnNext, .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block .btnPrev.primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.primary, .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block .btnNext.primary, .hp-account-link-accounts-block form .webapp .account-info.theme-desert .Form__NavigationBar input[type='reset'].primary.btnNext, form .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block input[type='reset'].primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-desert .Form__NavigationBar form input[type='reset'].primary.btnNext, .webapp .account-info.theme-desert .Form__NavigationBar form .hp-account-link-accounts-block input[type='reset'].primary.btnNext, .hp-account-link-accounts-block form .webapp .account-info.theme-desert .Form__NavigationBar button.FormSubmitButton.primary.btnNext, form .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block button.FormSubmitButton.primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-desert .Form__NavigationBar form button.FormSubmitButton.primary.btnNext, .webapp .account-info.theme-desert .Form__NavigationBar form .hp-account-link-accounts-block button.FormSubmitButton.primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-desert .Form__NavigationBar .FormButton.primary.btnNext, .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block .FormButton.primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert .uk-button.primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-desert .hp-account-link-accounts-block .uk-button.primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-desert .hp-account-link-accounts-block .btnPrev.primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.primary, .Form__NavigationBar .webapp .account-info.theme-desert .hp-account-link-accounts-block .btnNext.primary, .hp-account-link-accounts-block form .Form__NavigationBar .webapp .account-info.theme-desert input[type='reset'].primary.btnNext, form .Form__NavigationBar .webapp .account-info.theme-desert .hp-account-link-accounts-block input[type='reset'].primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert form input[type='reset'].primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-desert form .hp-account-link-accounts-block input[type='reset'].primary.btnNext, .hp-account-link-accounts-block form .Form__NavigationBar .webapp .account-info.theme-desert button.FormSubmitButton.primary.btnNext, form .Form__NavigationBar .webapp .account-info.theme-desert .hp-account-link-accounts-block button.FormSubmitButton.primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert form button.FormSubmitButton.primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-desert form .hp-account-link-accounts-block button.FormSubmitButton.primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert .FormButton.primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-desert .hp-account-link-accounts-block .FormButton.primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-desert form input.uk-button.primary[type='reset'], .webapp .account-info.theme-desert form .hp-account-link-accounts-block input.uk-button.primary[type='reset'], .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert form input.btnPrev.primary[type='reset'], .Form__NavigationBar .webapp .account-info.theme-desert form .hp-account-link-accounts-block input.btnPrev.primary[type='reset'], .hp-account-link-accounts-block .webapp .account-info.theme-desert form .Form__NavigationBar input.btnPrev.primary[type='reset'], .webapp .account-info.theme-desert form .Form__NavigationBar .hp-account-link-accounts-block input.btnPrev.primary[type='reset'], .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert form input.btnNext.primary[type='reset'], .Form__NavigationBar .webapp .account-info.theme-desert form .hp-account-link-accounts-block input.btnNext.primary[type='reset'], .hp-account-link-accounts-block .webapp .account-info.theme-desert form .Form__NavigationBar input.btnNext.primary[type='reset'], .webapp .account-info.theme-desert form .Form__NavigationBar .hp-account-link-accounts-block input.btnNext.primary[type='reset'], .hp-account-link-accounts-block .webapp .account-info.theme-desert form input[type='reset'].primary, .webapp .account-info.theme-desert form .hp-account-link-accounts-block input[type='reset'].primary, .hp-account-link-accounts-block .webapp .account-info.theme-desert form input.FormButton.primary[type='reset'], .webapp .account-info.theme-desert form .hp-account-link-accounts-block input.FormButton.primary[type='reset'], .hp-account-link-accounts-block form .webapp .account-info.theme-desert input.uk-button.primary[type='reset'], form .webapp .account-info.theme-desert .hp-account-link-accounts-block input.uk-button.primary[type='reset'], .hp-account-link-accounts-block .Form__NavigationBar form .webapp .account-info.theme-desert input.btnPrev.primary[type='reset'], .Form__NavigationBar form .webapp .account-info.theme-desert .hp-account-link-accounts-block input.btnPrev.primary[type='reset'], .hp-account-link-accounts-block form .webapp .account-info.theme-desert .Form__NavigationBar input.btnPrev.primary[type='reset'], form .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block input.btnPrev.primary[type='reset'], .hp-account-link-accounts-block .Form__NavigationBar form .webapp .account-info.theme-desert input.btnNext.primary[type='reset'], .Form__NavigationBar form .webapp .account-info.theme-desert .hp-account-link-accounts-block input.btnNext.primary[type='reset'], .hp-account-link-accounts-block form .webapp .account-info.theme-desert .Form__NavigationBar input.btnNext.primary[type='reset'], form .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block input.btnNext.primary[type='reset'], .hp-account-link-accounts-block form .webapp .account-info.theme-desert input[type='reset'].primary, form .webapp .account-info.theme-desert .hp-account-link-accounts-block input[type='reset'].primary, .hp-account-link-accounts-block form .webapp .account-info.theme-desert input.FormButton.primary[type='reset'], form .webapp .account-info.theme-desert .hp-account-link-accounts-block input.FormButton.primary[type='reset'], .hp-account-link-accounts-block .webapp .account-info.theme-desert form button.uk-button.primary.FormSubmitButton, .webapp .account-info.theme-desert form .hp-account-link-accounts-block button.uk-button.primary.FormSubmitButton, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert form button.btnPrev.primary.FormSubmitButton, .Form__NavigationBar .webapp .account-info.theme-desert form .hp-account-link-accounts-block button.btnPrev.primary.FormSubmitButton, .hp-account-link-accounts-block .webapp .account-info.theme-desert form .Form__NavigationBar button.btnPrev.primary.FormSubmitButton, .webapp .account-info.theme-desert form .Form__NavigationBar .hp-account-link-accounts-block button.btnPrev.primary.FormSubmitButton, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert form button.btnNext.primary.FormSubmitButton, .Form__NavigationBar .webapp .account-info.theme-desert form .hp-account-link-accounts-block button.btnNext.primary.FormSubmitButton, .hp-account-link-accounts-block .webapp .account-info.theme-desert form .Form__NavigationBar button.btnNext.primary.FormSubmitButton, .webapp .account-info.theme-desert form .Form__NavigationBar .hp-account-link-accounts-block button.btnNext.primary.FormSubmitButton, .hp-account-link-accounts-block .webapp .account-info.theme-desert form button.FormSubmitButton.primary, .webapp .account-info.theme-desert form .hp-account-link-accounts-block button.FormSubmitButton.primary, .hp-account-link-accounts-block .webapp .account-info.theme-desert form button.FormButton.primary.FormSubmitButton, .webapp .account-info.theme-desert form .hp-account-link-accounts-block button.FormButton.primary.FormSubmitButton, .hp-account-link-accounts-block form .webapp .account-info.theme-desert button.uk-button.primary.FormSubmitButton, form .webapp .account-info.theme-desert .hp-account-link-accounts-block button.uk-button.primary.FormSubmitButton, .hp-account-link-accounts-block .Form__NavigationBar form .webapp .account-info.theme-desert button.btnPrev.primary.FormSubmitButton, .Form__NavigationBar form .webapp .account-info.theme-desert .hp-account-link-accounts-block button.btnPrev.primary.FormSubmitButton, .hp-account-link-accounts-block form .webapp .account-info.theme-desert .Form__NavigationBar button.btnPrev.primary.FormSubmitButton, form .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block button.btnPrev.primary.FormSubmitButton, .hp-account-link-accounts-block .Form__NavigationBar form .webapp .account-info.theme-desert button.btnNext.primary.FormSubmitButton, .Form__NavigationBar form .webapp .account-info.theme-desert .hp-account-link-accounts-block button.btnNext.primary.FormSubmitButton, .hp-account-link-accounts-block form .webapp .account-info.theme-desert .Form__NavigationBar button.btnNext.primary.FormSubmitButton, form .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block button.btnNext.primary.FormSubmitButton, .hp-account-link-accounts-block form .webapp .account-info.theme-desert button.FormSubmitButton.primary, form .webapp .account-info.theme-desert .hp-account-link-accounts-block button.FormSubmitButton.primary, .hp-account-link-accounts-block form .webapp .account-info.theme-desert button.FormButton.primary.FormSubmitButton, form .webapp .account-info.theme-desert .hp-account-link-accounts-block button.FormButton.primary.FormSubmitButton, .hp-account-link-accounts-block .webapp .account-info.theme-desert .uk-button.primary.FormButton, .webapp .account-info.theme-desert .hp-account-link-accounts-block .uk-button.primary.FormButton, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert .btnPrev.primary.FormButton, .Form__NavigationBar .webapp .account-info.theme-desert .hp-account-link-accounts-block .btnPrev.primary.FormButton, .hp-account-link-accounts-block .webapp .account-info.theme-desert .Form__NavigationBar .btnPrev.primary.FormButton, .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block .btnPrev.primary.FormButton, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-desert .btnNext.primary.FormButton, .Form__NavigationBar .webapp .account-info.theme-desert .hp-account-link-accounts-block .btnNext.primary.FormButton, .hp-account-link-accounts-block .webapp .account-info.theme-desert .Form__NavigationBar .btnNext.primary.FormButton, .webapp .account-info.theme-desert .Form__NavigationBar .hp-account-link-accounts-block .btnNext.primary.FormButton, .hp-account-link-accounts-block form .webapp .account-info.theme-desert input[type='reset'].primary.FormButton, form .webapp .account-info.theme-desert .hp-account-link-accounts-block input[type='reset'].primary.FormButton, .hp-account-link-accounts-block .webapp .account-info.theme-desert form input[type='reset'].primary.FormButton, .webapp .account-info.theme-desert form .hp-account-link-accounts-block input[type='reset'].primary.FormButton, .hp-account-link-accounts-block form .webapp .account-info.theme-desert button.FormSubmitButton.primary.FormButton, form .webapp .account-info.theme-desert .hp-account-link-accounts-block button.FormSubmitButton.primary.FormButton, .hp-account-link-accounts-block .webapp .account-info.theme-desert form button.FormSubmitButton.primary.FormButton, .webapp .account-info.theme-desert form .hp-account-link-accounts-block button.FormSubmitButton.primary.FormButton, .hp-account-link-accounts-block .webapp .account-info.theme-desert .FormButton.primary, .webapp .account-info.theme-desert .hp-account-link-accounts-block .FormButton.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .uk-button.primary, .webapp .account-info.theme-core-dark .hp-account-link-accounts-block .uk-button.primary, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.uk-button.primary, .Form__NavigationBar .webapp .account-info.theme-core-dark .hp-account-link-accounts-block .btnPrev.uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.uk-button.primary, .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block .btnPrev.uk-button.primary, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.uk-button.primary, .Form__NavigationBar .webapp .account-info.theme-core-dark .hp-account-link-accounts-block .btnNext.uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.uk-button.primary, .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block .btnNext.uk-button.primary, .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark input[type='reset'].uk-button.primary, form .webapp .account-info.theme-core-dark .hp-account-link-accounts-block input[type='reset'].uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark form input[type='reset'].uk-button.primary, .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block input[type='reset'].uk-button.primary, .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark button.FormSubmitButton.uk-button.primary, form .webapp .account-info.theme-core-dark .hp-account-link-accounts-block button.FormSubmitButton.uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark form button.FormSubmitButton.uk-button.primary, .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block button.FormSubmitButton.uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .FormButton.uk-button.primary, .webapp .account-info.theme-core-dark .hp-account-link-accounts-block .FormButton.uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .Form__NavigationBar .uk-button.primary.btnPrev, .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block .uk-button.primary.btnPrev, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.primary, .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block .btnPrev.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.primary.btnPrev, .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block .btnNext.primary.btnPrev, .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark .Form__NavigationBar input[type='reset'].primary.btnPrev, form .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block input[type='reset'].primary.btnPrev, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .Form__NavigationBar form input[type='reset'].primary.btnPrev, .webapp .account-info.theme-core-dark .Form__NavigationBar form .hp-account-link-accounts-block input[type='reset'].primary.btnPrev, .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark .Form__NavigationBar button.FormSubmitButton.primary.btnPrev, form .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block button.FormSubmitButton.primary.btnPrev, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .Form__NavigationBar form button.FormSubmitButton.primary.btnPrev, .webapp .account-info.theme-core-dark .Form__NavigationBar form .hp-account-link-accounts-block button.FormSubmitButton.primary.btnPrev, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .Form__NavigationBar .FormButton.primary.btnPrev, .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block .FormButton.primary.btnPrev, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark .uk-button.primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-dark .hp-account-link-accounts-block .uk-button.primary.btnPrev, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.primary, .Form__NavigationBar .webapp .account-info.theme-core-dark .hp-account-link-accounts-block .btnPrev.primary, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-dark .hp-account-link-accounts-block .btnNext.primary.btnPrev, .hp-account-link-accounts-block form .Form__NavigationBar .webapp .account-info.theme-core-dark input[type='reset'].primary.btnPrev, form .Form__NavigationBar .webapp .account-info.theme-core-dark .hp-account-link-accounts-block input[type='reset'].primary.btnPrev, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark form input[type='reset'].primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block input[type='reset'].primary.btnPrev, .hp-account-link-accounts-block form .Form__NavigationBar .webapp .account-info.theme-core-dark button.FormSubmitButton.primary.btnPrev, form .Form__NavigationBar .webapp .account-info.theme-core-dark .hp-account-link-accounts-block button.FormSubmitButton.primary.btnPrev, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark form button.FormSubmitButton.primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block button.FormSubmitButton.primary.btnPrev, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark .FormButton.primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-dark .hp-account-link-accounts-block .FormButton.primary.btnPrev, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .Form__NavigationBar .uk-button.primary.btnNext, .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block .uk-button.primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.primary.btnNext, .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block .btnPrev.primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.primary, .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block .btnNext.primary, .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark .Form__NavigationBar input[type='reset'].primary.btnNext, form .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block input[type='reset'].primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .Form__NavigationBar form input[type='reset'].primary.btnNext, .webapp .account-info.theme-core-dark .Form__NavigationBar form .hp-account-link-accounts-block input[type='reset'].primary.btnNext, .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark .Form__NavigationBar button.FormSubmitButton.primary.btnNext, form .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block button.FormSubmitButton.primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .Form__NavigationBar form button.FormSubmitButton.primary.btnNext, .webapp .account-info.theme-core-dark .Form__NavigationBar form .hp-account-link-accounts-block button.FormSubmitButton.primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .Form__NavigationBar .FormButton.primary.btnNext, .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block .FormButton.primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark .uk-button.primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-dark .hp-account-link-accounts-block .uk-button.primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-dark .hp-account-link-accounts-block .btnPrev.primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.primary, .Form__NavigationBar .webapp .account-info.theme-core-dark .hp-account-link-accounts-block .btnNext.primary, .hp-account-link-accounts-block form .Form__NavigationBar .webapp .account-info.theme-core-dark input[type='reset'].primary.btnNext, form .Form__NavigationBar .webapp .account-info.theme-core-dark .hp-account-link-accounts-block input[type='reset'].primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark form input[type='reset'].primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block input[type='reset'].primary.btnNext, .hp-account-link-accounts-block form .Form__NavigationBar .webapp .account-info.theme-core-dark button.FormSubmitButton.primary.btnNext, form .Form__NavigationBar .webapp .account-info.theme-core-dark .hp-account-link-accounts-block button.FormSubmitButton.primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark form button.FormSubmitButton.primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block button.FormSubmitButton.primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark .FormButton.primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-dark .hp-account-link-accounts-block .FormButton.primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark form input.uk-button.primary[type='reset'], .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block input.uk-button.primary[type='reset'], .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark form input.btnPrev.primary[type='reset'], .Form__NavigationBar .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block input.btnPrev.primary[type='reset'], .hp-account-link-accounts-block .webapp .account-info.theme-core-dark form .Form__NavigationBar input.btnPrev.primary[type='reset'], .webapp .account-info.theme-core-dark form .Form__NavigationBar .hp-account-link-accounts-block input.btnPrev.primary[type='reset'], .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark form input.btnNext.primary[type='reset'], .Form__NavigationBar .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block input.btnNext.primary[type='reset'], .hp-account-link-accounts-block .webapp .account-info.theme-core-dark form .Form__NavigationBar input.btnNext.primary[type='reset'], .webapp .account-info.theme-core-dark form .Form__NavigationBar .hp-account-link-accounts-block input.btnNext.primary[type='reset'], .hp-account-link-accounts-block .webapp .account-info.theme-core-dark form input[type='reset'].primary, .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block input[type='reset'].primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark form input.FormButton.primary[type='reset'], .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block input.FormButton.primary[type='reset'], .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark input.uk-button.primary[type='reset'], form .webapp .account-info.theme-core-dark .hp-account-link-accounts-block input.uk-button.primary[type='reset'], .hp-account-link-accounts-block .Form__NavigationBar form .webapp .account-info.theme-core-dark input.btnPrev.primary[type='reset'], .Form__NavigationBar form .webapp .account-info.theme-core-dark .hp-account-link-accounts-block input.btnPrev.primary[type='reset'], .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark .Form__NavigationBar input.btnPrev.primary[type='reset'], form .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block input.btnPrev.primary[type='reset'], .hp-account-link-accounts-block .Form__NavigationBar form .webapp .account-info.theme-core-dark input.btnNext.primary[type='reset'], .Form__NavigationBar form .webapp .account-info.theme-core-dark .hp-account-link-accounts-block input.btnNext.primary[type='reset'], .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark .Form__NavigationBar input.btnNext.primary[type='reset'], form .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block input.btnNext.primary[type='reset'], .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark input[type='reset'].primary, form .webapp .account-info.theme-core-dark .hp-account-link-accounts-block input[type='reset'].primary, .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark input.FormButton.primary[type='reset'], form .webapp .account-info.theme-core-dark .hp-account-link-accounts-block input.FormButton.primary[type='reset'], .hp-account-link-accounts-block .webapp .account-info.theme-core-dark form button.uk-button.primary.FormSubmitButton, .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block button.uk-button.primary.FormSubmitButton, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark form button.btnPrev.primary.FormSubmitButton, .Form__NavigationBar .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block button.btnPrev.primary.FormSubmitButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark form .Form__NavigationBar button.btnPrev.primary.FormSubmitButton, .webapp .account-info.theme-core-dark form .Form__NavigationBar .hp-account-link-accounts-block button.btnPrev.primary.FormSubmitButton, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark form button.btnNext.primary.FormSubmitButton, .Form__NavigationBar .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block button.btnNext.primary.FormSubmitButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark form .Form__NavigationBar button.btnNext.primary.FormSubmitButton, .webapp .account-info.theme-core-dark form .Form__NavigationBar .hp-account-link-accounts-block button.btnNext.primary.FormSubmitButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark form button.FormSubmitButton.primary, .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block button.FormSubmitButton.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark form button.FormButton.primary.FormSubmitButton, .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block button.FormButton.primary.FormSubmitButton, .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark button.uk-button.primary.FormSubmitButton, form .webapp .account-info.theme-core-dark .hp-account-link-accounts-block button.uk-button.primary.FormSubmitButton, .hp-account-link-accounts-block .Form__NavigationBar form .webapp .account-info.theme-core-dark button.btnPrev.primary.FormSubmitButton, .Form__NavigationBar form .webapp .account-info.theme-core-dark .hp-account-link-accounts-block button.btnPrev.primary.FormSubmitButton, .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark .Form__NavigationBar button.btnPrev.primary.FormSubmitButton, form .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block button.btnPrev.primary.FormSubmitButton, .hp-account-link-accounts-block .Form__NavigationBar form .webapp .account-info.theme-core-dark button.btnNext.primary.FormSubmitButton, .Form__NavigationBar form .webapp .account-info.theme-core-dark .hp-account-link-accounts-block button.btnNext.primary.FormSubmitButton, .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark .Form__NavigationBar button.btnNext.primary.FormSubmitButton, form .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block button.btnNext.primary.FormSubmitButton, .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark button.FormSubmitButton.primary, form .webapp .account-info.theme-core-dark .hp-account-link-accounts-block button.FormSubmitButton.primary, .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark button.FormButton.primary.FormSubmitButton, form .webapp .account-info.theme-core-dark .hp-account-link-accounts-block button.FormButton.primary.FormSubmitButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .uk-button.primary.FormButton, .webapp .account-info.theme-core-dark .hp-account-link-accounts-block .uk-button.primary.FormButton, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark .btnPrev.primary.FormButton, .Form__NavigationBar .webapp .account-info.theme-core-dark .hp-account-link-accounts-block .btnPrev.primary.FormButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .Form__NavigationBar .btnPrev.primary.FormButton, .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block .btnPrev.primary.FormButton, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-dark .btnNext.primary.FormButton, .Form__NavigationBar .webapp .account-info.theme-core-dark .hp-account-link-accounts-block .btnNext.primary.FormButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .Form__NavigationBar .btnNext.primary.FormButton, .webapp .account-info.theme-core-dark .Form__NavigationBar .hp-account-link-accounts-block .btnNext.primary.FormButton, .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark input[type='reset'].primary.FormButton, form .webapp .account-info.theme-core-dark .hp-account-link-accounts-block input[type='reset'].primary.FormButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark form input[type='reset'].primary.FormButton, .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block input[type='reset'].primary.FormButton, .hp-account-link-accounts-block form .webapp .account-info.theme-core-dark button.FormSubmitButton.primary.FormButton, form .webapp .account-info.theme-core-dark .hp-account-link-accounts-block button.FormSubmitButton.primary.FormButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark form button.FormSubmitButton.primary.FormButton, .webapp .account-info.theme-core-dark form .hp-account-link-accounts-block button.FormSubmitButton.primary.FormButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-dark .FormButton.primary, .webapp .account-info.theme-core-dark .hp-account-link-accounts-block .FormButton.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .uk-button.primary, .webapp .account-info.theme-core-light .hp-account-link-accounts-block .uk-button.primary, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.uk-button.primary, .Form__NavigationBar .webapp .account-info.theme-core-light .hp-account-link-accounts-block .btnPrev.uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.uk-button.primary, .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block .btnPrev.uk-button.primary, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.uk-button.primary, .Form__NavigationBar .webapp .account-info.theme-core-light .hp-account-link-accounts-block .btnNext.uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.uk-button.primary, .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block .btnNext.uk-button.primary, .hp-account-link-accounts-block form .webapp .account-info.theme-core-light input[type='reset'].uk-button.primary, form .webapp .account-info.theme-core-light .hp-account-link-accounts-block input[type='reset'].uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-light form input[type='reset'].uk-button.primary, .webapp .account-info.theme-core-light form .hp-account-link-accounts-block input[type='reset'].uk-button.primary, .hp-account-link-accounts-block form .webapp .account-info.theme-core-light button.FormSubmitButton.uk-button.primary, form .webapp .account-info.theme-core-light .hp-account-link-accounts-block button.FormSubmitButton.uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-light form button.FormSubmitButton.uk-button.primary, .webapp .account-info.theme-core-light form .hp-account-link-accounts-block button.FormSubmitButton.uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .FormButton.uk-button.primary, .webapp .account-info.theme-core-light .hp-account-link-accounts-block .FormButton.uk-button.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .Form__NavigationBar .uk-button.primary.btnPrev, .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block .uk-button.primary.btnPrev, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.primary, .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block .btnPrev.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.primary.btnPrev, .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block .btnNext.primary.btnPrev, .hp-account-link-accounts-block form .webapp .account-info.theme-core-light .Form__NavigationBar input[type='reset'].primary.btnPrev, form .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block input[type='reset'].primary.btnPrev, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .Form__NavigationBar form input[type='reset'].primary.btnPrev, .webapp .account-info.theme-core-light .Form__NavigationBar form .hp-account-link-accounts-block input[type='reset'].primary.btnPrev, .hp-account-link-accounts-block form .webapp .account-info.theme-core-light .Form__NavigationBar button.FormSubmitButton.primary.btnPrev, form .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block button.FormSubmitButton.primary.btnPrev, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .Form__NavigationBar form button.FormSubmitButton.primary.btnPrev, .webapp .account-info.theme-core-light .Form__NavigationBar form .hp-account-link-accounts-block button.FormSubmitButton.primary.btnPrev, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .Form__NavigationBar .FormButton.primary.btnPrev, .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block .FormButton.primary.btnPrev, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light .uk-button.primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-light .hp-account-link-accounts-block .uk-button.primary.btnPrev, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.primary, .Form__NavigationBar .webapp .account-info.theme-core-light .hp-account-link-accounts-block .btnPrev.primary, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-light .hp-account-link-accounts-block .btnNext.primary.btnPrev, .hp-account-link-accounts-block form .Form__NavigationBar .webapp .account-info.theme-core-light input[type='reset'].primary.btnPrev, form .Form__NavigationBar .webapp .account-info.theme-core-light .hp-account-link-accounts-block input[type='reset'].primary.btnPrev, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light form input[type='reset'].primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-light form .hp-account-link-accounts-block input[type='reset'].primary.btnPrev, .hp-account-link-accounts-block form .Form__NavigationBar .webapp .account-info.theme-core-light button.FormSubmitButton.primary.btnPrev, form .Form__NavigationBar .webapp .account-info.theme-core-light .hp-account-link-accounts-block button.FormSubmitButton.primary.btnPrev, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light form button.FormSubmitButton.primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-light form .hp-account-link-accounts-block button.FormSubmitButton.primary.btnPrev, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light .FormButton.primary.btnPrev, .Form__NavigationBar .webapp .account-info.theme-core-light .hp-account-link-accounts-block .FormButton.primary.btnPrev, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .Form__NavigationBar .uk-button.primary.btnNext, .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block .uk-button.primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.primary.btnNext, .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block .btnPrev.primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.primary, .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block .btnNext.primary, .hp-account-link-accounts-block form .webapp .account-info.theme-core-light .Form__NavigationBar input[type='reset'].primary.btnNext, form .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block input[type='reset'].primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .Form__NavigationBar form input[type='reset'].primary.btnNext, .webapp .account-info.theme-core-light .Form__NavigationBar form .hp-account-link-accounts-block input[type='reset'].primary.btnNext, .hp-account-link-accounts-block form .webapp .account-info.theme-core-light .Form__NavigationBar button.FormSubmitButton.primary.btnNext, form .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block button.FormSubmitButton.primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .Form__NavigationBar form button.FormSubmitButton.primary.btnNext, .webapp .account-info.theme-core-light .Form__NavigationBar form .hp-account-link-accounts-block button.FormSubmitButton.primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .Form__NavigationBar .FormButton.primary.btnNext, .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block .FormButton.primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light .uk-button.primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-light .hp-account-link-accounts-block .uk-button.primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-light .hp-account-link-accounts-block .btnPrev.primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.primary, .Form__NavigationBar .webapp .account-info.theme-core-light .hp-account-link-accounts-block .btnNext.primary, .hp-account-link-accounts-block form .Form__NavigationBar .webapp .account-info.theme-core-light input[type='reset'].primary.btnNext, form .Form__NavigationBar .webapp .account-info.theme-core-light .hp-account-link-accounts-block input[type='reset'].primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light form input[type='reset'].primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-light form .hp-account-link-accounts-block input[type='reset'].primary.btnNext, .hp-account-link-accounts-block form .Form__NavigationBar .webapp .account-info.theme-core-light button.FormSubmitButton.primary.btnNext, form .Form__NavigationBar .webapp .account-info.theme-core-light .hp-account-link-accounts-block button.FormSubmitButton.primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light form button.FormSubmitButton.primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-light form .hp-account-link-accounts-block button.FormSubmitButton.primary.btnNext, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light .FormButton.primary.btnNext, .Form__NavigationBar .webapp .account-info.theme-core-light .hp-account-link-accounts-block .FormButton.primary.btnNext, .hp-account-link-accounts-block .webapp .account-info.theme-core-light form input.uk-button.primary[type='reset'], .webapp .account-info.theme-core-light form .hp-account-link-accounts-block input.uk-button.primary[type='reset'], .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light form input.btnPrev.primary[type='reset'], .Form__NavigationBar .webapp .account-info.theme-core-light form .hp-account-link-accounts-block input.btnPrev.primary[type='reset'], .hp-account-link-accounts-block .webapp .account-info.theme-core-light form .Form__NavigationBar input.btnPrev.primary[type='reset'], .webapp .account-info.theme-core-light form .Form__NavigationBar .hp-account-link-accounts-block input.btnPrev.primary[type='reset'], .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light form input.btnNext.primary[type='reset'], .Form__NavigationBar .webapp .account-info.theme-core-light form .hp-account-link-accounts-block input.btnNext.primary[type='reset'], .hp-account-link-accounts-block .webapp .account-info.theme-core-light form .Form__NavigationBar input.btnNext.primary[type='reset'], .webapp .account-info.theme-core-light form .Form__NavigationBar .hp-account-link-accounts-block input.btnNext.primary[type='reset'], .hp-account-link-accounts-block .webapp .account-info.theme-core-light form input[type='reset'].primary, .webapp .account-info.theme-core-light form .hp-account-link-accounts-block input[type='reset'].primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-light form input.FormButton.primary[type='reset'], .webapp .account-info.theme-core-light form .hp-account-link-accounts-block input.FormButton.primary[type='reset'], .hp-account-link-accounts-block form .webapp .account-info.theme-core-light input.uk-button.primary[type='reset'], form .webapp .account-info.theme-core-light .hp-account-link-accounts-block input.uk-button.primary[type='reset'], .hp-account-link-accounts-block .Form__NavigationBar form .webapp .account-info.theme-core-light input.btnPrev.primary[type='reset'], .Form__NavigationBar form .webapp .account-info.theme-core-light .hp-account-link-accounts-block input.btnPrev.primary[type='reset'], .hp-account-link-accounts-block form .webapp .account-info.theme-core-light .Form__NavigationBar input.btnPrev.primary[type='reset'], form .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block input.btnPrev.primary[type='reset'], .hp-account-link-accounts-block .Form__NavigationBar form .webapp .account-info.theme-core-light input.btnNext.primary[type='reset'], .Form__NavigationBar form .webapp .account-info.theme-core-light .hp-account-link-accounts-block input.btnNext.primary[type='reset'], .hp-account-link-accounts-block form .webapp .account-info.theme-core-light .Form__NavigationBar input.btnNext.primary[type='reset'], form .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block input.btnNext.primary[type='reset'], .hp-account-link-accounts-block form .webapp .account-info.theme-core-light input[type='reset'].primary, form .webapp .account-info.theme-core-light .hp-account-link-accounts-block input[type='reset'].primary, .hp-account-link-accounts-block form .webapp .account-info.theme-core-light input.FormButton.primary[type='reset'], form .webapp .account-info.theme-core-light .hp-account-link-accounts-block input.FormButton.primary[type='reset'], .hp-account-link-accounts-block .webapp .account-info.theme-core-light form button.uk-button.primary.FormSubmitButton, .webapp .account-info.theme-core-light form .hp-account-link-accounts-block button.uk-button.primary.FormSubmitButton, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light form button.btnPrev.primary.FormSubmitButton, .Form__NavigationBar .webapp .account-info.theme-core-light form .hp-account-link-accounts-block button.btnPrev.primary.FormSubmitButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-light form .Form__NavigationBar button.btnPrev.primary.FormSubmitButton, .webapp .account-info.theme-core-light form .Form__NavigationBar .hp-account-link-accounts-block button.btnPrev.primary.FormSubmitButton, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light form button.btnNext.primary.FormSubmitButton, .Form__NavigationBar .webapp .account-info.theme-core-light form .hp-account-link-accounts-block button.btnNext.primary.FormSubmitButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-light form .Form__NavigationBar button.btnNext.primary.FormSubmitButton, .webapp .account-info.theme-core-light form .Form__NavigationBar .hp-account-link-accounts-block button.btnNext.primary.FormSubmitButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-light form button.FormSubmitButton.primary, .webapp .account-info.theme-core-light form .hp-account-link-accounts-block button.FormSubmitButton.primary, .hp-account-link-accounts-block .webapp .account-info.theme-core-light form button.FormButton.primary.FormSubmitButton, .webapp .account-info.theme-core-light form .hp-account-link-accounts-block button.FormButton.primary.FormSubmitButton, .hp-account-link-accounts-block form .webapp .account-info.theme-core-light button.uk-button.primary.FormSubmitButton, form .webapp .account-info.theme-core-light .hp-account-link-accounts-block button.uk-button.primary.FormSubmitButton, .hp-account-link-accounts-block .Form__NavigationBar form .webapp .account-info.theme-core-light button.btnPrev.primary.FormSubmitButton, .Form__NavigationBar form .webapp .account-info.theme-core-light .hp-account-link-accounts-block button.btnPrev.primary.FormSubmitButton, .hp-account-link-accounts-block form .webapp .account-info.theme-core-light .Form__NavigationBar button.btnPrev.primary.FormSubmitButton, form .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block button.btnPrev.primary.FormSubmitButton, .hp-account-link-accounts-block .Form__NavigationBar form .webapp .account-info.theme-core-light button.btnNext.primary.FormSubmitButton, .Form__NavigationBar form .webapp .account-info.theme-core-light .hp-account-link-accounts-block button.btnNext.primary.FormSubmitButton, .hp-account-link-accounts-block form .webapp .account-info.theme-core-light .Form__NavigationBar button.btnNext.primary.FormSubmitButton, form .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block button.btnNext.primary.FormSubmitButton, .hp-account-link-accounts-block form .webapp .account-info.theme-core-light button.FormSubmitButton.primary, form .webapp .account-info.theme-core-light .hp-account-link-accounts-block button.FormSubmitButton.primary, .hp-account-link-accounts-block form .webapp .account-info.theme-core-light button.FormButton.primary.FormSubmitButton, form .webapp .account-info.theme-core-light .hp-account-link-accounts-block button.FormButton.primary.FormSubmitButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .uk-button.primary.FormButton, .webapp .account-info.theme-core-light .hp-account-link-accounts-block .uk-button.primary.FormButton, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light .btnPrev.primary.FormButton, .Form__NavigationBar .webapp .account-info.theme-core-light .hp-account-link-accounts-block .btnPrev.primary.FormButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .Form__NavigationBar .btnPrev.primary.FormButton, .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block .btnPrev.primary.FormButton, .hp-account-link-accounts-block .Form__NavigationBar .webapp .account-info.theme-core-light .btnNext.primary.FormButton, .Form__NavigationBar .webapp .account-info.theme-core-light .hp-account-link-accounts-block .btnNext.primary.FormButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .Form__NavigationBar .btnNext.primary.FormButton, .webapp .account-info.theme-core-light .Form__NavigationBar .hp-account-link-accounts-block .btnNext.primary.FormButton, .hp-account-link-accounts-block form .webapp .account-info.theme-core-light input[type='reset'].primary.FormButton, form .webapp .account-info.theme-core-light .hp-account-link-accounts-block input[type='reset'].primary.FormButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-light form input[type='reset'].primary.FormButton, .webapp .account-info.theme-core-light form .hp-account-link-accounts-block input[type='reset'].primary.FormButton, .hp-account-link-accounts-block form .webapp .account-info.theme-core-light button.FormSubmitButton.primary.FormButton, form .webapp .account-info.theme-core-light .hp-account-link-accounts-block button.FormSubmitButton.primary.FormButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-light form button.FormSubmitButton.primary.FormButton, .webapp .account-info.theme-core-light form .hp-account-link-accounts-block button.FormSubmitButton.primary.FormButton, .hp-account-link-accounts-block .webapp .account-info.theme-core-light .FormButton.primary, .webapp .account-info.theme-core-light .hp-account-link-accounts-block .FormButton.primary { border: 2px solid #c14d34; } .hp-account-link-accounts-block .account-list .textboxelementblock { display: block; background-color: #fff; margin-top: 24px; margin-bottom: 16px; cursor: pointer; transition: all 0.2s ease-in; position: relative; } .hp-account-link-accounts-block .account-list .actions { padding: 0; } @media only screen and (min-width: 768px) { .hp-account-link-accounts-block .subheading address { text-overflow: clip; max-width: none; } .hp-account-link-accounts-block .actions .uk-button:not(:first-child), .hp-account-link-accounts-block .actions .Form__NavigationBar .btnPrev:not(:first-child), .Form__NavigationBar .hp-account-link-accounts-block .actions .btnPrev:not(:first-child), .hp-account-link-accounts-block .actions .Form__NavigationBar .btnNext:not(:first-child), .Form__NavigationBar .hp-account-link-accounts-block .actions .btnNext:not(:first-child), .hp-account-link-accounts-block .actions form input[type='reset']:not(:first-child), form .hp-account-link-accounts-block .actions input[type='reset']:not(:first-child), .hp-account-link-accounts-block .actions form button.FormSubmitButton:not(:first-child), form .hp-account-link-accounts-block .actions button.FormSubmitButton:not(:first-child), .hp-account-link-accounts-block .actions .FormButton:not(:first-child) { margin-top: 0; margin-left: 16px; } .hp-account-link-accounts-block .actions { display: flex; justify-content: space-between; } .hp-account-link-accounts-block .actions .modal-popup { margin-left: auto; } } #modal-sessioncheck .uk-modal-dialog { height: auto; } #modal-sessioncheck .actions { width: 100%; display: flex; justify-content: center; } #modal-sessioncheck .actions a { display: inline-block; } #modal-sessioncheck .actions a:not(:last-child) { margin-right: 16px; } .hp-billing-compare-bill .compare-bill-chart { height: 220px; } .hp-billing-compare-bill .spendgoal { margin: 0 16px; } .hp-billing-compare-bill .goal { display: flex; align-items: center; flex-wrap: wrap; } .hp-billing-compare-bill .goal::before { display: block; content: ''; height: 2px; width: 30px; background-color: #000; margin-right: 8px; } .hp-billing-compare-bill .goal .break { flex-basis: 100%; } .hp-billing-compare-bill .alert { margin: 0; } @media only screen and (min-width: 768px) { .hp-billing-compare-bill { display: flex; flex-wrap: wrap; align-items: flex-end; } .hp-billing-compare-bill .intro, .hp-billing-compare-bill .spendgoal { box-sizing: border-box; width: 50%; margin: 0; } .hp-billing-compare-bill .spendgoal { padding: 16px; margin-bottom: 48px; } .hp-billing-compare-bill .content { width: 100%; } } .bill-summary { display: flex; justify-content: space-between; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #00344f; } .bill-summary span { font-weight: 600; } .bill-summary ~ .bill-summary { border-bottom: 0; } .webapp .hp-payment-receipts-block .history { margin: 24px 0; } .hp-usage-block .usage-heading { text-align: center; margin: 24px 0; color: #00344f; } .hp-usage-block .usage-chart { height: 320px; margin-bottom: 24px; position: relative; } .hp-usage-block .usage-chart--mypower { height: 400px; margin-bottom: 16px; } .hp-usage-block .usage-filters .input { position: relative; width: 100%; min-height: 40px; } .hp-usage-block .usage-filters .meter-selector { border: 1px solid #00344f; background-color: #f1eeeb; } .hp-usage-block .usage-filters .Zebra_DatePicker { top: 100% !important; } .hp-usage-block .usage-filters .Zebra_DatePicker_Icon_Wrapper { padding: 0 !important; width: 100%; } .hp-usage-block .usage-filters input, .hp-usage-block .usage-filters select { display: block; border: 0; box-sizing: border-box; border-radius: 4px; padding: 8px; cursor: pointer; font-weight: 600; width: 100%; height: 100%; min-height: 40px; } .hp-usage-block .usage-filters select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #00344f; padding-right: 30px; } .hp-usage-block .usage-filters button { padding: 8px 16px; min-height: 40px; width: 100%; } .hp-usage-block .usage-filters .Zebra_DatePicker_Icon { display: none; } .hp-usage-block .usage-filters .date-picker { text-align: center; padding: 8px !important; } .hp-usage-block .usage-total, .hp-usage-block .usage-date { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 16px; padding: 16px; text-align: center; color: #00344f; } .hp-usage-block .usage-total > span, .hp-usage-block .usage-date > span { display: inline-block; } .hp-usage-block .usage-total .usage, .hp-usage-block .usage-date .usage { width: 100%; font-size: 28px; } .hp-usage-block .usage-total { font-size: 14px; } .hp-usage-block .usage-date { padding-bottom: 0; } .hp-usage-block .prev, .hp-usage-block .next { max-width: 35px; } @media only screen and (min-width: 768px) { .hp-usage-block .usage-filters .input { width: auto; } .hp-usage-block .usage-filters input, .hp-usage-block .usage-filters select { width: auto; } .hp-usage-block .usage-filters .date-picker { min-width: 180px; } .hp-usage-block .usage-filters button { min-width: 0; width: auto; } .hp-usage-block .usage-total { font-size: 18px; } .hp-usage-block .usage-total .usage { font-size: 32px; } .hp-usage-block .usage-chart { height: 320px; } .hp-usage-block .usage-chart--mypower { height: 400px; } } .hp-usage-block .mypower-notification { display: flex; flex-direction: row; padding: 16px; gap: 16px; border-radius: 4px; color: #00344f; align-items: center; } .hp-usage-block .mypower-notification__title { color: inherit; margin-bottom: 8px; } .hp-usage-block .mypower-notification > svg { width: 60px; height: 60px; flex-shrink: 0; } .hp-usage-block .mypower-notification.offpeak { background-color: #bac8e2; } .hp-usage-block .mypower-notification.ontrack { background-color: #99c8cb; } .hp-usage-block .mypower-notification.reduce { background-color: #fbccb6; } .hp-usage-block .mypower-notification.exceeded { background-color: #e6b8ae; } .hp-usage-block .usage-mypower-period { margin-top: -30px; margin-bottom: 30px; text-align: center; } .hp-usage-block .usage-mypower-period span { color: #00344f; font-weight: bold; } .hp-usage-block .usage-mypower-period span:before { content: ''; display: inline-block; position: relative; height: 16px; width: 16px; border-radius: 50%; margin-right: 10px; background-color: #eba70e; } .hp-usage-block .mypower-usage { display: flex; flex-direction: row; gap: 16px; margin: 16px 0; } .hp-usage-block .mypower-usage .usage-block { padding: 8px; background-color: #e4e4e4; color: #00344f; border-radius: 4px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); text-align: center; flex-grow: 1; } .hp-usage-block .mypower-usage .usage-block svg { width: 48px; height: 48px; margin-bottom: 8px; } .hp-usage-block .mypower-usage .usage-block h3 { margin-bottom: 8px; color: inherit; } .hp-usage-block .mypower-usage .usage-block a { color: #00344f; text-decoration: underline; } @media only screen and (min-width: 1280px) { .hp-usage-block .mypower-usage .usage-block { display: flex; flex-direction: row; align-items: baseline; gap: 10px; } .hp-usage-block .mypower-usage .usage-block h3 { margin-bottom: 12px; } .hp-usage-block .mypower-usage .usage-block svg { display: block; transform: translateY(10px); } } .hp-usage-block .hp-exceed-table .exceed-container { position: relative; padding-top: 20px; padding-bottom: 20px; } @media only screen and (min-width: 768px) { .hp-usage-block .hp-exceed-table .exceed-container { padding-top: 40px; padding-bottom: 40px; } } .hp-usage-block .hp-exceed-table .exceed-container > * { position: relative; z-index: 1; } .hp-usage-block .hp-exceed-table .exceed-container:before { content: ''; display: block; position: absolute; background: #f0f0ed; top: 0; left: 50%; width: 100vw; height: 100%; transform: translate(-50%, 0); z-index: -1; border-radius: 6px; } .hp-usage-block .hp-exceed-table .exceed-heading { display: flex; flex-direction: row; gap: 20px; align-items: center; background-color: #e4e4e4; padding: 6px; border-radius: 8px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); } .hp-usage-block .hp-exceed-table .exceed-heading svg { width: 48px; height: 48px; } .hp-usage-block .hp-exceed-table .exceed-heading h3 { margin-bottom: 8px; } .hp-usage-block .hp-exceed-table table { border-radius: 6px; width: 100%; border: none; } .hp-usage-block .hp-exceed-table table th { font-weight: bold; } .hp-usage-block .hp-exceed-table table th, .hp-usage-block .hp-exceed-table table td { padding: 6px 12px; text-align: left; } .hp-usage-block .hp-exceed-table table tr:nth-child(odd) { background-color: #f8f7f5; } .hp-usage-block .hp-exceed-table table tr:nth-child(even) { background-color: #fff; } .hp-usage-block .hp-exceed-table table tr:first-child { background-color: #e3ded6; } .usage-chart-scroller { padding: 24px 15px 24px 35px; } .usage-chart-scroller.daily { padding: 24px 5px 24px 15px; } .usage-chart-scroller.weekly { padding: 24px 5px 24px 35px; } .usage-chart-scroller.weekly [type='range'] { width: 88.9%; } .usage-chart-scroller.monthly { padding: 24px 10px 24px 40px; } .usage-chart-scroller.billing { padding: 24px 5px 24px 30px; } .usage-chart-scroller.yearly { padding: 24px 5px 24px 35px; } .usage-chart-scroller.yearly [type='range'] { width: 95%; } .usage-chart-scroller [type='range'] { display: block; width: 99.9%; margin: auto; height: 1.4rem; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(0, 0, 0, 0); } .usage-chart-scroller [type='range']:focus { outline: none; } .usage-chart-scroller [type='range']::-moz-focus-outer { border: 0; } .usage-chart-scroller [type='range']::-webkit-slider-thumb { width: 40px; height: 32px; margin-top: -15px; background-color: #f8f7f5; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgd2lkdGg9IjIxcHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDIxIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICA8ZyBpZD0iR3JvdXAiPg0KICAgIDxwYXRoIGQ9Ik0wIDBMMyAwTDMgMTJMMCAxMkwwIDBaIiBpZD0iUmVjdGFuZ2xlLTMiIGZpbGw9IiNDMTREMzQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiAvPg0KICAgIDxwYXRoIGQ9Ik05IDBMMTIgMEwxMiAxMkw5IDEyTDkgMFoiIGlkPSJSZWN0YW5nbGUtNCIgZmlsbD0iI0MxNEQzNCIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9Im5vbmUiIC8+DQogICAgPHBhdGggZD0iTTE4IDBMMjEgMEwyMSAxMkwxOCAxMkwxOCAwWiIgaWQ9IlJlY3RhbmdsZS01IiBmaWxsPSIjQzE0RDM0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0ibm9uZSIgLz4NCiAgPC9nPg0KPC9zdmc+'); background-repeat: no-repeat; background-position: center; border: 3px solid #c14d34; border-radius: 6px; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } .usage-chart-scroller [type='range']::-ms-thumb { width: 40px; height: 32px; margin-top: -15px; background-color: #f8f7f5; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgd2lkdGg9IjIxcHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDIxIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICA8ZyBpZD0iR3JvdXAiPg0KICAgIDxwYXRoIGQ9Ik0wIDBMMyAwTDMgMTJMMCAxMkwwIDBaIiBpZD0iUmVjdGFuZ2xlLTMiIGZpbGw9IiNDMTREMzQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiAvPg0KICAgIDxwYXRoIGQ9Ik05IDBMMTIgMEwxMiAxMkw5IDEyTDkgMFoiIGlkPSJSZWN0YW5nbGUtNCIgZmlsbD0iI0MxNEQzNCIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9Im5vbmUiIC8+DQogICAgPHBhdGggZD0iTTE4IDBMMjEgMEwyMSAxMkwxOCAxMkwxOCAwWiIgaWQ9IlJlY3RhbmdsZS01IiBmaWxsPSIjQzE0RDM0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0ibm9uZSIgLz4NCiAgPC9nPg0KPC9zdmc+'); background-repeat: no-repeat; background-position: center; border: 3px solid #c14d34; border-radius: 6px; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } .usage-chart-scroller [type='range']::-moz-range-thumb { width: 40px; height: 32px; margin-top: -15px; background-color: #f8f7f5; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgd2lkdGg9IjIxcHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDIxIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICA8ZyBpZD0iR3JvdXAiPg0KICAgIDxwYXRoIGQ9Ik0wIDBMMyAwTDMgMTJMMCAxMkwwIDBaIiBpZD0iUmVjdGFuZ2xlLTMiIGZpbGw9IiNDMTREMzQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiAvPg0KICAgIDxwYXRoIGQ9Ik05IDBMMTIgMEwxMiAxMkw5IDEyTDkgMFoiIGlkPSJSZWN0YW5nbGUtNCIgZmlsbD0iI0MxNEQzNCIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9Im5vbmUiIC8+DQogICAgPHBhdGggZD0iTTE4IDBMMjEgMEwyMSAxMkwxOCAxMkwxOCAwWiIgaWQ9IlJlY3RhbmdsZS01IiBmaWxsPSIjQzE0RDM0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0ibm9uZSIgLz4NCiAgPC9nPg0KPC9zdmc+'); background-repeat: no-repeat; background-position: center; border: 3px solid #c14d34; border-radius: 6px; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } .usage-chart-scroller [type='range']::-webkit-slider-runnable-track { width: 100%; height: 4px; color: rgba(0, 0, 0, 0); cursor: pointer; background-color: #c14d34; border-color: rgba(0, 0, 0, 0); } .usage-chart-scroller [type='range']::-moz-range-track { width: 100%; height: 4px; color: rgba(0, 0, 0, 0); cursor: pointer; background-color: #c14d34; border-color: rgba(0, 0, 0, 0); } .usage-chart-scroller [type='range']::-ms-track { width: 100%; height: 4px; color: rgba(0, 0, 0, 0); cursor: pointer; background-color: #c14d34; border-color: rgba(0, 0, 0, 0); } #modal-meter-switcher .account-select { padding-top: 16px; } #modal-meter-switcher .account-select button { width: 100%; } #modal-meter-switcher .results-summary { font-size: 18px; font-weight: 500; margin-top: 16px; color: #00344f; } @media screen and (min-width: 360px) { #modal-meter-switcher .results-summary { font-size: 18px; } } @media screen and (min-width: 768px) { #modal-meter-switcher .results-summary { font-size: 18px; } } @media screen and (min-width: 1280px) { #modal-meter-switcher .results-summary { font-size: 24px; } } @media screen and (min-width: 1440px) { #modal-meter-switcher .results-summary { font-size: 24px; } } #modal-meter-switcher ul { display: block; list-style: none; margin: 0; padding: 0; } #modal-meter-switcher .results-list .property { display: flex; align-items: center; border-radius: 4px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); padding: 16px; margin-bottom: 16px; cursor: pointer; transition: all 0.2s ease-in; position: relative; } #modal-meter-switcher .results-list .property.selected { background-color: #125252; color: #fff; } #modal-meter-switcher .results-list .property.selected::after { background-color: #fff; } #modal-meter-switcher .results-list .status { margin-left: auto; } @media only screen and (min-width: 1280px) { #modal-meter-switcher .account-select { display: flex; justify-content: center; } #modal-meter-switcher .account-select button { width: auto; min-width: 290px; } } .hp-usage-block-sunshine .usage-sunshine-label { text-align: center; font-weight: bold; color: #00344f; padding: 0 0 16px; } .hp-usage-block-sunshine .usage-chart-scroller.daily { padding: 24px 5px 24px 35px; } .hp-usage-block-sunshine .usage-chart-scroller.daily [type='range'] { width: 88.9%; } .hp-recommendation-slider-block { position: relative; overflow: hidden; } .hp-recommendation-slider-block .hp-container, .hp-recommendation-slider-block .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-recommendation-slider-block .right > div > .uk-grid { padding-top: 48px; padding-bottom: 48px; } .hp-recommendation-slider-block .recommendation-title { color: #00344f; } .hp-recommendation-slider-block .slick-dotted.slick-slider { margin-bottom: 0; } .hp-recommendation-slider-block .slick-track { display: flex; } .hp-recommendation-slider-block .hp-slider-controls { padding-top: 16px; } .hp-recommendation-slider-block .hp-slider-controls button svg path { fill: #00344f; } .hp-recommendation-slider-block .slick-dots li button { border-color: #00344f; } .hp-recommendation-slider-block .slick-dots li button::before { background-color: #00344f; } .hp-recommendation-slider-block .slick-slide { width: 267px; padding-right: 16px; height: inherit; } .hp-recommendation-slider-block .slick-slide > div { height: 100%; } .hp-recommendation-slider-block .slick-list { overflow: visible; } @media only screen and (min-width: 768px) { .hp-recommendation-slider-block .slick-slide { width: 340px; } } @media only screen and (min-width: 1280px) { .hp-recommendation-slider-block .slick-slide { width: 340px; } } .slick-initialized .recommendation-card { opacity: 1; } .recommendation-card { display: flex; height: 100%; background-color: #fff; border-radius: 4px; box-sizing: border-box; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); opacity: 0; min-height: 140px; cursor: pointer; transition: opacity 0.3s ease-in; overflow: hidden; } .recommendation-card .content { display: flex; flex-direction: column; padding: 16px; } .recommendation-card .icon { display: flex; justify-content: space-between; align-items: center; background-image: url('/img/textures/kimberley-texture-desert-2.jpg'); background-size: cover; background-repeat: no-repeat; padding: 10px 16px; color: #fff; font-size: 24px; font-weight: 600; } .recommendation-card .icon::before { color: #fff; font-size: 24px; font-weight: bold; line-height: 1; } .recommendation-card .icon svg { stroke: #fff !important; fill: none !important; max-width: 32px; max-height: 32px; } .recommendation-card .icon svg * { stroke-width: 4px; } .recommendation-card .title { color: #c14d34; font-weight: bold; margin-bottom: 8px; } .recommendation-card .message { font-size: 14px; margin-bottom: 8px; } .recommendation-card a { display: block; font-size: 14px; text-decoration: underline; margin-top: auto; } .webapp .hp-account-spend-goals-block { margin-top: 24px; padding-top: 24px; } .webapp .hp-account-spend-goals-block .hp-container, .webapp .hp-account-spend-goals-block .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .webapp .hp-account-spend-goals-block .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .webapp .hp-account-spend-goals-block .hp-container > h2, .webapp .hp-account-spend-goals-block .left-right-content .left-content .right > div > .uk-grid > h2, .left-right-content .left-content .webapp .hp-account-spend-goals-block .right > div > .uk-grid > h2 { margin-bottom: 8px; } .webapp .hp-account-spend-goals-block .hp-container > p, .webapp .hp-account-spend-goals-block .left-right-content .left-content .right > div > .uk-grid > p, .left-right-content .left-content .webapp .hp-account-spend-goals-block .right > div > .uk-grid > p { margin-bottom: 0; } .webapp .hp-account-spend-goals-block .spend-goal-info { border-radius: 4px; margin-top: 24px; overflow: hidden; } .webapp .hp-account-spend-goals-block .spend-goal-info .title { background-color: #99c8cb; color: #000; padding: 16px; } .webapp .hp-account-spend-goals-block .spend-goal-info .content { background-color: #00757d; padding: 16px; } .webapp .hp-account-spend-goals-block .spend-goal-info .content *:last-child { margin-bottom: 0; } .webapp .hp-account-spend-goals-block .spend-goal-info .content * { color: #fff; } .webapp .hp-account-spend-goals-block .spend-goal-info .content hr { border-color: #fff; margin: 16px 0; } .webapp .hp-account-spend-goals-block .set-up { display: flex; align-items: center; justify-content: flex-end; margin-top: 24px; } .webapp .hp-account-spend-goals-block .set-up a { color: #00344f; position: relative; padding-right: 45px; font-weight: 500; line-height: 1; text-decoration: underline; } .webapp .hp-account-spend-goals-block .set-up a svg { transition: right 0.3s ease-in-out; max-width: 24px; flex-shrink: 0; position: absolute; top: 0; right: 10px; } .webapp .hp-account-spend-goals-block .set-up a:hover svg { right: 0; } .webapp .hp-projected-bill-chart-block { margin-top: 16px; } .webapp .hp-projected-bill-chart-block .hp-container, .webapp .hp-projected-bill-chart-block .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .webapp .hp-projected-bill-chart-block .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .webapp .hp-projected-bill-chart-block .projected-bill-chart { width: 100%; max-width: 350px; margin: 16px auto 0 auto; } .webapp .hp-projected-bill-chart-block .projected-bill-chart .date { color: #00344f; text-align: center; margin-bottom: 16px; } .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail { position: absolute; left: 50%; top: calc(50% - 16px); transform: translate(-50%, -50%); text-align: center; } .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail .projected-bill { font-size: 32px; color: #00344f; font-weight: 700; line-height: 1; margin-bottom: 8px; } @media screen and (min-width: 360px) { .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail .projected-bill { font-size: 32px; } } @media screen and (min-width: 768px) { .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail .projected-bill { font-size: 32px; } } @media screen and (min-width: 1280px) { .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail .projected-bill { font-size: 50px; } } @media screen and (min-width: 1440px) { .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail .projected-bill { font-size: 50px; } } .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail .label { color: #999; font-weight: 500; } .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail .date, .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail .label { font-size: 14px; } @media screen and (min-width: 360px) { .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail .date, .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail .label { font-size: 14px; } } @media screen and (min-width: 768px) { .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail .date, .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail .label { font-size: 14px; } } @media screen and (min-width: 1280px) { .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail .date, .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail .label { font-size: 16px; } } @media screen and (min-width: 1440px) { .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail .date, .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail .label { font-size: 16px; } } @media only screen and (min-width: 768px) { .webapp .hp-projected-bill-chart-block .projected-bill-chart { width: 40%; max-width: unset; margin: 24px auto 0 auto; } .webapp .hp-projected-bill-chart-block .projected-bill-chart .chart-detail { top: calc(50% - 8px); } } @media only screen and (min-width: 1280px) { .webapp .hp-projected-bill-chart-block { margin-top: 24px; } .webapp .hp-projected-bill-chart-block .projected-bill-chart { width: 30%; } } .hp-projected-bill-chart-variation-block .projected-bill-chart { height: 340px; margin-bottom: 24px; } .hp-projected-bill-chart-variation-block .projected-bill.estimated { margin-bottom: 8px; } .hp-projected-bill-chart-variation-block .projected-bill.estimated, .hp-projected-bill-chart-variation-block .subheading, .hp-projected-bill-chart-variation-block .period, .hp-projected-bill-chart-variation-block .remaining { text-align: center; color: #00344f; } .hp-projected-bill-chart-variation-block .subheading { margin-bottom: 16px; } .hp-projected-bill-chart-variation-block .subheading.remaining { margin-top: 24px; margin-bottom: 0; } .webapp .hp-payment-billing-history-block .hp-container, .webapp .hp-payment-billing-history-block .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .webapp .hp-payment-billing-history-block .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .webapp .hp-payment-billing-history-block .payment-billing-filters .input { position: relative; width: 100%; } .webapp .hp-payment-billing-history-block .payment-billing-filters .input.date { min-width: 225px; } .webapp .hp-payment-billing-history-block .payment-billing-filters .input.date-to { display: none; } .webapp .hp-payment-billing-history-block .payment-billing-filters .input input { padding: 8px 16px !important; } .webapp .hp-payment-billing-history-block .payment-billing-filters .input input::-moz-placeholder { color: #000; } .webapp .hp-payment-billing-history-block .payment-billing-filters .input input::placeholder { color: #000; } .webapp .hp-payment-billing-history-block .payment-billing-filters .input select { padding: 8px 48px 8px 8px; -webkit-appearance: none; -moz-appearance: none; } .webapp .hp-payment-billing-history-block .payment-billing-filters .input input { min-width: 225px; } .webapp .hp-payment-billing-history-block .payment-billing-filters .input input, .webapp .hp-payment-billing-history-block .payment-billing-filters .input select { border: 1px solid #00344f; border-radius: 4px; box-sizing: border-box; color: #00344f; cursor: pointer; font-weight: 600; width: 100%; height: 100%; } .webapp .hp-payment-billing-history-block .payment-billing-filters .input button.reset { padding: 8px 16px; min-width: unset; } .webapp .hp-payment-billing-history-block .payment-billing-filters .input .Zebra_DatePicker_Icon_Wrapper { width: 100%; } .webapp .hp-payment-billing-history-block .payment-billing-filters .input .Zebra_DatePicker_Icon { width: auto; } .webapp .hp-payment-billing-history-block .payment-billing-filters button.reset { padding: 8px 16px; width: 100%; min-width: unset; min-height: 40px; } .webapp .hp-payment-billing-history-block .payment-billing-history .history { max-height: 75vh; overflow-y: auto; } .webapp .hp-payment-billing-history-block .payment-billing-history table thead { position: sticky; top: 0; z-index: 1; } .webapp .hp-payment-billing-history-block .payment-billing-history table td, .webapp .hp-payment-billing-history-block .payment-billing-history table th { text-align: left; padding: 8px 0 8px 8px; overflow-wrap: break-word; } .webapp .hp-payment-billing-history-block .payment-billing-history table td:last-child, .webapp .hp-payment-billing-history-block .payment-billing-history table th:last-child { padding: 8px 8px 8px 0; text-align: right; } .webapp .hp-payment-billing-history-block .payment-billing-history table a { color: #214187; text-decoration: underline; } .webapp .hp-payment-billing-history-block .payment-billing-history table .type { display: flex; align-items: flex-start; } .webapp .hp-payment-billing-history-block .payment-billing-history table .type p { margin: 0; } .webapp .hp-payment-billing-history-block .payment-billing-history table .icon { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; position: relative; width: 20px; height: 20px; border-radius: 50%; margin-right: 8px; flex-shrink: 0; } .webapp .hp-payment-billing-history-block .payment-billing-history table .icon::after { content: ''; display: block; width: 100%; height: 100%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .webapp .hp-payment-billing-history-block .payment-billing-history table .icon.bills::after { background-color: #00344f; -webkit-mask-image: url('/svg/components/link-listing-panel/pdf-icon.svg'); mask-image: url('/svg/components/link-listing-panel/pdf-icon.svg'); } .webapp .hp-payment-billing-history-block .payment-billing-history table .icon.transactions::after { background-color: #337a58; -webkit-mask-image: url('/svg/icons/icon-tick-circle.svg'); mask-image: url('/svg/icons/icon-tick-circle.svg'); } .webapp .hp-payment-billing-history-block .payment-billing-history table .icon.credit::after { background-color: #c14d34; -webkit-mask-image: url('/svg/icons/icon-tick-circle.svg'); mask-image: url('/svg/icons/icon-tick-circle.svg'); } .webapp .hp-payment-billing-history-block .payment-billing-history table .icon.fee::after { background-color: #214187; -webkit-mask-image: url('/svg/webapp/icon-fee.svg'); mask-image: url('/svg/webapp/icon-fee.svg'); } .webapp .hp-payment-billing-history-block .payment-billing-history table .date { min-width: 70px; } .webapp .hp-payment-billing-history-block .payment-billing-history table .type p, .webapp .hp-payment-billing-history-block .payment-billing-history table .date, .webapp .hp-payment-billing-history-block .payment-billing-history table .amount, .webapp .hp-payment-billing-history-block .payment-billing-history table .link a { font-size: 12px; } .webapp .hp-payment-billing-history-block .payment-billing-history .actions button { width: 100%; } .webapp .hp-payment-billing-history-block .payment-billing-history .actions .load-more { margin: 0 0 16px 0; } .webapp .hp-payment-billing-history-block .payment-billing-history .history, .webapp .hp-payment-billing-history-block .payment-billing-history .actions { margin-top: 16px; } @media only screen and (min-width: 768px) { .webapp .hp-payment-billing-history-block .payment-billing-filters { justify-content: flex-start; } .webapp .hp-payment-billing-history-block .payment-billing-filters .input { width: auto; } .webapp .hp-payment-billing-history-block .payment-billing-filters .input input { max-width: unset; } .webapp .hp-payment-billing-history-block .payment-billing-filters .input input, .webapp .hp-payment-billing-history-block .payment-billing-filters .input select { width: auto; } .webapp .hp-payment-billing-history-block .payment-billing-filters button.reset { width: auto; } .webapp .hp-payment-billing-history-block .payment-billing-history table td, .webapp .hp-payment-billing-history-block .payment-billing-history table th { text-align: left; padding: calc(24px / 2); overflow-wrap: break-word; } .webapp .hp-payment-billing-history-block .payment-billing-history table td:last-child, .webapp .hp-payment-billing-history-block .payment-billing-history table th:last-child { padding: calc(24px / 2); text-align: left; } .webapp .hp-payment-billing-history-block .payment-billing-history table .type { align-items: center; } .webapp .hp-payment-billing-history-block .payment-billing-history table svg { margin: 0 8px 0 0; } .webapp .hp-payment-billing-history-block .payment-billing-history table .icon { width: 24px; height: 24px; } .webapp .hp-payment-billing-history-block .payment-billing-history table .type p, .webapp .hp-payment-billing-history-block .payment-billing-history table .date, .webapp .hp-payment-billing-history-block .payment-billing-history table .amount, .webapp .hp-payment-billing-history-block .payment-billing-history table .link a { font-size: 14px; } } @media only screen and (min-width: 768px) and (min-width: 360px) { .webapp .hp-payment-billing-history-block .payment-billing-history table .type p, .webapp .hp-payment-billing-history-block .payment-billing-history table .date, .webapp .hp-payment-billing-history-block .payment-billing-history table .amount, .webapp .hp-payment-billing-history-block .payment-billing-history table .link a { font-size: 14px; } } @media only screen and (min-width: 768px) and (min-width: 768px) { .webapp .hp-payment-billing-history-block .payment-billing-history table .type p, .webapp .hp-payment-billing-history-block .payment-billing-history table .date, .webapp .hp-payment-billing-history-block .payment-billing-history table .amount, .webapp .hp-payment-billing-history-block .payment-billing-history table .link a { font-size: 14px; } } @media only screen and (min-width: 768px) and (min-width: 1280px) { .webapp .hp-payment-billing-history-block .payment-billing-history table .type p, .webapp .hp-payment-billing-history-block .payment-billing-history table .date, .webapp .hp-payment-billing-history-block .payment-billing-history table .amount, .webapp .hp-payment-billing-history-block .payment-billing-history table .link a { font-size: 16px; } } @media only screen and (min-width: 768px) and (min-width: 1440px) { .webapp .hp-payment-billing-history-block .payment-billing-history table .type p, .webapp .hp-payment-billing-history-block .payment-billing-history table .date, .webapp .hp-payment-billing-history-block .payment-billing-history table .amount, .webapp .hp-payment-billing-history-block .payment-billing-history table .link a { font-size: 16px; } } @media only screen and (min-width: 768px) { .webapp .hp-payment-billing-history-block .payment-billing-history .actions button { width: auto; } .webapp .hp-payment-billing-history-block .payment-billing-history .actions .load-more { margin: 0 16px 0 0; } } @media only screen and (min-width: 768px) { .webapp .hp-payment-billing-history-block .payment-billing-history .history, .webapp .hp-payment-billing-history-block .payment-billing-history .actions { margin-top: 24px; } } @media only screen and (min-width: 1280px) { .webapp .hp-payment-billing-history-block .payment-billing-history table td, .webapp .hp-payment-billing-history-block .payment-billing-history table th { padding: 24px; } .webapp .hp-payment-billing-history-block .payment-billing-history table td:last-child, .webapp .hp-payment-billing-history-block .payment-billing-history table th:last-child { padding: 24px; text-align: left; } } .webapp .hp-interval-data-block .interval-data-filters { margin-top: 0px; } .webapp .hp-interval-data-block .interval-data-filters .input { position: relative; width: 100%; } .webapp .hp-interval-data-block .interval-data-filters .input.date-to { display: none; } .webapp .hp-interval-data-block .interval-data-filters .input input { padding: 8px 16px !important; } .webapp .hp-interval-data-block .interval-data-filters .input input::-moz-placeholder { color: #000; } .webapp .hp-interval-data-block .interval-data-filters .input input::placeholder { color: #000; } .webapp .hp-interval-data-block .interval-data-filters .input select { padding: 8px 48px 8px 16px; -webkit-appearance: none; -moz-appearance: none; } .webapp .hp-interval-data-block .interval-data-filters .input input { min-width: 180px; } .webapp .hp-interval-data-block .interval-data-filters .input input, .webapp .hp-interval-data-block .interval-data-filters .input select { border: 1px solid #00344f; border-radius: 4px; box-sizing: border-box; color: #00344f; cursor: pointer; font-weight: 600; width: 100%; height: 100%; } .webapp .hp-interval-data-block .interval-data-filters .input button.reset { padding: 8px 16px; min-width: unset; } .webapp .hp-interval-data-block .interval-data-filters .input .Zebra_DatePicker_Icon_Wrapper { width: 100%; } .webapp .hp-interval-data-block .interval-data-filters .input .Zebra_DatePicker_Icon { width: auto; } .webapp .hp-interval-data-block .interval-data-filters button.reset { padding: 8px 16px; width: 100%; min-width: unset; min-height: 40px; } .webapp .hp-interval-data-block .interval-data-history .history { max-height: 75vh; overflow-y: auto; } .webapp .hp-interval-data-block .interval-data-history table thead { position: sticky; top: 0; z-index: 1; } .webapp .hp-interval-data-block .interval-data-history table thead .date-time { min-width: 85px; } .webapp .hp-interval-data-block .interval-data-history table a { color: #214187; text-decoration: underline; } .webapp .hp-interval-data-block .interval-data-history .actions button { width: 100%; } .webapp .hp-interval-data-block .interval-data-history .actions .load-more { margin: 0 0 16px 0; } .webapp .hp-interval-data-block .interval-data-history .history, .webapp .hp-interval-data-block .interval-data-history .actions { margin-top: 16px; } @media only screen and (min-width: 768px) { .webapp .hp-interval-data-block .interval-data-filters { justify-content: flex-start; } .webapp .hp-interval-data-block .interval-data-filters .input { width: auto; } .webapp .hp-interval-data-block .interval-data-filters .input input { max-width: unset; } .webapp .hp-interval-data-block .interval-data-filters .input input, .webapp .hp-interval-data-block .interval-data-filters .input select { width: auto; } .webapp .hp-interval-data-block .interval-data-filters button.reset { width: auto; } .webapp .hp-interval-data-block .interval-data-history .actions button { width: auto; } .webapp .hp-interval-data-block .interval-data-history .actions .load-more { margin: 0 16px 0 0; } .webapp .hp-interval-data-block .interval-data-history .history, .webapp .hp-interval-data-block .interval-data-history .actions { margin-top: 24px; } } .webapp .hp-billing-breakdown-chart-block { margin-top: 16px; } .webapp .hp-billing-breakdown-chart-block .hp-container, .webapp .hp-billing-breakdown-chart-block .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .webapp .hp-billing-breakdown-chart-block .right > div > .uk-grid { padding-top: 0; padding-bottom: 0; } .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart { width: 100%; max-width: 350px; margin: 16px auto 0 auto; } .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .date { color: #00344f; text-align: center; margin-bottom: 16px; } .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail { position: absolute; left: 50%; top: calc(50% - 16px); transform: translate(-50%, -50%); text-align: center; } .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail .billing-breakdown { font-size: 32px; color: #00344f; font-weight: 700; line-height: 1; margin-bottom: 8px; } @media screen and (min-width: 360px) { .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail .billing-breakdown { font-size: 32px; } } @media screen and (min-width: 768px) { .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail .billing-breakdown { font-size: 32px; } } @media screen and (min-width: 1280px) { .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail .billing-breakdown { font-size: 50px; } } @media screen and (min-width: 1440px) { .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail .billing-breakdown { font-size: 50px; } } .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail .label { color: #999; font-weight: 500; } .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail .date, .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail .label { font-size: 14px; } @media screen and (min-width: 360px) { .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail .date, .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail .label { font-size: 14px; } } @media screen and (min-width: 768px) { .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail .date, .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail .label { font-size: 14px; } } @media screen and (min-width: 1280px) { .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail .date, .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail .label { font-size: 16px; } } @media screen and (min-width: 1440px) { .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail .date, .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail .label { font-size: 16px; } } @media only screen and (min-width: 768px) { .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart { width: 40%; max-width: unset; margin: 24px auto 0 auto; } .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart .chart-detail { top: calc(50% - 8px); } } @media only screen and (min-width: 1280px) { .webapp .hp-billing-breakdown-chart-block { margin-top: 24px; } .webapp .hp-billing-breakdown-chart-block .billing-breakdown-chart { width: 30%; } } .payment-extension .disclaimer { margin: 16px 0; } .hp-modal-popup#payment-extension .block > .hp-container, .hp-modal-popup#payment-extension .left-right-content .left-content .right > div.block > .uk-grid, .left-right-content .left-content .hp-modal-popup#payment-extension .right > div.block > .uk-grid, .hp-modal-popup#payment-extension .block > .hp-container > .hp-padding, .hp-modal-popup#payment-extension .left-right-content .left-content .right > div.block > .uk-grid > .hp-padding, .left-right-content .left-content .hp-modal-popup#payment-extension .right > div.block > .uk-grid > .hp-padding, .hp-modal-popup#payment-extension .hp-form-panel > .hp-container, .hp-modal-popup#payment-extension .left-right-content .left-content .right > div.hp-form-panel > .uk-grid, .left-right-content .left-content .hp-modal-popup#payment-extension .right > div.hp-form-panel > .uk-grid, .hp-modal-popup#payment-extension .hp-form-panel > .hp-container > .hp-padding, .hp-modal-popup#payment-extension .left-right-content .left-content .right > div.hp-form-panel > .uk-grid > .hp-padding, .left-right-content .left-content .hp-modal-popup#payment-extension .right > div.hp-form-panel > .uk-grid > .hp-padding { padding: 0; } .hp-modal-popup#payment-extension form { width: 100%; margin-top: 24px; } .hp-modal-popup#payment-extension .hp-step-process { width: 88%; } .hp-modal-popup#payment-extension .hp-wysiwyg-panel { height: auto; } .hp-prepaid-balance-block { margin-bottom: 48px; } .hp-prepaid-balance-block .prepaid-balance { display: grid; grid-template-columns: 1fr; row-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } .hp-prepaid-balance-block .actions { display: grid; grid-template-columns: 1fr; grid-column: 1/-1; gap: 16px; } .hp-prepaid-balance-block .actions > * { flex: 1; } .hp-prepaid-balance-block .actions .uk-button, .hp-prepaid-balance-block .actions .Form__NavigationBar .btnPrev, .Form__NavigationBar .hp-prepaid-balance-block .actions .btnPrev, .hp-prepaid-balance-block .actions .Form__NavigationBar .btnNext, .Form__NavigationBar .hp-prepaid-balance-block .actions .btnNext, .hp-prepaid-balance-block .actions form input[type='reset'], form .hp-prepaid-balance-block .actions input[type='reset'], .hp-prepaid-balance-block .actions form button.FormSubmitButton, form .hp-prepaid-balance-block .actions button.FormSubmitButton, .hp-prepaid-balance-block .actions .FormButton { width: 100%; } .hp-prepaid-balance-block .actions > div:first-child { grid-row: 2; } .hp-prepaid-balance-block .actions > div:last-child { grid-row: 1; } .hp-prepaid-balance-block .heading, .hp-prepaid-balance-block .subheading { text-align: center; } .hp-prepaid-balance-block .remaining, .hp-prepaid-balance-block .prepaid-status { border-radius: 4px; overflow: hidden; } .hp-prepaid-balance-block .prepaid-status { display: block; } .hp-prepaid-balance-block .prepaid-status > div { display: flex; justify-content: center; flex-direction: column; padding: 24px; height: 100%; } .hp-prepaid-balance-block .prepaid-status .text::before { content: ''; display: block; background-color: #00344f; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; width: 80px; height: 80px; } .hp-prepaid-balance-block .prepaid-status .text { display: flex; flex-direction: column; align-items: center; } .hp-prepaid-balance-block .prepaid-status .available { background-color: #99c8cb; position: relative; overflow: hidden; } .hp-prepaid-balance-block .prepaid-status .available .text { position: relative; color: #00344f; } .hp-prepaid-balance-block .prepaid-status .available .text * { color: inherit; } .hp-prepaid-balance-block .prepaid-status .available .text::before { content: ''; display: block; background-color: #00344f; -webkit-mask-image: url('/svg/icons/coins.svg'); mask-image: url('/svg/icons/coins.svg'); } .hp-prepaid-balance-block .prepaid-status .emergency { background-color: #ca9a9b; position: relative; overflow: hidden; color: #7a0306; } .hp-prepaid-balance-block .prepaid-status .emergency .text, .hp-prepaid-balance-block .prepaid-status .emergency .value { color: #7a0306; } .hp-prepaid-balance-block .prepaid-status .emergency .text::before { content: ''; display: block; background-color: #7a0306; -webkit-mask-image: url('/svg/icons/coins.svg'); mask-image: url('/svg/icons/coins.svg'); } .hp-prepaid-balance-block .prepaid-status .poweroff { background-color: #7a0306; } .hp-prepaid-balance-block .prepaid-status .poweroff .text, .hp-prepaid-balance-block .prepaid-status .poweroff .value { color: #fff; } .hp-prepaid-balance-block .prepaid-status .poweroff .text::before { content: ''; display: block; background-color: #fff; -webkit-mask-image: url('/svg/icons/icon-power-outage.svg'); mask-image: url('/svg/icons/icon-power-outage.svg'); } .hp-prepaid-balance-block .prepaid-status .poweroff .text.pending::before { background-color: #7a0306; } .hp-prepaid-balance-block .prepaid-status .poweroff .text.active::before { background-color: #fff; } .hp-prepaid-balance-block .prepaid-status .poweroff strong { margin-right: 8px; } .hp-prepaid-balance-block .remaining { display: flex; flex-direction: column; justify-content: center; text-align: center; background-color: #fff; align-items: center; padding: 24px; } .hp-prepaid-balance-block .remaining p { font-weight: bold; } .hp-prepaid-balance-block .remaining.nodays::before { transform: rotate(180deg); } .hp-prepaid-balance-block .remaining::before { content: ''; display: block; -webkit-mask-image: url('/svg/icons/icon-thumb-up.svg'); mask-image: url('/svg/icons/icon-thumb-up.svg'); background-color: #125252; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; width: 80px; height: 80px; } .hp-prepaid-balance-block .remaining *:not(a) { color: #125252; } @media only screen and (min-width: 768px) { .hp-prepaid-balance-block .prepaid-balance, .hp-prepaid-balance-block .actions { grid-template-columns: 1fr 1fr; } .hp-prepaid-balance-block .actions > div:first-child { grid-row: 1; } .hp-prepaid-balance-block .actions > div:last-child { grid-row: 1; } .hp-prepaid-balance-block .heading { display: flex; justify-content: space-between; align-items: center; text-align: left; margin-bottom: 24px; } } .sunshinesaver-comparison-chart .sunshinesaver svg { fill: #eba70e; max-width: 48px; margin: 0 16px 0 0; } .sunshinesaver-comparison-chart .sunshinesaver .chart .bar { background-color: #eba70e; width: 0%; } .sunshinesaver-comparison-chart .normal .chart .bar { background-color: #bac8e2; } .sunshinesaver-comparison-chart .compare { margin-bottom: 24px; } .sunshinesaver-comparison-chart .chart { display: flex; align-items: center; font-weight: bold; color: #00344f; margin-top: 16px; } .sunshinesaver-comparison-chart .chart .bar { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); height: 60px; margin-right: 16px; transition: all 2s ease-in-out; transition-delay: 1s; } .hp-cost-insights-block .cost-insights-container { gap: 16px; padding: 0; } .hp-cost-insights-block .cost-insights-container .cost { padding: 12px 0; } .hp-cost-insights-block .cost-insights-container .cost .bill-amount .bill-amount__icon { width: 32px; height: 32px; flex: 0.135; } .hp-cost-insights-block .cost-insights-container .cost .bill-amount .bill-amount__icon svg { width: 32px; height: 32px; } @media only screen and (min-width: 768px) { .hp-cost-insights-block .cost-insights-container .cost .bill-amount .bill-amount__icon { flex: 0 0 auto; } } .hp-cost-insights-block .cost-insights-container .cost .bill-amount .bill-amount__icon-description { margin: 0 24px 0 16px; flex: 1; line-height: 20px; } .hp-cost-insights-block .cost-insights-container .cost .bill-amount .bill-amount__amount { flex: 0; display: flex; font-size: 18px; font-weight: 600; line-height: 22px; } .hp-cost-insights-block .cost-insights-container .cost .divider { padding: 16px 0; } .hp-cost-insights-block .cost-insights-container .cost .divider svg path { stroke-width: 1; } .hp-cost-insights-block .cost-insights-container .cost .bill-amount-calculation { gap: 16px; } .hp-cost-insights-block .cost-insights-container .cost .bill-amount-calculation .bill-amount-calculation__icon { width: 32px; height: 32px; flex: 0.11; } .hp-cost-insights-block .cost-insights-container .cost .bill-amount-calculation .bill-amount-calculation__icon svg { width: 32px; height: 32px; } @media only screen and (min-width: 768px) { .hp-cost-insights-block .cost-insights-container .cost .bill-amount-calculation .bill-amount-calculation__icon { flex: 0 0 auto; } } .hp-cost-insights-block .cost-insights-container .cost .bill-amount-calculation .bill-amount-calculation__description { flex: 1; line-height: 20px; } .hp-cost-insights-block .cost-insights-container .cost .bill-amount-calculation .bill-amount-calculation__description strong { font-weight: 600; } .hp-cost-insights-block .cost-insights-container .cost .bill-amount-calculation .bill-amount-calculation__description ul { margin: 20px 0 8px 0; padding-left: 30px; font-weight: 600; } .hp-cost-insights-block .cost-insights-container .cost .bill-amount-calculation .bill-amount-calculation__description ul li { display: list-item; padding-bottom: 0; list-style: square; background-color: rgba(0, 0, 0, 0); border-top: none; } .hp-cost-insights-block .cost-insights-container .cost .bill-amount-calculation .bill-amount-calculation__description .learn-more { display: inline; } @media only screen and (min-width: 768px) { .hp-cost-insights-block .cost-insights-container .cost .bill-amount-calculation .bill-amount-calculation__description .learn-more { display: none; } } .hp-cost-insights-block .cost-insights-container .cost .bill-amount-calculation .learn-more { display: none; } @media only screen and (min-width: 768px) { .hp-cost-insights-block .cost-insights-container .cost .bill-amount-calculation .learn-more { display: inline; } } .hp-cost-insights-block .cost-insights-container .savings { border-top: 1px solid #000; padding: 16px; background-color: #cce3e5; gap: 8px; } .hp-cost-insights-block .cost-insights-container .savings .savings-installers-quote { width: 100%; box-sizing: border-box; } .hp-cost-insights-block .cost-insights-container .savings .savings-installers-quote .quote-heading { margin-bottom: 8px; } @media only screen and (min-width: 768px) { .hp-cost-insights-block .cost-insights-container .savings .savings-installers-quote .quote-heading { margin-bottom: 0; } } @media only screen and (min-width: 1280px) { .hp-cost-insights-block .cost-insights-container .savings .savings-installers-quote .quote-heading { min-width: 200px; } } .hp-cost-insights-block .cost-insights-container .savings .savings-installers-quote .quote { width: 100%; height: 40px; border: 1px solid #00344f; box-sizing: border-box; border-radius: 4px; background-color: rgba(0, 0, 0, 0); display: flex; align-items: center; justify-content: center; } .hp-cost-insights-block .cost-insights-container .savings .savings-installers-quote .quote label { padding: 0; color: #000; font-weight: 400; font-size: 16px; line-height: 24px; } .hp-cost-insights-block .cost-insights-container .savings .savings-installers-quote .quote input[type='text'] { background: rgba(0, 0, 0, 0); border: none; outline: none !important; height: 100%; padding: 0 0 0 4px; width: 40%; font-size: 16px; text-align: center; } .hp-cost-insights-block .cost-insights-container .savings .savings-installers-quote .quote input[type='text']::-moz-placeholder { color: #4c4c4c; font-size: 14px; font-weight: 400; line-height: 20px; } .hp-cost-insights-block .cost-insights-container .savings .savings-installers-quote .quote input[type='text']::placeholder { color: #4c4c4c; font-size: 14px; font-weight: 400; line-height: 20px; } @media only screen and (min-width: 768px) { .hp-cost-insights-block .cost-insights-container .savings .savings-installers-quote .quote input[type='text'] { width: 85%; text-align: start; } } .hp-cost-insights-block .cost-insights-container .savings .savings-installers-quote .quote:focus-within { border-radius: 4px; outline: 2.5px solid #00344f; } @media only screen and (min-width: 768px) { .hp-cost-insights-block .cost-insights-container .savings .savings-installers-quote .quote { width: auto; min-width: 215px; } } @media only screen and (min-width: 1280px) { .hp-cost-insights-block .cost-insights-container .savings .savings-installers-quote .quote { height: 49px; } } @media only screen and (min-width: 768px) { .hp-cost-insights-block .cost-insights-container .savings .savings-installers-quote { flex-direction: row; width: 100%; gap: 8px; } } @media only screen and (min-width: 1280px) { .hp-cost-insights-block .cost-insights-container .savings .savings-installers-quote { justify-content: flex-end; flex: 0.7; gap: 14px; } } .hp-cost-insights-block .cost-insights-container .savings .saving-years { width: 100%; gap: 8px; } .hp-cost-insights-block .cost-insights-container .savings .saving-years .calculated-years { width: 100%; padding: 14px 8px; background-color: #00344f; color: #fff; border-radius: 4px; } @media only screen and (min-width: 768px) { .hp-cost-insights-block .cost-insights-container .savings .saving-years .calculated-years { width: auto; } } .hp-cost-insights-block .cost-insights-container .savings .saving-years .savings-description { display: none; } @media only screen and (min-width: 768px) { .hp-cost-insights-block .cost-insights-container .savings .saving-years .savings-description { display: inline; } } @media only screen and (min-width: 768px) { .hp-cost-insights-block .cost-insights-container .savings .saving-years { flex-direction: row; justify-content: center; } } @media only screen and (min-width: 1280px) { .hp-cost-insights-block .cost-insights-container .savings .saving-years { justify-content: flex-start; flex: 1; gap: 14px; } } .hp-cost-insights-block .cost-insights-container .savings .savings-description { display: inline; } @media only screen and (min-width: 768px) { .hp-cost-insights-block .cost-insights-container .savings .savings-description { display: none; } } @media only screen and (min-width: 1280px) { .hp-cost-insights-block .cost-insights-container .savings { flex-direction: row; padding: 8px 16px; gap: 14px; } } .hp-cost-insights-block .cost-insights-container .learn-more a { font-size: 16px; line-height: 24px; font-weight: 600; text-decoration: underline; } .uk-grid-match.uk-child-width-1-2.uk-grid .video-content { margin: 16px; border-radius: 4px; } .info h3 { margin-bottom: 12px; } .video-content .hp-video-panel .hp-container, .video-content .hp-video-panel .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .video-content .hp-video-panel .right > div > .uk-grid { padding: 16px 0 0 0 !important; } .hp-container .energy-mgm-section-block, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block { background-color: rgba(0, 0, 0, 0); } .hp-container .energy-mgm-section-block .energy-mgm-container, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container { background-color: inherit; display: flex; flex-direction: column; gap: 16px; padding-left: 16px; padding-right: 16px; } .hp-container .energy-mgm-section-block .energy-mgm-container .video-description, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description { display: flex; flex-direction: column; gap: 12px; } .hp-container .energy-mgm-section-block .energy-mgm-container .video-description *, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description * { flex: 1; } @media only screen and (min-width: 1280px) { .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block { padding: 24px; gap: 32px; } .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block h2, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block h2 { font-size: 24px; font-weight: 600; line-height: 30px; } .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block .icon-link__box, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block .icon-link__box { padding: 0; } .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block .icon-link__box .icon-link__container, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block .icon-link__box .icon-link__container { gap: 12px; } .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block .icon-link__box .icon-link__container .icon-link__icon, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block .icon-link__box .icon-link__container .icon-link__icon { width: 48px; height: 48px; } .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block .icon-link__box .icon-link__container .icon-link__icon svg { width: 48px; height: 48px; } .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block .icon-link__box .icon-link__container .icon-link__text .font-h3-semibold, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block .icon-link__box .icon-link__container .icon-link__text .font-h3-semibold, .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block .icon-link__box .icon-link__container .icon-link__text .webapp .account-accordion .uk-accordion-content-title, .webapp .account-accordion .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block .icon-link__box .icon-link__container .icon-link__text .uk-accordion-content-title, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block .icon-link__box .icon-link__container .icon-link__text .webapp .account-accordion .uk-accordion-content-title, .webapp .account-accordion .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .icon-link__block .icon-link__box .icon-link__container .icon-link__text .uk-accordion-content-title { font-size: 20px; line-height: 24px; } } @media only screen and (min-width: 1280px) { .hp-container .energy-mgm-section-block .energy-mgm-container .video-description, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description { flex-direction: row; align-items: stretch; } .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .icon-link.multi, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .icon-link.multi { flex: 1; } .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .video-content, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .video-content { flex: 1; } .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock { height: 100%; } .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel { height: 100%; } .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel .hp-container, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel .hp-container, .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel .left-right-content .left-content .right > div > .uk-grid, .left-right-content .left-content .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel .right > div > .uk-grid, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel .right > div > .uk-grid { padding: 0 !important; height: 100%; } .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel .hp-container .hp-video-panel__video, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel .hp-container .hp-video-panel__video, .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel .left-right-content .left-content .right > div > .uk-grid .hp-video-panel__video, .left-right-content .left-content .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel .right > div > .uk-grid .hp-video-panel__video, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel .right > div > .uk-grid .hp-video-panel__video { height: 100%; } .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel .hp-container .hp-video-panel__video img, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel .hp-container .hp-video-panel__video img, .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel .left-right-content .left-content .right > div > .uk-grid .hp-video-panel__video img, .left-right-content .left-content .hp-container .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel .right > div > .uk-grid .hp-video-panel__video img, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .video-description .video-content .videoblock .hp-video-panel .right > div > .uk-grid .hp-video-panel__video img { height: 100%; } } .hp-container .energy-mgm-section-block .energy-mgm-container .hp-video-panel, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .hp-video-panel, .hp-container .energy-mgm-section-block .energy-mgm-container .hp-video-panel__video, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container .hp-video-panel__video { border-radius: 4px; } @media only screen and (min-width: 768px) { .hp-container .energy-mgm-section-block .energy-mgm-container, .left-right-content .left-content .right > div > .uk-grid .energy-mgm-section-block .energy-mgm-container { padding: 0; } } .hp-solar-saving-graph-block { background-color: rgba(0, 0, 0, 0); } .hp-solar-saving-graph-block .hp-padding { padding: 0; margin: 0; } .hp-solar-saving-graph-block .hp-padding .graph-container { display: flex; flex-direction: column; gap: 24px; padding: 16px; background-color: #f1eeeb; } .hp-solar-saving-graph-block .hp-padding .graph-container .graph-box__description { display: flex; flex-direction: column; align-items: flex-start; } @media only screen and (min-width: 768px) { .hp-solar-saving-graph-block .hp-padding .graph-container .graph-box__description { flex-direction: row; gap: 8px; align-items: center; } } .hp-solar-saving-graph-block .hp-padding .graph-container .current-usage { display: flex; flex-direction: column; gap: 16px; } .hp-solar-saving-graph-block .hp-padding .graph-container .current-usage .graph-block__heading { color: #00344f; } .hp-solar-saving-graph-block .hp-padding .graph-container .current-usage h3 { margin-bottom: 0; line-height: 40px; } .hp-solar-saving-graph-block .hp-padding .graph-container .current-usage .graph-box { display: flex; flex-direction: column; gap: 8px; } .hp-solar-saving-graph-block .hp-padding .graph-container .current-usage .graph-box #progressbarContainer1_Linearprogress, .hp-solar-saving-graph-block .hp-padding .graph-container .current-usage .graph-box #progressbarContainer2_Linearprogress { stroke-width: 60 !important; } .hp-solar-saving-graph-block .hp-padding .graph-container .current-usage .graph-box #progressbarContainer3_Linearprogress, .hp-solar-saving-graph-block .hp-padding .graph-container .current-usage .graph-box #progressbarContainer3_Linearbuffer { stroke-width: 48 !important; opacity: 1; } @media only screen and (min-width: 1280px) { .hp-solar-saving-graph-block .hp-padding .graph-container .current-usage .graph-box { gap: 16px; } } @media only screen and (min-width: 1280px) { .hp-solar-saving-graph-block .hp-padding .graph-container .current-usage { gap: 24px; } } .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .font-h3-semibold, .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .webapp .account-accordion .uk-accordion-content-title, .webapp .account-accordion .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .uk-accordion-content-title { color: #00344f; margin-bottom: 16px; } @media only screen and (min-width: 1280px) { .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .font-h3-semibold, .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .webapp .account-accordion .uk-accordion-content-title, .webapp .account-accordion .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .uk-accordion-content-title { margin-bottom: 24px; } } .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box { display: flex; flex-direction: column; align-items: stretch; align-content: center; justify-content: center; gap: 8px; } .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box .graph-box__savings-split { display: flex; padding: 0 8px 12px 16px; } .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box .graph-box__savings-split .logo-text { display: flex; align-items: center; justify-content: center; gap: 8px; } .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box .graph-box__savings-split .logo-text svg { width: 16px; height: 16px; } .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box .graph-box__savings-split .logo-text span { font-weight: 600; line-height: 20px; } @media only screen and (min-width: 1280px) { .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box .graph-box__savings-split .logo-text span { line-height: 26px; } } @media only screen and (min-width: 1280px) { .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box .graph-box__savings-split .logo-text div { font-size: 20px; font-weight: 400; line-height: 26px; } } @media only screen and (min-width: 1280px) { .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box .graph-box__savings-split { padding: 0 16px; } } .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box .graph-box__description, .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box .graph-box__savings-split { flex-direction: row; justify-content: space-between; } .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box .graph-box__description h4, .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box .graph-box__savings-split h4 { margin-bottom: 0; } .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box .progress-bar-container svg g path { opacity: 1; } .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box #progressbarContainer1_Linearprogress, .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box #progressbarContainer2_Linearprogress { stroke-width: 60 !important; } .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box #progressbarContainer3_Linearprogress, .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box #progressbarContainer3_Linearbuffer { stroke-width: 48 !important; opacity: 1; } @media only screen and (min-width: 1280px) { .hp-solar-saving-graph-block .hp-padding .graph-container .estimated-solar-usage .graph-box { gap: 16px; } } @media only screen and (min-width: 768px) { .hp-solar-saving-graph-block .hp-padding .graph-container .graph-block__info { background-color: #f1eeeb; } } @media only screen and (min-width: 768px) { .hp-solar-saving-graph-block .hp-padding { padding: 16px; } } @media only screen and (min-width: 1280px) { .hp-solar-saving-graph-block .hp-padding { padding: 24px; } } .hp-solar-saving-graph-block .custom-progress-bar-container1 .custom-progress-bar__svg { top: 0; width: 60px; height: 60px; position: absolute; } @media only screen and (min-width: 768px) { .hp-solar-saving-graph-block { background-color: #fff; } } .hp-auth-graph-block h3.uk-accordion-title.hp-savings__title { padding: 16px !important; } .hp-auth-graph-block h3.uk-accordion-title.hp-savings__title span { right: 19px; } .hp-auth-graph-block #cost-insight-accordion { border-top: 0; } .hp-total-savings-block .hp-savings__title { background-color: #99c8cb; padding: 16px 24px; border-radius: 8px 8px 0 0; box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0); } .hp-total-savings-block .hp-savings__title h3 { margin: 0; display: none; color: #00344f; } @media only screen and (min-width: 1280px) { .hp-total-savings-block .hp-savings__title h3 { display: block; } } .hp-total-savings-block .hp-savings__title h2 { margin: 0; display: block; color: #00344f; } @media only screen and (min-width: 1280px) { .hp-total-savings-block .hp-savings__title h2 { display: none; } } .hp-total-savings-block .hp-savings__content { padding: 16px; background-color: #fff; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection { display: flex; flex-direction: column; background-color: #fff; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size { flex: 1; border-radius: 4px; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .hp-savings__system-size__container_icons { display: flex; flex-direction: column; align-items: center; gap: 2px; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .hp-savings__system-size__container_icons .solar_icon { width: 64px; height: 64px; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .hp-savings__system-size__container_icons .household_icon { width: 100px; height: 100px; padding-top: 8px; } @media only screen and (min-width: 768px) { .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .hp-savings__system-size__container_icons .household_icon { padding-top: 0; } } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .hp-savings__system-size-description { color: #00344f; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .pill-tab-navigation .pill-tab-list { list-style: none; background: #e3ded6; padding: 0; margin: 0; font-size: 0; white-space: nowrap; border-radius: 100px; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .pill-tab-navigation .pill-tab-list li { display: inline-block; font-family: inherit; border-radius: 100px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap; min-width: 83px; text-align: center; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .pill-tab-navigation .pill-tab-list li:focus { outline: none; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .pill-tab-navigation .pill-tab-list li.active { background: #c14d34; border-radius: 100px; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .pill-tab-navigation .pill-tab-list li.active button { color: #fff; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .pill-tab-navigation .pill-tab-list li.active button:focus { outline: none; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .pill-tab-navigation .pill-tab-list li.active button:focus-visible { outline: 2px dotted #000; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .pill-tab-navigation .pill-tab-list li button { background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); font-size: 18px; font-weight: 600; line-height: 22px; padding: 8px 16px; border-radius: 100px; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .pill-tab-navigation .pill-tab-list li button.focus { outline: none; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .pill-tab-navigation .pill-tab-list li button:focus-visible { outline: 2px dotted #000; } @media only screen and (min-width: 1280px) { .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .pill-tab-navigation .pill-tab-list li button { font-size: 20px; line-height: 27px; } } @media only screen and (min-width: 768px) { .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .pill-tab-navigation .pill-tab-list li { min-width: 88px; } } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .pill-tab-navigation.solar-saving { background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; } @media only screen and (min-width: 1280px) { .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .pill-tab-navigation.solar-saving { padding: 20px 0; } } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .line-graph__container { height: 450px; width: 100%; text-align: center; margin-top: 35px; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .line-graph__container #line-container { width: 100%; } @media only screen and (min-width: 1280px) { .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__system-size .line-graph__container { margin-top: 16px; } } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings { flex: 1; border-radius: 4px; color: #fff; background-color: #125252; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings .hp-savings__container { padding: 16px; } @media only screen and (min-width: 768px) { .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings .hp-savings__container { padding: 24px; } } @media only screen and (min-width: 1280px) { .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings .hp-savings__container { padding: 42px; } } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings h2 { color: #fff; margin: 0; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings .hp-savings__annual-savings__box { width: 100%; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings .hp-savings__annual-savings__box .hp-savings__annual-savings__container { display: flex; flex-direction: column; justify-content: space-between; gap: 16px; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings .hp-savings__annual-savings__box .hp-savings__annual-savings__container .saving-details { flex: 1; display: flex; flex-direction: column; justify-content: center; text-align: center; align-items: center; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings .hp-savings__annual-savings__box .hp-savings__annual-savings__container .saving-details .block_icon { width: 48px; height: 48px; } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings .hp-savings__annual-savings__box .hp-savings__annual-savings__container .saving-details .block_icon svg { align-self: stretch; } @media only screen and (min-width: 768px) { .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings .hp-savings__annual-savings__box .hp-savings__annual-savings__container .saving-details .block_icon { width: 100px; height: 100px; } } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings .hp-savings__annual-savings__box .hp-savings__annual-savings__container .saving-details h2 { padding-top: 16px; margin: 0; color: #fff; align-self: stretch; } @media only screen and (min-width: 768px) { .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings .hp-savings__annual-savings__box .hp-savings__annual-savings__container .saving-details h2 { padding-top: 20px; } } .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings .hp-savings__annual-savings__box .hp-savings__annual-savings__container .saving-details .block_cost_description { padding-top: 8px; font-family: inherit; font-size: 24px; font-weight: 600; line-height: 28px; align-self: stretch; } @media only screen and (min-width: 768px) { .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings .hp-savings__annual-savings__box .hp-savings__annual-savings__container .saving-details .block_cost_description { padding: 0; } } @media only screen and (min-width: 1280px) { .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings .hp-savings__annual-savings__box .hp-savings__annual-savings__container .saving-details .block_cost_description { font-size: 16px; font-weight: 400; line-height: 24px; } } @media only screen and (min-width: 768px) { .hp-total-savings-block .hp-savings__content .hp-savings__system-selection .hp-savings__annual-savings .hp-savings__annual-savings__box .hp-savings__annual-savings__container { flex-direction: row; gap: 0; } } @media only screen and (min-width: 1280px) { .hp-total-savings-block .hp-savings__content .hp-savings__system-selection { flex-direction: row; } } .hp-total-savings-block .hp-savings__content .info { padding: 16px 0; } .hp-total-savings-block .hp-savings__content .info h3, .hp-total-savings-block .hp-savings__content .info h4 { margin-bottom: 12px; } .hp-total-savings-block .hp-savings__content .info .info-bold { font-weight: 600; line-height: 20px; margin-top: 8px; } @media only screen and (min-width: 768px) { .hp-total-savings-block .hp-savings__content { padding: 24px; } } .hp-total-savings-block .hp-savings__container { padding: 16px; margin: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px; text-align: center; } @media only screen and (min-width: 768px) { .hp-total-savings-block .hp-savings__container { gap: 16px; padding: 24px; } } @media only screen and (min-width: 1280px) { .hp-total-savings-block .hp-savings__container { gap: 32px; padding: 42px; } } form.solar-savings-form section div.solarsavingsdisplayelementblock, form.solar-savings-form section div.graphelementblock, form.solar-savings-form section div.accordionstart { padding-bottom: 0 !important; } .solarsavingsaccordionblock .hp-product-card__item { border-radius: 0 !important; } .solarsavingsaccordionblock .hp-product-card__item .hp-product-card__accordion .uk-accordion li.uk-margin-remove { border-top: 2px solid #125252 !important; } @media only screen and (min-width: 768px) { .solarsavingsaccordionblock .uk-accordion-content { padding: 16px; } } .syncfusion-graph-loader { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; padding: 24px 0; background-color: #fff; display: none; } .syncfusion-graph-loader.line-graph { background-color: rgba(0, 0, 0, 0); height: 450px; }