/* onest-300 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Onest';
font-style: normal;
font-weight: 300;
src: url('/css/fonts/onest-v6-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Onest';
font-style: normal;
font-weight: 400;
src: url('/css/fonts/onest-v6-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* onest-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Onest';
font-style: normal;
font-weight: 600;
src: url('/css/fonts/onest-v6-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* onest-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Onest';
font-style: normal;
font-weight: 700;
src: url('/css/fonts/onest-v6-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* onest-900 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Onest';
font-style: normal;
font-weight: 900;
src: url('/css/fonts/onest-v6-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+s */
}
:root {
/* Fonts */
--font-family: 'Onest', sans-serif;
--font-family-secondary: 'Onest', sans-serif;
--font-weight-regular: 400;
--font-weight-semi-bold: 600;
--font-weight-medium: 500;
--font-weight-bold: 700;
--font-size-14: 14px / 16px var(--font-family);
--font-size-16: 16px / 20px var(--font-family);
--font-size-18: max(14px, min(2vw, 18px)) / max(16px, min(2vw, 21px)) var(--font-family);
--font-size-24: max(18px, min(3vw, 24px)) / max(21px, min(3vw, 30px)) var(--font-family);
--font-size-32: max(18px, min(4vw, 32px)) / max(21px, min(4vw, 38px)) var(--font-family);
--font-size-48: max(24px, min(5vw, 48px)) / max(30px, min(5vw, 60px)) var(--font-family);
}
/** umb_name:Yvirskrift */
h1 {
font-size: 2rem;
line-height: normal;
}
/** umb_name:Undiryvirskrift */
h2 {
color: #333;
font-family: "Onest";
font-size: 1.25rem;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.0125rem;
}
/** umb_name:Tekstur */
p {
margin: 0;
font-family: "Onest";
font-weight: 400;
font-size: 1rem;
line-height: 1.625rem;
}
strong{
font-weight: 700;
}
/** umb_name:Grøn tekstboks */
p.highlight {
margin: 0;
font: var(--font-size-20);
font-weight: 400;
font-weight: var(--font-weight-regular);
background-color: #CBD400;
border-radius: 4px;
padding: 45px 75px;
}
h2.highlight {
margin: 0;
font: var(--font-size-20);
font-weight: 400;
font-weight: var(--font-weight-regular);
background-color: #CBD400;
border-radius: 4px;
padding: 45px 75px;
}
p + p {
padding-top: 20px;
}
h2 + p {
padding-top: 4px;
}
p + h2 {
padding-top: 40px;
}
.editor h1 {
margin-bottom: 35px;
}
p + .highlight{
margin-top: 41px;
}
ul + p{
padding-top: 20px
}
p + h1{
padding-top: 21px;
}
ul{
margin-top: 20px !important;
margin-bottom: 20px !important;
}
li{
font-family: "Onest";
font-weight: 400;
font-size: 1rem;
line-height: 1.625rem;
margin-top: 10px;
margin-bottom: 10px;
}
:not(#tinymce):not(.editor) > h1 {
margin-top: 0;
}
:not(#tinymce):not(.editor) > h2 {
margin-top: 0;
}
:not(#tinymce):not(.editor) > h3 {
margin-top: 0;
}
:not(#tinymce):not(.editor) > h5 {
margin-top: 0;
}
:not(#tinymce):not(.editor) > h4 {
margin-top: 0;
}
:not(#tinymce):not(.editor) > h6 {
margin-top: 0;
}
[data-ani] {
--delay: 0ms;
--time: 400ms;
--timing: ease;
--distance: 100;
opacity: 0;
transition: opacity 400ms ease, transform 400ms ease;
transition: opacity var(--time) var(--timing), transform var(--time) var(--timing);
animation-fill-mode: both;
}
[data-ani-init='true'][data-ani][data-ani-run='true'], [data-ani-init='true'][data-ani*='fade'][data-ani-run='true'] {
transform: translateY(0);
opacity: 1;
transition-delay: var(--delay);
}
[data-ani-init='true'][data-ani='fade-left'] {
transform: matrix(1, 0, 0, 1, var(--distance), 0);
}
[data-ani-init='true'][data-ani='fade-right'] {
transform: matrix(1, 0, 0, 1, calc(-1 * var(--distance)), 0);
}
[data-ani-init='true'][data-ani='fade-up'] {
transform: matrix(1, 0, 0, 1, 0, var(--distance));
}
[data-ani-init='true'][data-ani='fade-up-right'] {
transform: matrix(1, 0, 0, 1, calc(-1 * var(--distance)), var(--distance));
}
[data-ani-init='true'][data-ani='fade-up-left'] {
transform: matrix(1, 0, 0, 1, var(--distance), var(--distance));
}
.embeditem iframe[src^="https://www.youtube.com"]{
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
.embeditem iframe[src^="https://vimeo.com"]{
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
.embeditem iframe[src^="https://player.vimeo.com"]{
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
:root {
/* Colors */
--color-white: white;
--color-black: black;
/* Color intentions */
--color-background: var(--color-white);
--color-font: var(--color-black);
/* Sizes */
--side-padding: 15px;
/* Widths */
--page-width-large: min(1300px, calc(100vw - var(--side-padding) * 2));
/* Z-Indexes */
--z-index-header: 1000;
}
body {
display: grid;
grid-template-rows: auto 1fr auto;
max-width: 100vw;
/* Sticky footer */
min-height: 100vh;
min-height: 100svh;
color: black;
color: var(--color-font);
font-family: 'Onest', sans-serif;
font-family: var(--font-family);
background: white;
background: var(--color-background);
}
body > main, body > .main {
display: flex;
flex-direction: column;
overflow: hidden;
}
.skip-link {
position: absolute;
top: -100%;
color: black;
background: #fff;
}
.skip-link:focus {
top: 0;
}
:focus-visible {
outline: 4px dashed currentcolor;
}
/* Helper rules */
.max-lines {
--max-lines: 3;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
-webkit-line-clamp: var(--max-lines);
}
.visually-hidden:not(:focus):not(:active) {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
white-space: nowrap;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
}
/* Icons */
.c-icon {
--icon-url: url('');
--icon-color: currentcolor;
--icon-size: 16px;
display: block;
width: 16px;
width: var(--icon-size);
min-width: 16px;
min-width: var(--icon-size);
height: 16px;
height: var(--icon-size);
min-height: 16px;
min-height: var(--icon-size);
background-color: currentcolor;
background-color: var(--icon-color);
-webkit-mask-image: url('');
mask-image: url('');
-webkit-mask-image: var(--icon-url);
mask-image: var(--icon-url);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
.c-icon.example {
--icon-url: url('/images/icons/example.svg');
}
.site-contents{
min-height: calc(100vh - 451px);
overflow: hidden;
}
.menu-bg{
display: none;
position: absolute;
top: 145px;
left:0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 99;
}
.active-bg{
display: block;
}
.stop-scroll{
overflow: hidden;
}
@media screen and (max-width: 1047px){
.active-bg{
display: none;
}
}
@media print {
a::after {
font-size: 90%;
content: ' (' attr(href) ') ';
}
h1, h2, h3, h4 {
page-break-after: avoid;
}
#suqd-fedit-ctrl{
display: none !important;
}
}
.c-popup {
--outside-padding: 5vw;
--max-card-width: 1098px;
--max-card-height: calc(100vh - 100px);
--card-padding-vertical: var(--gap-64, 64px);
--card-padding-horizontal: var(--gap-64, 64px);
position: fixed;
z-index: 99999;
display: grid;
width: 100vw;
height: 100vh;
padding: 5vw;
padding: var(--outside-padding);
background-color: rgba(0, 0, 0, 0.75);
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
.c-popup .wrapper {
width: calc(100vw - (var(--outside-padding) * 2));
width: calc(100vw - calc(var(--outside-padding) * 2));
max-width: var(--max-card-width);
max-height: var(--max-card-height);
padding: var(--card-padding-vertical) var(--card-padding-horizontal);
overflow: auto;
background-color: white;
border-radius: 13px;
transform: scale(1);
align-self: center;
justify-self: center;
place-self: center;
}
.c-popup.closed {
animation: fade-out 500ms cubic-bezier(0.5, 0, 0.14, 1.32) 1 forwards;
pointer-events: none;
}
.c-popup.closed > .wrapper {
animation: scale-down 500ms cubic-bezier(0.5, 0, 0.14, 1.32) 1 forwards;
}
.c-popup:not(.c-popup.closed) {
animation: fade-in 500ms cubic-bezier(0.5, 0, 0.14, 1.32) 1 forwards;
}
.c-popup:not(.c-popup.closed) > .wrapper {
animation: scale-up 500ms cubic-bezier(0.5, 0, 0.14, 1.32) 1 forwards;
}
@keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes scale-up {
0% {
transform: scale(25%);
}
100% {
transform: scale(100%);
}
}
@keyframes scale-down {
0% {
transform: scale(100%);
}
100% {
transform: scale(50%);
}
}
*, *::before, *::after {
box-sizing: inherit;
}
:root {
box-sizing: border-box;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
line-height: 1.5;
}
body {
-webkit-font-smoothing: antialiased;
scroll-behavior: smooth;
}
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd, ol, ul, pre {
margin: 0;
}
h1, h2, h3, h4, p {
word-wrap: break-word;
}
h1, h2, h3, h4, button, input, label {
line-height: 1.1;
}
h1, h2, h3, h4 {
text-wrap: balance;
}
p, li, .intro-text, dd {
text-wrap: pretty;
}
ul[role='list'], ol[role='list'] {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
display: block;
max-width: 100%;
}
img, svg, video, canvas {
height: auto;
}
source {
display: none;
}
img {
border-style: none;
}
input, button, textarea, select { font: inherit; }
h1 {
margin: 0.67em 0;
font-size: 2rem;
}
h2 { font-size: 1.5rem; }
h3 { font-size: 1.17rem; }
h4 { font-size: 1rem; }
pre { white-space: pre-wrap; }
hr {
height: 0;
overflow: visible;
color: inherit;
border-style: solid;
border-width: 1px 0 0;
}
[hidden] {
display: none !important;
}
:target {
scroll-margin-block: 5ex;
scroll-margin-block: 5rlh;
}
/* Browser fixes */
summary::-webkit-details-marker {
display: none;
width: 0;
height: 0;
margin-right: 0;
}
[data-slider-init] {
--button-width: 40px;
--button-height: 40px;
--previous-arrow-color: white;
--next-arrow-color: white;
position: relative;
width: inherit;
}
[data-slider-init] .slides {
display: flex;
height: 100%;
overflow-x: scroll;
overflow-y: hidden;
scroll-snap-type: x mandatory;
overscroll-behavior-x: contain;
scrollbar-width: none; /* Firefox */
}
[data-slider-init] .slides::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera */
}
[data-slider-init] .slides, [data-slider-init] .slides > .slide {
width: inherit;
margin: 0;
padding: 0;
list-style-type: none;
}
[data-slider-init] .slides .slide {
flex: 0 0 100%;
width: 100%;
height: 100%;
scroll-snap-align: center;
scroll-snap-stop: always;
}
.c-airline-content{
padding: 56px 22px;
}
.c-airline-content .centered-text{
width: 100%;
margin: 0 auto;
}
.c-airline-content .contents{
max-width: 744px;
width: 100%;
margin: 0 auto;
padding: 0 22px;
}
.c-airline-content .contact-info{
display: flex;
margin: 32px auto;
max-width: 720px;
width: 100%;
}
.c-airline-content .item{
display: flex;
align-items: center;
padding: 22px;
flex: 1;
background-color: #FAFAFA;
border-radius: 4px;
margin: 0 8px;
}
.c-airline-content .item .icon-holder{
min-width: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.c-airline-content .item p{
padding: 0;
font-size: 1.125rem;
}
.c-airline-content .item a{
padding: 0;
font-size: 1.125rem;
color: #333333;
-webkit-text-decoration: none;
text-decoration: none;
}
.c-airline-content .item a:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-airline-content .item .bolded{
font-weight: 700;
}
.c-airline-content .line{
width: 1px;
min-height: 100%;
background-color: #D9D9D9;
min-height: 76px;
margin: 0 22px;
}
.c-airline-content .phone-icon{
width: 29px;
height: auto;
}
.c-airline-content .laptop-icon{
width: 48px;
}
.c-airline-content .link-to-airlines{
display: block;
max-width: 744px;
width: 100%;
padding: 0 22px;
margin: 0 auto;
color: #333;
font-size: 0.75rem;
-webkit-text-decoration: none;
text-decoration: none;
font-weight: 600;
}
.c-airline-content .link-to-airlines:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
@media screen and (max-width: 700px){
.c-airline-content .contact-info{
flex-direction: column;
}
.c-airline-content .contact-info .item{
margin: 8px 0;
}
}
.c-big-shortcuts{
background-color: #F0F0F0;
background-image: url("/images/Group.svg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
-ms-overflow-style: none;
scrollbar-width: none;
}
.c-big-shortcuts ::-webkit-scrollbar{
display: none;
}
.c-big-shortcuts .shortcuts{
max-width: 1240px;
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: row;
padding-top: 160px;
padding-bottom: 80px;
justify-content: center;
gap: 50px;
}
.c-big-shortcuts .shortcuts .shortcut-block{
flex: 1;
cursor: pointer;
border-radius: 4px;
overflow: hidden;
background-color: #fff;
color: #1B0759;
margin: 0;
max-width: 365px;
height: 100%;
display: flex;
flex-direction: column;
}
.c-big-shortcuts .shortcuts .shortcut-block img{
width: 100%;
transition: transform 0.3s ease-out;
}
.c-big-shortcuts .shortcuts .shortcut-block .title{
font-size: 1.25rem;
font-weight: 600;
padding-bottom: 32px;
}
.c-big-shortcuts .shortcuts .shortcut-block .image{
max-height: 205px;
overflow: hidden;
min-height: 205px;
width: 100%;
height: 205px;
}
.c-big-shortcuts .shortcuts .shortcut-block .image img{
-o-object-fit: contain;
object-fit: contain;
width: auto;
min-height: 100%;
}
.c-big-shortcuts .shortcuts .shortcut-block .dummy-image{
min-height: 205px;
}
.c-big-shortcuts .shortcuts .shortcut-block .description{
padding-top: 0;
color: #333;
}
.c-big-shortcuts .shortcuts .shortcut-block .text-box{
height: 100%;
padding: 38px 32px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.c-big-shortcuts .shortcuts .shortcut-block .link{
display: block;
padding-top: 32px;
font-size: 1rem;
font-weight: 600;
-webkit-text-decoration: none;
text-decoration: none;
color: #333;
}
.c-big-shortcuts .shortcuts .shortcut-link{
-webkit-text-decoration: none;
text-decoration: none;
color: #1B0759;
}
.c-big-shortcuts .shortcuts .shortcut-block:hover img{
transform: scale(1.05);
}
.c-big-shortcuts .shortcuts .shortcut-block:hover .link{
-webkit-text-decoration: underline;
text-decoration: underline;
}
@media screen and (max-width: 1047px){
.c-big-shortcuts{
overflow: scroll;
background-position: center 160px;
}
.c-big-shortcuts .shortcuts{
width: 816px;
padding-top: 125px;
padding-bottom: 40px;
padding-left: 13px;
padding-right: 13px;
gap: 14px;
}
.c-big-shortcuts .shortcuts .shortcut-block{
max-width: 250px;
}
.c-big-shortcuts .shortcuts .shortcut-block .image{
max-height: 141px;
min-height: 141px;
}
.c-big-shortcuts .shortcuts .shortcut-block .text-box{
padding: 18px 14px;
}
.c-big-shortcuts .shortcuts .shortcut-block .title{
padding-bottom: 10px;
}
.c-big-shortcuts .shortcuts .shortcut-block .description{
font-size: 0.875rem;
}
.c-big-shortcuts .shortcuts .shortcut-block .link{
padding-top: 20px;
}
}
@media screen and (max-width: 815px){
.c-big-shortcuts .shortcuts{
padding-top: 202px;
gap: 14px;
}
}
.c-airline-list{
padding: 56px 22px;
}
.c-airline-list .list{
max-width: 700px;
width: 100%;
margin: 0 auto;
}
.c-airline-list .block{
position: relative;
margin: 4px 0;
background-color: #FAFAFA;
display: block;
width: 100%;
padding: 2px 64px;
height: 80px;
display: flex;
align-items: center;
background-image: url("/images/icons/arrow-right.svg");
background-repeat: no-repeat;
background-position: calc(100% - 64px) center;
background-size: 25px;
}
.c-airline-list .block img{
height: 26px;
padding-right: 32px;
}
.c-airline-list .block:hover{
background-color: #f3f3f3;
}
@media screen and (max-width: 600px){
.c-airline-list .block{
padding: 2px 32px;
background-position: calc(100% - 32px) center;
}
}
nav.breadcrumbs {
padding: 0.8em 1em;
padding-left: 0;
padding-top: 0;
font-size: max(0.625rem, min(2vw, 0.875rem));
line-height: 0.625rem;
background: none;
border: 0;
}
nav.breadcrumbs ol {
margin: 0;
padding-left: 0;
list-style: none;
}
nav.breadcrumbs li {
display: inline;
}
nav.breadcrumbs li a {
color: black;
color: var(--color-font);
font-family: 'Onest', sans-serif;
font-family: var(--font-family);
-webkit-text-decoration: none;
text-decoration: none;
font-size: 0.8125rem;
}
nav.breadcrumbs li a:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
}
nav.breadcrumbs li + li::before {
display: inline-block;
height: 0.8em;
margin: 0 0.25em;
border-right: 0.1em solid currentcolor;
transform: rotate(15deg);
content: '';
}
nav.breadcrumbs a[aria-current='page'] {
}
.c-camera-page-content .title-area{
background-color: #fafafa;
padding: 32px 0;
}
.c-camera-page-content .title-area .title{
font-size: 3.25rem;
color: #1B0759;
padding-left: 54px;
padding-top: 24px;
margin-bottom: 12px;
font-weight: 500;
}
.c-camera-page-content .title-center{
max-width: 1024px;
margin: 0 auto;
}
.c-camera-page-content .center-content{
max-width: 1028px;
margin: 0 auto;
}
.c-camera-page-content .center-content .image-area{
padding: 56px;
}
.c-camera-page-content .center-content .image-area img{
margin-bottom: 32px;
}
.c-camera-page-content .description{
padding-left: 53px;
padding-top: 18px;
}
@media screen and (max-width: 1047px){
.c-camera-page-content .breadcrumbs{
display: none;
}
.c-camera-page-content .title-area .title{
font-size: 2rem;
padding-left: 25px;
padding-top: 0;
}
.c-camera-page-content .title-area .description{
padding-left: 25px;
}
.c-camera-page-content .center-content .title{
font-size: 2.5rem;
padding-left: 24px;
}
.c-camera-page-content .center-content .image-area{
padding: 24px 24px;
}
}
.c-destination-list .title-area{
background-color: #FAFAFA;
}
.c-destination-list .centered{
max-width: 1256px;
width: 100%;
margin: 0 auto;
padding: 32px 22px;
padding-bottom: 50px;
}
.c-destination-list .centered h1{
font-size: 4rem;
color: #1B0759;
font-weight: 500;
padding-top: 18px;
margin-bottom: 26px;
}
.c-destination-list .centered .breadcrumbs{
margin-top: -9px;
}
.c-destination-list .centered .description{
max-width: 543px;
font-size: 1.125rem;
}
.c-destination-list .centered .description p{
line-height: 1.8125rem;
font-size: 1.1875rem;
}
.c-destination-list .destinations{
display: flex;
flex-wrap: wrap;
max-width: 1236px;
width: 100%;
margin: 0 auto;
padding: 40px 0;
padding-bottom: 64px;
}
.c-destination-list .destinations .item{
position: relative;
max-width: 279px;
width: 100%;
max-height: 381px;
height: 100%;
border-radius: 4px;
overflow: hidden;
margin: 15px;
aspect-ratio: 9 / 13;
}
.c-destination-list .destinations .item .title-part{
position: absolute;
left: 30px;
top: calc(100% - 80px);
transition: top 0.5s ease;
margin-bottom: -7px;
color: #fff;
}
.c-destination-list .destinations .item .title-part p{
font-size: 1.5rem;
font-weight: 600;
}
.c-destination-list .destinations .item:hover .title-part{
top: calc(100% - 165px);
}
.c-destination-list .logo-list{
display: flex;
padding-top: 18px;
min-height: 30px;
}
.c-destination-list .logo{
height: 12px;
filter: grayscale(100%) brightness(1000%);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: left;
mask-position: left;
margin-right: 13px;
}
.c-destination-list .logo img{
-o-object-fit: contain;
object-fit: contain;
height: 12px;
}
.c-destination-list .gradient-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.c-destination-list .text{
padding-top: 22px;
padding-right: 20px;
overflow: hidden;
height: 115px;
}
.c-destination-list .dark-bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
transition: opacity 0.5s ease;
}
@media screen and (max-width: 1234px){
.c-destination-list .destinations{
max-width: 927px;
}
}
@media screen and (max-width: 926px){
.c-destination-list .destinations{
max-width: 618px;
}
}
@media screen and (max-width: 617px){
.c-destination-list .destinations{
max-width: 618px;
padding: 0 22px;
flex-direction: column;
}
.c-destination-list .destinations .item{
max-width: 100%;
height: auto;
max-height: none;
margin: 22px 0;
aspect-ratio: 9 / 11;
}
.c-destination-list .destinations .item .item-image{
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.c-destination-list .destinations .item .title-part{
bottom: 30px;
}
}
.c-destination-page-content .title-area{
padding: 0 22px;
padding-top: 24px;
padding-bottom: 10px;
max-width: 1253px;
width: 100%;
margin: 0 auto;
}
.c-destination-page-content .grey-box{
position: absolute;
z-index: -1;
background-color: #fafafa;
width: 100%;
height: 499px;
}
.c-destination-page-content .gallery{
position: relative;
max-width: 1208px;
width: 100%;
height: auto;
overflow: hidden;
aspect-ratio: 16 / 8.3;
margin: 0 auto;
}
.c-destination-page-content .gallery img{
position: absolute;
transition: left 0.4s ease;
}
.c-destination-page-content .left-arrow{
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%);
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
border: 0;
z-index: 2;
cursor: pointer;
pointer-events: none;
}
.c-destination-page-content .right-arrow{
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
border: 0;
z-index: 2;
cursor: pointer;
pointer-events: none;
}
.c-destination-page-content .content{
padding: 56px 0;
max-width: 680px;
width: 100%;
margin: 0 auto;
}
.c-destination-page-content h1{
font-size: 4rem;
font-weight: 500;
color: #1B0759;
}
.c-destination-page-content .top-part{
padding-bottom: 32px;
padding-left: 22px;
padding-right: 22px;
}
.c-destination-page-content .bottom-part{
padding-top: 32px;
padding-left: 22px;
padding-right: 22px;
}
.c-destination-page-content .dots{
position: absolute;
width: -moz-fit-content;
width: fit-content;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
display: flex;
}
.c-destination-page-content .dot{
width: 13px;
height: 13px;
border-radius: 100px;
border: 1px solid #fff;
cursor: pointer;
margin: 0 2px;
}
.c-destination-page-content .active-dot{
background-color: #fff;
}
.c-destination-page-content .airline-list{
background-color: #fafafa;
border-radius: 4px;
display: flex;
flex-direction: column;
padding: 28px 48px;
}
.c-destination-page-content .airline-top{
display: flex;
justify-content: space-between;
}
.c-destination-page-content .airline-title{
font-size: 1.25rem;
font-weight: 600;
}
.c-destination-page-content .airline-link{
-webkit-text-decoration: none;
text-decoration: none;
color: #333;
font-size: 0.75rem;
font-weight: 600;
}
.c-destination-page-content .airline-link:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-destination-page-content .logo-list{
display: flex;
align-items: center;
padding-top: 32px;
}
.c-destination-page-content .logo-list a{
margin-right: 40px;
}
.c-destination-page-content .logo{
height: 26px;
}
.c-destination-page-content .left-arrow-box{
position: absolute;
left: 0;
top: 0;
width: 128px;
height: 100%;
border: 0;
background-color: transparent;
cursor: pointer;
}
.c-destination-page-content .right-arrow-box{
position: absolute;
right: 0;
top: 0;
width: 128px;
height: 100%;
border: 0;
background-color: transparent;
cursor: pointer;
}
.c-destination-page-content .backdrop-image{
max-width: 1208px;
width: 100%;
margin: 0 auto;
aspect-ratio: 16 / 8.3;
}
@media screen and (max-width: 1208px){
.c-destination-page-content .grey-box{
display: none;
}
}
@media screen and (max-width: 600px){
.c-destination-page-content h1{
font-size: 2rem;
}
.c-destination-page-content .airline-list{
padding-left: 22px;
padding-right: 22px;
}
.c-destination-page-content .airline-list .airline-title{
font-size: 0.875rem;
}
.c-destination-page-content .airline-list .airline-top{
align-items: center;
}
.c-destination-page-content .logo-list a{
margin-right: 22px;
}
}
.c-event-list .title-area{
min-height: 250px;
background-color: #FAFAFA;
}
.c-event-list .centered{
max-width: 1102px;
padding: 32px 32px;
margin: 0 auto;
}
.c-event-list .title{
padding-left: 185px;
padding-top: 32px;
font-size: 4rem;
color: #1B0759;
}
.c-event-list .articles{
max-width: 1102px;
margin: 0 auto;
padding: 77px 90px;
}
.c-event-list .articles .block{
display: flex;
position: relative;
padding: 18px 0;
-webkit-text-decoration: none;
text-decoration: none;
color: #000;
border-bottom: 1px solid rgba(27, 7, 89, 0.15);
}
.c-event-list .articles .block p{
margin: 0;
padding: 0;
}
.c-event-list .articles .block .article-date{
padding-left: 130px;
font-weight: 300;
}
.c-event-list .articles .block .article-title{
padding-left: 21px;
font-weight: 600;
}
.c-event-list .articles .block .article-image{
position: absolute;
width: 16px;
right: 130px;
top: 50%;
transform: translateY(-50%)
}
.c-event-list .articles .block:hover{
background-color: #fafafa;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-event-list .c-pager{
margin: 0;
}
.c-event-list .c-pagination{
display: flex;
justify-content: center;
padding-top: 32px;
}
@media screen and (max-width: 1047px){
.c-event-list .title-area{
min-height: 100px;
}
.c-event-list .title{
font-size: 2.5rem;
padding-left: 0px;
}
.c-event-list .articles{
padding: 32px 24px;
}
.c-event-list .articles .block .article-date{
padding-left: 24px;
}
.c-event-list .articles .block .article-image{
right: 24px;
}
}
.c-event-content .grey-bar{
background-color: #FAFAFA;
}
.c-event-content .center-content{
max-width: 850px;
margin: 0 auto;
width: 100%;
}
.c-event-content .breadcrumbs{
padding-bottom: 32px;
}
.c-event-content .title-area{
padding-top: 21px;
}
.c-event-content .title-area h1{
padding-left: 130px;
font-size: 4rem;
color: #1B0759;
padding-bottom: 32px;
margin: 0;
}
.c-event-content .title-area .news-date{
padding-left: 130px;
padding-top: 0;
padding-bottom: 32px;
}
.c-event-content .title-area img{
width: 100%;
}
.c-event-content .main-content{
padding: 56px 130px;
}
.c-event-content .more-articles{
padding-bottom: 32px;
}
.c-event-content .article-block{
display: flex;
color: #000;
-webkit-text-decoration: none;
text-decoration: none;
border-bottom: 1px solid rgba(27, 7, 89, 0.15);
padding-top: 8px;
padding-bottom: 8px;
position: relative;
}
.c-event-content .article-block p{
padding: 0;
}
.c-event-content .article-block img{
width: 16px;
}
.c-event-content .article-block .date-text{
padding-left: 130px;
}
.c-event-content .article-block .name-text{
padding-left: 21px;
font-weight: 600;
}
.c-event-content .article-block .image-text{
position: absolute;
right: 130px;
top: 50%;
transform: translateY(-50%);
}
.c-event-content .article-block:hover{
background-color: #fafafa;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-event-content .read-more-button{
text-align: center;
background-color: #1B0759;
border-radius: 4px;
color: #fff;
padding: 12px 84px;
-webkit-text-decoration: none;
text-decoration: none;
font-size: 1.25rem;
display: block;
margin: 0 auto;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 32px;
}
.c-event-content .read-more-button:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-event-content .image-holder{
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
max-width: 960px;
margin: 0 auto;
height: auto;
aspect-ratio: 16 / 8.4;
}
.c-event-content .image-holder img{
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1047px){
.c-event-content .main-content{
padding-left: 22px;
padding-right: 22px;
}
.c-event-content .title-area h1{
font-size: 2.5rem;
padding-left: 22px;
}
.c-event-content .title-area .news-date{
padding-left: 22px;
}
.c-event-content .breadcrumbs{
padding-left: 22px;
}
.c-event-content .more-articles .article-block .date-text{
padding-left: 22px;
}
.c-event-content .more-articles .article-block .name-text{
padding-right: 41px;
}
.c-event-content .more-articles .image-text{
right: 22px;
}
}
.c-faq{
padding: 100px 32px;
}
.c-faq .center-content{
max-width: 1340px;
margin: 0 auto;
width: 100%;
display: flex;
flex-direction: row;
padding: 0 64px;
}
.c-faq .item-small{
flex: 0.7;
}
.c-faq .item-big{
flex: 1.3;
}
.c-faq .title{
font-size: 4rem;
color: #1B0759;
line-height: 1.2;
font-weight: 400;
}
.c-faq .question-block .question-title{
font-size: 1.125rem;
font-weight: 600;
color: #1B0759;
padding: 16px 0;
position: relative;
}
.c-faq .question-block .question-title p{
padding-left: 43px;
padding-right: 36px;
font-weight: 400;
}
.c-faq .question-block .question-title img{
position: absolute;
top: 50%;
right: 32px;
transform: translateY(-50%);
}
.c-faq .question-block .question-title .closed-icon{
display: block;
}
.c-faq .question-block .question-title .hover-icon{
display: none;
}
.c-faq .question-block .question-title .open-icon{
display: none;
}
.c-faq .question-block .question-title:hover{
cursor: pointer;
background-color: #fafafa;
color: #1B0759;
}
.c-faq .question-block .active-accordion{
background-color: #f5f6cc;
color: #1B0759;
display: grid;
}
.c-faq .question-block .active-accordion p{
font-weight: 600 !important;
}
.c-faq .question-block .active-accordion .open-icon{
display: block;
transform: rotate(45deg);
top: 37%;
}
.c-faq .question-block .active-accordion .hover-icon{
display: none;
}
.c-faq .question-block .active-accordion .closed-icon{
display: none;
}
.c-faq .question-block .active-accordion .holder{
grid-template-rows: 1fr;
}
.c-faq .question-block .active-accordion:hover{
font-weight: 600 !important;
}
.c-faq .question-block .active-accordion:hover{
background-color: #f5f6cc;
color: #1B0759;
}
.c-faq .question-block .active-accordion:hover .open-icon{
display: block;
}
.c-faq .question-block .active-accordion:hover .hover-icon{
display: none;
}
.c-faq .question-block .active-accordion:hover .closed-icon{
display: none;
}
.c-faq .question-block .holder{
overflow: hidden;
height: 100%;
min-height: 0;
transition: grid-template-rows 0.3s ease;
border-bottom: 1px solid rgba(27, 7, 89, 0.15);
display: grid;
grid-template-rows: 0fr;
}
.c-faq .question-block .accordion-contents{
display: grid;
grid-template-rows: 0fr;
min-height: 0;
}
.c-faq .question-block .active-holder{
max-height: 700px;
transition: max-height 0.5s ease-in;
}
.c-faq .question-block .contents{
padding-left: 64px;
padding-right: 32px;
padding-top: 32px;
padding-bottom: 32px;
}
.c-faq .active-accordion .holder{
grid-template-rows: 1fr !important;
}
.c-faq .active-accordion .question-title{
background-color: #f5f6cc !important;
}
.c-faq .active-accordion .question-title:hover{
background-color: #f5f6cc !important;
}
.c-faq .active-accordion .closed-icon{
display: none !important;
}
.c-faq .active-accordion .open-icon{
display: block !important;
transform: translateY(-50%) rotate(45deg) !important;
}
@media screen and (max-width: 1074px){
.c-faq{
padding: 32px 0;
padding-bottom: 64px;
}
.c-faq .center-content{
flex-direction: column;
padding: 0 32px;
}
.c-faq .title{
font-size: 2.5rem;
}
.c-faq .question-block .question-title p{
padding-left: 16px;
}
.c-faq .question-block .question-title img{
right: 16px;
}
.c-faq .question-block .contents{
padding-left: 32px;
}
}
.c-feedback-bar{
position: relative;
}
.c-feedback-bar .center-content{
max-width: 1270px;
margin: 0 auto;
display: flex;
padding: 0 32px;
}
.c-feedback-bar .big-item{
flex: 1.24;
background-color: #F5F6CC;
padding: 34px 32px;
border-radius: 4px;
margin-right: 57px;
text-align: center;
}
.c-feedback-bar .big-item .title{
font-size: 1.25rem;
font-weight: 600;
}
.c-feedback-bar .big-item .name-input{
display: block;
width: 100%;
text-align: center;
padding: 15px 0;
font-size: 1rem;
border: 0;
margin: 0 auto;
max-width: 407px;
margin-top: 24px;
outline: 0;
}
.c-feedback-bar .big-item .signup-button{
padding: 12px 40px;
color: #fff;
background-color: #1B0759;
border: 0;
font-family: "Onest";
border-radius: 4px;
margin-top: 24px;
cursor: pointer;
}
.c-feedback-bar .big-item .signup-button p{
font-weight: 600;
font-size: 1.125rem;
}
.c-feedback-bar .big-item .signup-button:hover p{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-feedback-bar .big-item p + p{
padding-top: 32px;
}
.c-feedback-bar .small-item{
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #1B0759;
padding: 32px 32px;
border-radius: 4px;
color: #fff;
text-align: center;
}
.c-feedback-bar .small-item .title{
color: #CBD400;
font-size: 1.25rem;
font-weight: 600;
}
.c-feedback-bar .small-item .feedback-button{
background-color: #fff;
border: 0;
padding: 12px 24px;
font-family: "Onest";
border-radius: 4px;
font-weight: 600;
font-size: 1.125rem;
max-width: 256px;
width: 100%;
max-height: 64px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.c-feedback-bar .small-item .feedback-button:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-feedback-bar .small-item .description{
line-height: 1.5rem;
padding-bottom: 0px;
padding-top: 8px;
margin: 0 auto;
max-width: 700px;
}
.c-feedback-bar .text-info{
text-align: left;
padding-right: 22px;
}
.c-feedback-bar .feedbag-dialog-box{
position: relative;
/*transition: opacity 0.1s ease-in-out;*/
opacity: 0;
pointer-events: none;
}
.c-feedback-bar .feedbag-dialog-box .dialog-content{
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 300;
width: 100%;
height: 100%;
pointer-events: none;
}
.c-feedback-bar .feedbag-dialog-box .dialog-content:has(.done-text) .description{
display: none;
}
.c-feedback-bar .feedbag-dialog-box .dialog-content:has(.done-text) .done-text{
padding-top: 32px;
}
.c-feedback-bar .feedbag-dialog-box .dialog-bg{
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
z-index: 200;
}
.c-feedback-bar .feedbag-dialog-box .dialog{
background-color: #fff;
padding: 48px 150px;
z-index: 201;
border-radius: 8px;
max-width: 785px;
text-align: center;
position: relative;
}
.c-feedback-bar .feedbag-dialog-box .dialog .title{
font-size: 1.25rem;
font-weight: 600;
}
.c-feedback-bar .feedbag-dialog-box .dialog .description{
padding-bottom: 20px;
}
.c-feedback-bar .feedbag-dialog-box .dialog input[type=text], .c-feedback-bar .feedbag-dialog-box .dialog input[type=email], .c-feedback-bar .feedbag-dialog-box .dialog input[type=tel]{
display: block;
width: 100%;
border: 0;
background-color: #F1F3F4;
padding: 12px 0;
padding-left: 16px;
border-radius: 4px;
margin-bottom: 8px;
outline: 0;
}
.c-feedback-bar .feedbag-dialog-box .dialog .dialog-area{
width: 100%;
border: 0;
background-color: #F1F3F4;
padding: 12px 0;
border-radius: 4px;
margin-bottom: 8px;
padding-left: 16px;
min-height: 250px;
outline: 0;
}
.c-feedback-bar .feedbag-dialog-box .dialog .feedback-submit-button{
margin-top: 32px;
padding: 12px 89px;
background-color: #1B0759;
color: #fff;
border-radius: 8px;
border: 0;
cursor: pointer;
}
.c-feedback-bar .feedbag-dialog-box .dialog .feedback-submit-button:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-feedback-bar .feedbag-dialog-box .dialog .dialog-close-button{
position: absolute;
top: 24px;
right: 24px;
background-color: transparent;
border: 0;
cursor: pointer;
}
.c-feedback-bar .feedbag-dialog-box .dialog .dialog-close-button img{
width: 24px;
transition: transform 0.05s ease-out;
}
.c-feedback-bar .feedbag-dialog-box .dialog .dialog-close-button:hover img{
transform: scale(1.4);
}
.c-feedback-bar .active-dialog{
opacity: 1;
pointer-events: all;
}
.c-feedback-bar .active-dialog .dialog{
pointer-events: all;
}
.c-feedback-bar fieldset{
border: 0;
}
.c-feedback-bar .bottom-bar{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
z-index: 20;
padding: 0 22px;
}
.c-feedback-bar .bottom-bar p{
text-align: center;
font-size: 1rem;
font-weight: 100;
margin: 0;
}
.c-feedback-bar .bottom-bar .centered-bar{
display: flex;
justify-content: center;
align-items: center;
}
.c-feedback-bar .bottom-bar button{
margin-left: 21px;
border: 0;
background-color: #CBD400;
color: #1B0759;
padding: 8px;
border-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
cursor: pointer;
min-width: 128px;
}
.c-feedback-bar .bottom-bar button:hover{
background-color: #e0ea1b;
}
@media screen and (max-width: 1047px){
.c-feedback-bar{
padding-left: 0;
padding-right: 0;
}
.c-feedback-bar .center-content{
flex-direction: column;
padding: 0;
}
.c-feedback-bar .center-content .big-item{
margin-right: 0;
margin-bottom: 16px;
}
.c-feedback-bar .small-item{
flex-direction: column;
padding-left: 22px;
padding-right: 22px;
border-radius: 0;
}
.c-feedback-bar .small-item .text-info{
padding-right: 0;
text-align: center;
}
.c-feedback-bar .small-item .feedback-button{
margin-top: 32px;
}
}
@media screen and (max-width: 780px){
.c-feedback-bar .feedbag-dialog-box .dialog{
padding: 48px 22px;
height: 100vh;
overflow: scroll;
}
}
.c-member-form .title-bar{
background-color: #69000f;
}
.c-member-form .title-bar h1{
color: #fff;
font-size: 3.125rem;
padding-top: 66px;
padding-bottom: 88px;
padding-left: 32px;
padding-right: 32px;
max-width: 740px;
margin: 0 auto;
}
.c-member-form .member-form {
max-width: 512px;
margin: 0 auto;
padding: 32px 32px;
background-color: #fff;
}
.c-member-form .member-form h1{
padding-top: 128px;
}
.c-member-form .member-form form{
display: flex;
flex-direction: column;
}
.c-member-form .member-form fieldset {
border: 0 !important;
outline: 0 !important;
}
.c-member-form .member-form fieldset {
display: flex;
flex-direction: column;
}
.c-member-form .member-form fieldset label{
padding: 12px 0px;
display: flex;
flex-direction: column;
}
.c-member-form .member-form .checkbox-list{
display: flex;
flex-direction: column;
}
.c-member-form .member-form button{
color: #fff;
border: 0;
display: block;
max-width: 128px;
width: 100%;
margin: 0 auto;
padding: 8px;
background-color: #69000f;
border-radius: 8px;
cursor: pointer;
}
.c-member-form .member-form button:hover{
background-color: #9d000d;
}
.c-member-form .member-form input{
padding: 8px;
border-radius: 8px;
}
.c-member-form .member-form input:focus{
outline: 0;
}
.c-member-form .member-form .check{
display: block;
}
.c-member-form .member-form .check label{
display: flex;
flex-direction: row;
}
.c-member-form .member-form .check input{
width: 16px;
margin: 0 21px;
}
.c-member-form .member-form .street{
display: flex;
flex-direction: row;
}
.c-member-form .member-form .street label{
flex: 1;
width: 100%;
}
.c-member-form .member-form .street label input{
width: 100%;
}
.c-member-form .member-form .street label:first-child{
margin-right: 8px;
}
.c-flight-page-content{
background-color: #fff;
padding-bottom: 32px;
}
.c-flight-page-content .center-content{
padding-top: 32px;
max-width: 1290px;
margin: 0 auto;
width: 100%;
}
.c-flight-page-content .center-content .title-area h1 {
font-size: 3.25rem;
line-height: 1.2;
font-weight: 500;
padding-left: 130px;
color: #1B0759;
}
.c-flight-page-content .center-content .title-area .breadcrumbs{
padding-left: 130px;
padding-bottom: 32px;
}
.c-flight-page-content .title-area{
background-color: #FAFAFA;
border-bottom: 1px solid #1B0759;
padding-top: 22px;
padding-left: 20px;
padding-right: 20px;
}
.c-flight-page-content .title-area .center-title{
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.c-flight-page-content .title-area h1{
font-size: 4rem;
font-weight: 500;
padding-top: 18px;
color: #1B0759;
}
.c-flight-page-content .title-area .button-list{
display: flex;
margin-left: 105px;
}
.c-flight-page-content .title-area button{
display: block;
background-color: transparent;
border: 0;
color: #1B0759;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding: 12px;
text-transform: uppercase;
position: relative;
min-width: 240px;
font-size: 1.125rem;
font-weight: 700;
padding: 20px 10px;
padding-left: 51px;
cursor: pointer;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
.c-flight-page-content .title-area .selected{
border-top: 1px solid #1B0759;
border-left: 1px solid #1B0759;
border-right: 1px solid #1B0759;
background-color: #fff;
}
.c-flight-page-content .title-area .selected::after{
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
background-color: #fff;
height: 4px;
}
.c-flight-page-content .title-area .landing-button{
background-image: url("/images/icons/flight_land.svg");
background-position: 64px 19px;
background-size: 32px;
background-repeat: no-repeat;
}
.c-flight-page-content .title-area .takeoff-button{
background-image: url("/images/icons/flight_takeoff.svg");
background-position: 47px 19px;
background-size: 32px;
background-repeat: no-repeat;
}
@media screen and (max-width: 1047px){
.c-flight-page-content .title-area .button-list{
margin-left: 0;
}
}
@media screen and (max-width: 520px){
.c-flight-page-content .title-area h1{
font-size: 2rem;
}
.c-flight-page-content .title-area button{
font-size: 1rem;
padding-left: 66px;
padding-right: 29px;
min-width: 140px;
}
.c-flight-page-content .title-area .landing-button{
background-position: 26px 19px;
}
.c-flight-page-content .title-area .takeoff-button{
background-position: 25px 19px;
}
}
@media screen and (max-width: 390px){
.c-flight-page-content .title-area button{
min-width: 110px;
font-size: 0.75rem;
padding-left: 45px;
}
.c-flight-page-content .title-area .landing-button{
background-position: 18px 19px;
background-size: 22px;
}
.c-flight-page-content .title-area .takeoff-button{
background-position: 15px 19px;
background-size: 22px;
}
}
.c-flight-page-content .flight-buttons{
display: flex;
max-width: 480px;
width: 100%;
padding-top: 32px;
margin-left: 130px;
}
.c-flight-page-content .flight-buttons .button{
flex: 1;
border-radius: 4px;
background-color: #fff;
color: #1B0759;
outline: 1px solid #1B0759;
display: flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
padding: 12px 24px;
cursor: pointer;
}
.c-flight-page-content .flight-buttons .button img{
margin-right: 12px;
}
.c-flight-page-content .flight-buttons .button .selected-image{
display: none;
}
.c-flight-page-content .flight-buttons .button .deselected-image{
display: inline-block;
}
.c-flight-page-content .flight-buttons .selected{
background-color: #1B0759;
color: #CBD400;
}
.c-flight-page-content .flight-buttons .selected .selected-image{
display: inline-block;
}
.c-flight-page-content .flight-buttons .selected .deselected-image{
display: none;
}
.c-flight-page-content .flight-buttons .button + .button{
margin-left: 4px;
}
.c-flight-page-content .list-view{
display: none;
padding: 0 32px;
max-width: 1085px;
margin: 0 auto;
margin-top: 24px;
padding-top: 24px;
}
.c-flight-page-content .list-view .date-title{
font-size: 1.25rem;
font-weight: 700;
padding: 24px 0;
padding-top: 0;
padding-left: 27px;
}
.c-flight-page-content .list-view .date-title::first-letter{
text-transform: capitalize;
}
.c-flight-page-content .list-view .flex-table{
width: 100%;
display: flex;
flex-direction: column;
}
.c-flight-page-content .list-view .flex-table .header-row p{
font-weight: 700;
}
.c-flight-page-content .list-view .flex-table .row{
flex: 1;
display: flex;
width: 100%;
padding: 8px 0;
}
.c-flight-page-content .list-view .flex-table .row p{
padding: 0;
flex: 1;
}
.c-flight-page-content .list-view .flex-table .row .table-time{
max-width: 100px;
}
.c-flight-page-content .list-view .flex-table .row .bigger{
flex: 1.2 !important;
}
.c-flight-page-content .list-view .flex-table .row:nth-child(odd){
background-color: #FAFAFA;
}
.c-flight-page-content .list-view .bolded{
font-weight: 700;
}
.c-flight-page-content .list-view table{
padding-bottom: 42px;
border: 0;
width: 100%;
}
.c-flight-page-content .list-view table .top-table-bold p{
font-weight: 600;
text-align: left;
}
.c-flight-page-content .list-view table .top-table-bold th{
padding-top: 100px;
}
.c-flight-page-content .list-view table thead{
text-align: left;
}
.c-flight-page-content .list-view table tbody{
padding-bottom: 32px;
position: relative;
}
.c-flight-page-content .list-view table thead + tbody td{
padding-top: 32px;
}
.c-flight-page-content .list-view table p{
padding: 8px 0;
}
.c-flight-page-content .list-view table td{
height: 64px;
}
.c-flight-page-content .list-view table tr:nth-child(even){
background-color: #FAFAFA;
}
.c-flight-page-content .list-view table tr:first-child th{
padding-top: 64px;
}
.c-flight-page-content .list-view table .time-td{
width: 100px;
}
.c-flight-page-content .list-view table .flight-td{
width: 160px;
height: auto;
}
.c-flight-page-content .list-view table .tail-icon{
width: 23px;
margin-left: 7px;
position: relative;
top: -2px;
}
.c-flight-page-content .list-view table .logo-icon{
width: 64px;
margin-right: 60px;
}
.c-flight-page-content .list-view table .test{
display: none;
}
.c-flight-page-content .list-view table .desktop-hide{
display: none;
}
.c-flight-page-content .list-view table .flexed{
display: flex;
align-items: center;
padding: 11px 0;
gap: 0 15px;
justify-content: space-between;
}
.c-flight-page-content .list-view table .mobile-name{
display: none;
padding-top: 0;
}
.c-flight-page-content .list-view table .lined{
-webkit-text-decoration: line-through;
text-decoration: line-through;
}
.c-flight-page-content .list-view table .date-title{
position: absolute;
top: 0;
left: 0;
}
.c-flight-page-content .list-view table .last-tab{
height: -moz-fit-content !important;
height: fit-content !important;
}
.c-flight-page-content .list-view table .last-tab{
/*text-align: right;*/
}
.c-flight-page-content .list-view table .last-tab p + p{
padding-top: 0;
}
.c-flight-page-content .list-view table .from-info{
max-width: 160px;
}
.c-flight-page-content .list-view table .operator-info{
max-width: 290px;
width: 100vw;
}
.c-flight-page-content .visible-list{
display: block;
}
.c-flight-page-content .left-side-pad{
padding-left: 27px;
}
@media screen and (max-width: 1047px){
.c-flight-page-content .center-content .title-area h1{
font-size: 2.5rem;
padding-left: 24px;
padding-top: 12px;
padding-bottom: 24px;
margin-bottom: 0;
}
.c-flight-page-content .center-content .breadcrumbs{
display: none;
}
.c-flight-page-content .list-view{
border: 0;
}
.c-flight-page-content .list-view .date-title{
padding-left: 22px;
}
.c-flight-page-content .list-view .flex-table{
padding: 0 22px;
}
.c-flight-page-content .list-view .flex-table .row .mobile-hide{
display: none !important;
}
.c-flight-page-content .list-view .flex-table .row .status-text{
text-align: right;
padding-right: 22px;
}
.c-flight-page-content .list-view table .logo-icon{
margin-right: 32px;
}
.c-flight-page-content .flight-buttons{
margin: 0;
padding-top: 0;
padding: 0 23px;
}
.c-flight-page-content .flight-buttons p{
font-size: 0.875rem;
}
.c-flight-page-content .mobile-text-right{
/*width: 100%;*/
}
}
@media screen and (max-width: 750px){
.c-flight-page-content .left-side-pad{
padding-left: 0px;
}
.c-flight-page-content .list-view{
padding: 24px 0;
}
.c-flight-page-content .list-view table{
table-layout: auto;
}
.c-flight-page-content .list-view table tr{
margin: 0 24px;
}
.c-flight-page-content .list-view table tr td{
height: -moz-fit-content;
height: fit-content;
padding-top: 19px;
}
.c-flight-page-content .list-view table tr td:first-child{
padding-left: 24px;
}
.c-flight-page-content .list-view table tr td:last-child{
padding-right: 24px;
}
.c-flight-page-content .list-view table p{
padding-bottom: 0;
line-height: 1.625rem;
}
.c-flight-page-content .list-view table .mobile-name{
display: block;
}
.c-flight-page-content .list-view table .mobile-hide{
display: none;
}
.c-flight-page-content .list-view table .mobile-bold{
font-weight: 600;
}
.c-flight-page-content .list-view table .mobile-text-right{
text-align: right;
display: flex;
justify-content: flex-end;
align-items: flex-start;
min-width: 63px;
}
.c-flight-page-content .list-view table .left-time{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
.c-flight-page-content .list-view table .mobile-flex-view{
display: flex;
width: 100vw;
margin: 0;
}
.c-flight-page-content .list-view table .mobile-flight-info{
padding-left: 0;
}
.c-flight-page-content .list-view table .mobile-flight-info .mobile-bold{
}
.c-flight-page-content .list-view table .mobile-flight-info .mobile-name{
padding-top: 0;
}
.c-flight-page-content .list-view table .time-td{
width: 100%;
}
.c-flight-page-content .list-view table .flight-td{
width: 100%;
padding-left: 23px;
padding-bottom: 23px;
}
.c-flight-page-content .list-view table .logo-icon{
padding-top: 0px;
padding-left: 10px;
width: 75px;
-o-object-fit: contain;
object-fit: contain;
}
.c-flight-page-content .list-view table .desktop-hide{
display: block;
}
.c-flight-page-content .list-view table .flexed-mobile{
display: flex !important;
}
.c-flight-page-content .list-view table .lined{
-webkit-text-decoration: line-through;
text-decoration: line-through;
}
.c-flight-page-content .list-view table .bolded{
font-weight: 700;
}
.c-flight-page-content .list-view table .dummy-text{
height: 32px;
}
.c-flight-page-content .list-view .last-tab{
width: 100%;
padding-bottom: 20px;
}
.c-flight-page-content .list-view .last-tab p + p{
padding-left: 20px;
}
.c-flight-page-content .flight-buttons .button img{
margin-right: 6px;
}
}
@media screen and (max-width: 500px){
.c-flight-page-content .list-view table .mobile-text-right{
min-width: 60px;
}
.c-flight-page-content .mobile-text-right{
width: 100%;
flex-direction: column;
text-align: right;
}
.c-flight-page-content .mobile-text-right p{
width: 100%;
}
.c-flight-page-content .mobile-text-right p + p{
padding-left: 0 !important;
}
.c-flight-page-content .last-tab{
width: 100%;
flex-direction: column;
text-align: right;
}
.c-flight-page-content .last-tab p{
width: 100%;
}
.c-flight-page-content .last-tab p + p{
padding-left: 0 !important;
}
.c-flight-page-content .notes{
padding-bottom: 12px !important;
}
}
.flight-page{
background-color: #fafafa;
height: 100%;
}
.c-footer{
background-color: #1B0759;
color: #fff;
min-height: 451px;
padding: 52px 32px;
}
.c-footer .center-content{
max-width: 1105px;
margin: 0 auto;
width: 100%;
display: flex;
}
.c-footer .item{
flex: 1;
}
.c-footer .contacts{
font-size: 0.875rem;
}
.c-footer .contacts p{
margin: 0;
padding: 0;
font-weight: 300;
}
.c-footer .contacts .bold-text{
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
}
.c-footer .contacts a{
display: block;
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
}
.c-footer .contacts a:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
color: #CBD400;
}
.c-footer .contacts .padded-title{
font-weight: 600;
padding-top: 32px;
}
.c-footer .contacts .padded-top{
padding-top: 32px;
}
.c-footer .links a{
display: block;
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
font-weight: 300;
}
.c-footer .links a:hover{
color: #CBD400;
}
.c-footer .bold-title{
font-weight: 700;
text-transform: uppercase;
}
.c-footer .footer-logo{
width: 151px;
}
.c-footer .copyright-area{
opacity: 0.5;
color: #fff;
display: flex;
justify-content: center;
padding-top: 32px;
}
.c-footer .copyright-area p{
font-size: 0.75rem;
}
.c-footer .copyright-area a{
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
font-size: 0.75rem;
padding-top: 4px;
}
.c-footer .copyright-area a:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-footer .copyright-area img{
width: 3px;
margin: 0 16px;
}
.c-footer .some-links{
padding-top: 43px;
display: flex;
align-items: center;
}
.c-footer .some-links img{
width: 18px;
margin-right: 12px;
}
.c-footer .mobile-holder{
height: -moz-fit-content;
height: fit-content;
transition: height 0.2s ease-in-out;
padding-top: 16px;
}
.c-footer .mobile-button-icon{
display: none;
}
.c-footer .mobile-footer-button{
position: relative;
}
.c-footer .mobile-button-icon{
position: absolute;
top: 12px;
right: 20px;
width: 14px;
transition: transform 0.2s ease-in-out;
}
.c-footer .active-footer-menu img{
transform: rotate(90deg);
}
.c-footer .some-buttons .hover-off{
display: block;
}
.c-footer .some-buttons .hover-on{
display: none;
}
.c-footer .some-buttons:hover .hover-off{
display: none;
}
.c-footer .some-buttons:hover .hover-on{
display: block;
}
.c-footer .author-note{
color: #fff;
display: block;
font-size: 0.75rem;
margin: 0;
line-height: 1.1875rem;
}
.c-footer .author-note a{
font-size: 0.75rem;
display: inline-block;
-webkit-text-decoration: underline;
text-decoration: underline;
color: #fff;
}
@media screen and (max-width: 1047px){
.c-footer .center-content{
flex-direction: column;
}
.c-footer .copyright-area{
flex-wrap: wrap;
}
.c-footer .mobile-mode{
display: flex;
flex-direction: row;
align-items: center;
padding-bottom: 32px;
}
.c-footer .mobile-mode .some-links{
padding-top: 0;
width: 100%;
justify-content: flex-end;
}
.c-footer .mobile-arrow{
padding: 16px 0 !important;
padding-left: 16px !important;
}
.c-footer .mobile-arrow{
cursor: pointer;
border-bottom: 1px solid rgba(255,255,255, 0.15);
}
.c-footer .mobile-holder{
overflow: hidden;
height: 0;
padding-left: 17px;
}
.c-footer .mobile-content{
padding-bottom: 32px;
}
.c-footer .mobile-button-icon{
display: block;
}
}
@media print{
.c-footer{
display: none;
}
}
.c-404-not-found {
margin: 0 auto;
max-width: 712px;
margin-top: 100px;
padding: 0 32px;
}
.c-four-oh-four-search
{
font-size: 1rem;
line-height: 1.5rem;
max-width: 1200px;
margin: 0 auto;
padding: 64px 32px;
max-width: 712px;
}
.c-four-oh-four-search .head
{
font-size: 2rem;
line-height: 3.125rem;
font-weight: 700;
padding: 30px 0;
padding-bottom: 0;
}
.c-four-oh-four-search .head-description mark, .c-four-oh-four-search .head-description span
{
font-weight: normal;
}
.c-four-oh-four-search .items > a
{
display: block;
color: inherit;
padding: 24px 0;
border-bottom: solid 1px #D9D9D9;
-webkit-text-decoration: none;
text-decoration: none;
}
.c-four-oh-four-search .items > a:hover .title
{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-four-oh-four-search .items > a:not(:first-child)
{
border-top: solid 1px #D9D9D9;
}
.c-four-oh-four-search .items > a::after
{
display: none;
}
.c-four-oh-four-search .items > a[href$=".pdf"] .title::after
{
display: inline-block;
content: ">";
color: transparent;
font-size: inherit;
line-height: inherit;
width: 18px;
margin-left: 7px;
background: svg-uri('') no-repeat center center;
}
.c-four-oh-four-search .title
{
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 10px;
display: block;
}
.c-four-oh-four-search .description
{
line-height: 1.625rem;
display: block;
}
.c-four-oh-four-search mark
{
color: #000;
background-color: #fff;
font-weight: 700;
}
.c-four-oh-four-search .filter-name
{
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 17px;
font-weight: 500;
}
.c-four-oh-four-search .filter
{
font-size: 0.9375rem;
line-height: 1.3125rem;
border-bottom: solid 1px #1B0759;
overflow: hidden;
margin-bottom: 30px;
@include screen(1000px)
{
font-size: 1rem;
}
}
.c-four-oh-four-search .filter a
{
display: inline-block;
-webkit-text-decoration: none;
text-decoration: none;
color: inherit;
padding: 13px 0;
border-bottom: solid 4px transparent;
margin-right: 15px;
}
.c-four-oh-four-search .filter a.active
{
font-weight: bold;
border-color: #1B0759;
}
.c-search a[href*=".pdf?"]::after,
.c-search-result a[href*=".pdf?"] .title::after
{
display: inline-block;
content: ">";
color: transparent;
font-size: inherit;
line-height: inherit;
width: 18px;
margin-left: 7px;
background: url("data:image/svg+xml,%3Csvg width='16' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23eb601d' fill-rule='nonzero'%3E%3Cpath d='M13.675 10.362c-.24-.236-.771-.36-1.581-.372a13.223 13.223 0 00-1.901.14c-.311-.18-.632-.375-.883-.61-.676-.631-1.24-1.508-1.591-2.472.022-.09.042-.169.06-.25 0 0 .382-2.163.28-2.894a.822.822 0 00-.049-.207l-.033-.086c-.103-.238-.307-.491-.625-.478l-.192-.006c-.356 0-.645.182-.72.454-.231.852.007 2.125.438 3.774l-.11.27c-.31.753-.696 1.512-1.038 2.182l-.045.086c-.36.704-.687 1.302-.982 1.808l-.305.162c-.023.011-.546.29-.669.364-1.041.622-1.731 1.327-1.846 1.887-.036.18-.009.407.176.513l.296.149a.891.891 0 00.401.097c.742 0 1.603-.924 2.79-2.995 1.37-.446 2.93-.817 4.297-1.022 1.041.586 2.323.994 3.13.994.144 0 .268-.014.368-.04a.627.627 0 00.366-.25c.156-.237.189-.562.146-.895a.598.598 0 00-.176-.305l-.002.002zM2.595 14.31c.135-.37.67-1.101 1.463-1.75.05-.041.172-.156.285-.263-.829 1.321-1.383 1.848-1.748 2.012v.001zm4.69-10.8c.239 0 .375.6.386 1.164.012.564-.12.96-.283 1.252-.135-.433-.202-1.115-.202-1.562 0 0-.01-.854.1-.854zm-1.399 7.696c.167-.297.339-.61.515-.944.431-.814.702-1.451.905-1.974A6.54 6.54 0 008.8 10.143c.073.062.152.125.233.187-1.2.237-2.236.525-3.148.876h.001zm7.56-.067c-.073.046-.282.072-.416.072-.434 0-.972-.198-1.725-.522.29-.022.555-.033.793-.033.436 0 .565-.002.99.107.426.109.431.33.358.374v.002z'/%3E%3Cpath d='M15.009 4.026a15.966 15.966 0 00-1.533-1.752A15.966 15.966 0 0011.724.74C10.817.077 10.377 0 10.125 0H1.406C.631 0 0 .631 0 1.406v15.188C0 17.369.631 18 1.406 18h12.938c.775 0 1.406-.631 1.406-1.406V5.625c0-.252-.076-.692-.741-1.599zm-2.33-.956c.54.54.964 1.026 1.277 1.43h-2.707V1.794c.404.313.89.736 1.43 1.276zm1.946 13.524a.284.284 0 01-.281.281H1.406a.285.285 0 01-.281-.281V1.406c0-.152.13-.281.281-.281h8.719v3.938c0 .31.252.562.563.562h3.937v10.969z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}
.c-front-page-destination{
padding: 22px;
padding-top: 64px;
padding-bottom: 32px;
}
.c-front-page-destination .destination-title{
font-size: 3.625rem;
text-align: center;
color: #1B0759;
line-height: 4rem;
padding-bottom: 32px;
}
.c-front-page-destination .destination-list{
display: flex;
flex-wrap: wrap;
max-width: 1236px;
margin: 0 auto;
}
.c-front-page-destination .destination-list .item{
position: relative;
margin: 15px;
border-radius: 4px;
overflow: hidden;
min-width: 279px;
}
.c-front-page-destination .destination-list .item img{
max-width: 279px;
}
.c-front-page-destination .destination-list .item:hover .title-area{
top: calc(100% - 165px);
}
.c-front-page-destination .destination-list .item:hover .centered-content .arrow-icon{
transform: scale(1.2) translateY(-4%);
}
.c-front-page-destination .destination-list .centered-content{
position: absolute;
align-self: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.c-front-page-destination .destination-list .centered-content p{
color: #fff;
font-size: 2rem;
line-height: normal;
}
.c-front-page-destination .destination-list .centered-content .arrow-icon{
padding-top: 32px;
transition: transform 0.2s ease;
}
.c-front-page-destination .destination-list .gradient{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.c-front-page-destination .destination-list .title-area{
position: absolute;
left: 30px;
top: calc(100% - 75px);
transition: top 0.5s ease;
}
.c-front-page-destination .destination-list .title-area p{
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
font-size: 1.5rem;
font-weight: 600;
}
.c-front-page-destination .destination-list .title-area .logos{
display: flex;
padding-top: 18px;
}
.c-front-page-destination .destination-list .title-area .logos .logo{
height: 13px;
margin-right: 13px;
filter: grayscale(100%) brightness(10000%);
}
.c-front-page-destination .destination-list .title-area .text{
color: #fff;
padding-top: 20px;
padding-right: 22px;
overflow: hidden;
height: 115px;
}
.c-front-page-destination .dark-gradient{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(to bottom, rgba(229,229,229,0) 43%,rgba(0,0,0,0.5) 100%);
}
.c-front-page-destination .dark-bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
transition: opacity 0.5s ease;
}
@media screen and (max-width: 1047px){
.c-front-page-destination{
padding-top: 32px;
padding-bottom: 0px;
}
}
@media screen and (max-width: 1279px){
.c-front-page-destination .destination-list{
max-width: 927px;
}
}
@media screen and (max-width: 970px){
.c-front-page-destination .destination-list{
max-width: 618px;
}
}
@media screen and (max-width: 730px){
.c-front-page-destination .destination-title{
font-size: 2.5rem;
text-align: left;
line-height: normal;
}
}
@media screen and (max-width: 661px){
.c-front-page-destination .destination-list{
flex-direction: column;
max-width: 100%;
}
.c-front-page-destination .destination-list .item{
width: 100%;
margin: 22px 0;
aspect-ratio: 1 / 1;
}
.c-front-page-destination .destination-list .item .item-image{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-front-page-destination .destination-list .item img{
max-width: 100%;
}
}
.c-frontpage-news{
background-color: #F0F0F0;
padding-bottom: 80px;
}
.c-frontpage-news .title{
max-width: 1208px;
margin: 0 auto;
overflow: hidden;
padding-top: 65px;
padding-bottom: 40px;
padding-left: 22px;
padding-right: 29px;
color: #1B0759;
display: flex;
align-items: center;
}
.c-frontpage-news .title .left-side{
display: flex;
font-size: 2rem;
justify-content: flex-start;
flex: 1;
}
.c-frontpage-news .title .left-side p{
font-size: 1.25rem;
font-weight: 400;
}
.c-frontpage-news .title .right-side{
display: flex;
justify-content: flex-end;
flex: 1;
}
.c-frontpage-news .title .right-side a{
-webkit-text-decoration: none;
text-decoration: none;
color: #1B0759;
}
.c-frontpage-news .title .right-side a:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-frontpage-news .block-description{
color: #333;
}
.c-frontpage-news .center-area{
display: flex;
max-width: 1195px;
margin: 0 auto;
justify-content: space-between;
gap: 40px;
}
.c-frontpage-news .center-area .block{
flex: 1;
background-color: #fff;
border-radius: 4px;
overflow: hidden;
position: relative;
max-width: 365px;
height: 100%;
}
.c-frontpage-news .center-area .block img{
width: 100%;
}
.c-frontpage-news .center-area .block .block-title{
font-size: 1.375rem;
color: #1B0759;
font-weight: 600;
padding-top: 12px;
}
.c-frontpage-news .center-area .block .block-link{
-webkit-text-decoration: none;
text-decoration: none;
color: #1B0759;
font-size: 1rem;
font-weight: 600;
padding-top: 32px;
display: block;
position: absolute;
left: 32px;
bottom: 32px;
}
.c-frontpage-news .center-area .block .block-link:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-frontpage-news .center-area .block .block-date{
font-size: 0.75rem;
color: #1B0759;
}
.c-frontpage-news .center-area .block .padded{
padding: 32px 0;
}
.c-frontpage-news .center-area .block .text-area{
padding: 24px;
}
.c-frontpage-news .image-area{
min-height: 156px;
overflow: hidden;
}
.c-frontpage-news .image-area img{
transition: transform 0.3s ease-in-out;
}
.c-frontpage-news .news-block-link{
-webkit-text-decoration: none;
text-decoration: none;
color: #1B0759;
}
.c-frontpage-news .news-block-link:hover .image-area img{
transform: scale(1.05);
}
.c-frontpage-news .news-block-link:hover .block-link{
-webkit-text-decoration: underline;
text-decoration: underline;
}
@media screen and (max-width: 1047px){
.c-frontpage-news{
padding-bottom: 50px;
}
.c-frontpage-news .center-area{
width: 817px;
gap: 8px;
padding: 0 19px;
}
.c-frontpage-news .center-area .block{
max-width: 252px;
width: 252px;
}
.c-frontpage-news .image-area{
min-height: 141px;
height: 141px;
}
.c-frontpage-news .title{
padding-top: 33px;
padding-bottom: 17px;
}
.c-frontpage-news .mobile-holder{
width: 100%;
overflow: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.c-frontpage-news .mobile-holder ::-webkit-scrollbar{
display: none;
}
}
.c-front-page-signup{
background-color: #fff;
padding: 32px;
position: relative;
}
.c-front-page-signup .center-content{
max-width: 1270px;
margin: 0 auto;
display: flex;
padding: 0 32px;
}
.c-front-page-signup .big-item{
flex: 1.24;
background-color: #F5F6CC;
padding: 34px 32px;
border-radius: 4px;
margin-right: 57px;
text-align: center;
}
.c-front-page-signup .big-item .title{
font-size: 1.25rem;
font-weight: 600;
}
.c-front-page-signup .big-item .name-input{
display: block;
width: 100%;
text-align: center;
padding: 15px 0;
font-size: 1rem;
border: 0;
margin: 0 auto;
max-width: 407px;
margin-top: 24px;
outline: 0;
}
.c-front-page-signup .big-item .signup-button{
padding: 12px 40px;
color: #fff;
background-color: #1B0759;
border: 0;
font-family: "Onest";
border-radius: 4px;
margin-top: 24px;
cursor: pointer;
}
.c-front-page-signup .big-item .signup-button p{
font-weight: 600;
font-size: 1.125rem;
}
.c-front-page-signup .big-item .signup-button:hover p{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-front-page-signup .big-item p + p{
padding-top: 32px;
}
.c-front-page-signup .small-item{
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #1B0759;
padding: 32px 32px;
border-radius: 4px;
color: #fff;
text-align: center;
}
.c-front-page-signup .small-item .title{
color: #CBD400;
font-size: 1.25rem;
font-weight: 600;
}
.c-front-page-signup .small-item .feedback-button{
background-color: #fff;
border: 0;
padding: 12px 24px;
font-family: "Onest";
border-radius: 4px;
font-weight: 600;
font-size: 1.125rem;
max-width: 256px;
width: 100%;
max-height: 64px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.c-front-page-signup .small-item .feedback-button:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-front-page-signup .small-item .description{
line-height: 1.5rem;
padding-bottom: 0px;
padding-top: 8px;
margin: 0 auto;
max-width: 700px;
}
.c-front-page-signup .text-info{
text-align: left;
padding-right: 22px;
}
.c-front-page-signup .feedbag-dialog-box{
position: relative;
transition: opacity 0.1s ease-in-out;
opacity: 0;
pointer-events: none;
}
.c-front-page-signup .feedbag-dialog-box .dialog-content{
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 300;
width: 100%;
height: 100%;
pointer-events: none;
}
.c-front-page-signup .feedbag-dialog-box .dialog-content:has(.done-text) .description{
display: none;
}
.c-front-page-signup .feedbag-dialog-box .dialog-content:has(.done-text) .done-text{
padding-top: 32px;
}
.c-front-page-signup .feedbag-dialog-box .dialog-bg{
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
z-index: 200;
}
.c-front-page-signup .feedbag-dialog-box .dialog{
background-color: #fff;
padding: 48px 150px;
z-index: 201;
border-radius: 8px;
max-width: 785px;
text-align: center;
position: relative;
}
.c-front-page-signup .feedbag-dialog-box .dialog .title{
font-size: 1.25rem;
font-weight: 600;
}
.c-front-page-signup .feedbag-dialog-box .dialog .description{
padding-bottom: 20px;
}
.c-front-page-signup .feedbag-dialog-box .dialog input[type=text], .c-front-page-signup .feedbag-dialog-box .dialog input[type=email], .c-front-page-signup .feedbag-dialog-box .dialog input[type=tel]{
display: block;
width: 100%;
border: 0;
background-color: #F1F3F4;
padding: 12px 0;
padding-left: 16px;
border-radius: 4px;
margin-bottom: 8px;
outline: 0;
}
.c-front-page-signup .feedbag-dialog-box .dialog .dialog-area{
width: 100%;
border: 0;
background-color: #F1F3F4;
padding: 12px 0;
border-radius: 4px;
margin-bottom: 8px;
padding-left: 16px;
min-height: 250px;
outline: 0;
}
.c-front-page-signup .feedbag-dialog-box .dialog .feedback-submit-button{
margin-top: 32px;
padding: 12px 89px;
background-color: #1B0759;
color: #fff;
border-radius: 8px;
border: 0;
cursor: pointer;
}
.c-front-page-signup .feedbag-dialog-box .dialog .feedback-submit-button:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-front-page-signup .feedbag-dialog-box .dialog .dialog-close-button{
position: absolute;
top: 24px;
right: 24px;
background-color: transparent;
border: 0;
cursor: pointer;
}
.c-front-page-signup .feedbag-dialog-box .dialog .dialog-close-button img{
width: 24px;
transition: transform 0.05s ease-out;
}
.c-front-page-signup .feedbag-dialog-box .dialog .dialog-close-button:hover img{
transform: scale(1.4);
}
.c-front-page-signup .active-dialog{
opacity: 1;
pointer-events: all;
}
.c-front-page-signup .active-dialog .dialog{
pointer-events: all;
}
.c-front-page-signup fieldset{
border: 0;
}
@media screen and (max-width: 1047px){
.c-front-page-signup{
padding-left: 0;
padding-right: 0;
}
.c-front-page-signup .center-content{
flex-direction: column;
padding: 0;
}
.c-front-page-signup .center-content .big-item{
margin-right: 0;
margin-bottom: 16px;
}
.c-front-page-signup .small-item{
flex-direction: column;
padding-left: 22px;
padding-right: 22px;
border-radius: 0;
}
.c-front-page-signup .small-item .text-info{
padding-right: 0;
text-align: center;
}
.c-front-page-signup .small-item .feedback-button{
margin-top: 32px;
}
}
@media screen and (max-width: 780px){
.c-front-page-signup .feedbag-dialog-box .dialog{
padding: 48px 22px;
height: 100vh;
overflow: scroll;
}
}
.c-header{
display: flex;
max-width: 1257px;
width: 100%;
margin: 0 auto;
height: 144px;
padding: 0 24px;
position: relative;
}
.c-header .header-nav{
width: 100%;
display: flex;
flex: 1;
flex-shrink: 0;
}
.c-header .header-nav .store-link{
position: relative;
z-index: 1000;
margin-top: 59px;
color: #1B0759;
-webkit-text-decoration: none;
text-decoration: none;
font-size: 1.0625rem;
height: 52px;
}
.c-header .header-nav .store-link:hover{
border-bottom: 4px solid #1B0759;
}
.c-header .logo-img{
display: flex;
align-items: center;
flex-basis: 211px;
flex-shrink: 0;
position: relative;
z-index: 102;
}
.c-header .active{
border-bottom: 4px solid #1B0759;
padding-top: 4px;
}
.c-header .clicked-active{
border-bottom: 4px solid #1B0759 !important;
padding-top: 26px !important;
}
.c-header .top-menu-buttons:hover{
border-bottom: 4px solid #1B0759 !important;
padding-top: 26px !important;
}
.c-header #top-menu{
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
gap: 30px;
}
.c-header #top-menu a{
color: #1B0759;
-webkit-text-decoration: none;
text-decoration: none;
font-size: 1.0625rem;
flex-shrink: 0;
padding: 22px 0;
display: block;
position: relative;
z-index: 102;
}
.c-header #top-menu p{
color: #1B0759;
-webkit-text-decoration: none;
text-decoration: none;
font-size: 1.0625rem;
flex-shrink: 0;
text-align: center;
padding: 22px 0;
display: block;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
margin-top: 0;
position: relative;
z-index: 102;
font-weight: 400;
}
.c-header #top-menu .active p{
border-bottom: 4px solid #1B0759;
padding-top: 26px;
}
.c-header #top-menu .active a{
border-bottom: 4px solid #1B0759;
padding-top: 26px;
}
.c-header #top-menu .pactive p{
border-bottom: 4px solid #1B0759;
padding-top: 26px;
}
.c-header #top-menu .pactive a{
border-bottom: 4px solid #1B0759;
padding-top: 26px;
}
.c-header ol{
list-style: none;
}
.c-header button{
display: none;
}
.c-header .dummy-bar{
width: 100%;
position: absolute;
top: 0;
height: 144px;
z-index: 101;
background-color: #fff;
}
.c-header .lvl2{
display: flex;
position: absolute;
top: -500%;
left: 0;
background-color: white;
width: 100%;
z-index: 100;
padding-left: 0;
transition: top 0.5s ease-in-out;
padding-bottom: 64px;
}
.c-header .lvl2 a{
border-bottom: 0 !important;
}
.c-header .lvl2 a{
text-align: left;
z-index: inherit;
}
.c-header .lvl2 p{
border-bottom: 0 !important;
}
.c-header .lvl2 p{
z-index: inherit;
}
.c-header .lvl2 .active{
border-bottom: 0 !important;
padding-top: 0 !important;
}
.c-header .lvl2 .active p{
border: 0 !important;
}
.c-header .lvl2 .active a{
border: 0 !important;
}
.c-header .lvl2 .active a{
font-weight: 800;
}
.c-header .lvl2 .pactive{
border: 0 !important;
padding-top: 0 !important;
}
.c-header .lvl2 .pactive p{
border: 0 !important;
}
.c-header .lvl2 .pactive a{
border: 0 !important;
}
.c-header .lvl2 li{
flex: 1;
padding: 0 32px;
max-width: 400px;
}
.c-header .lvl2 a:first-child{
font-weight: 600;
font-size: 1.125rem;
text-transform: uppercase;
}
.c-header .lvl2 .lvl3{
padding-left: 0;
}
.c-header .lvl2 .lvl3 li{
padding: 0;
}
.c-header .lvl2 .lvl3 a{
text-align: left;
font-weight: 400;
font-size: 0.9375rem;
padding: 0;
text-transform: none;
text-transform: initial;
}
.c-header .lvl2 .lvl3 .active{
font-weight: 600;
}
.c-header .lvl2 .lvl3 .top-menu-buttons:hover{
padding-top: 6px !important;
}
.c-header .lvl2 .white-menu-bg{
height: 100%;
width: 100vw;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background-color: #fff;
z-index: -1;
}
.c-header #top-menu .lvl3 a{
border-bottom: 1px solid rgba(27, 7, 89, 0.15) !important;
}
.c-header #top-menu .lvl3 a{
text-align: left;
font-weight: 400;
font-size: 0.9375rem;
padding: 0;
text-transform: none;
text-transform: initial;
padding-bottom: 9px;
padding-top: 6px;
}
.c-header #top-menu .lvl3 a:hover{
font-weight: 600;
}
.c-header #top-menu .lvl3 .active a{
font-weight: 700;
}
.c-header .active-menu{
top: 144px;
transition: top 0.3s ease-out;
}
.c-header .search-box{
position: absolute;
top: 16px;
right: 24px;
display: flex;
gap: 16px;
z-index: 500;
}
.c-header .search-box .img{
width: 20px;
height: 20px;
-o-object-fit: scale-down;
object-fit: scale-down;
cursor: pointer;
}
.c-header .search-box .search-button{
cursor: pointer;
}
.c-header .search-box a{
color: #1B0759;
-webkit-text-decoration: none;
text-decoration: none;
font-size: 0.875rem;
padding-right: 10px;
}
.c-header .search-box a:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-header .search-input .no-hover{
display: block;
}
.c-header .search-input .on-hover{
display: none;
}
.c-header .search-input:hover .no-hover{
display: none;
}
.c-header .search-input:hover .on-hover{
display: block;
}
.c-header .mobile-search-box{
display: none;
}
.c-header .clickable{
cursor: pointer;
}
@media screen and (max-width: 1047px){
.c-header{
height: 83px;
}
.c-header .header-nav{
display: none;
}
.c-header .search-box{
display: none;
}
.c-header .dummy-bar{
display: none;
}
.c-header .logo-img{
flex-basis: 147px;
}
.c-header .mobile-search-box{
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
gap: 24px;
}
.c-header .mobile-search-box .mobile-search-icon{
width: 20px;
height: 20px;
}
.c-header .mobile-search-box .mobile-menu-icon{
width: 32px;
height: 32px;
}
}
@media screen and (max-width: 340px){
.c-header .logo-img{
flex-basis: 170px;
}
}
@media print{
.c-header{
display: none;
}
}
.c-icon-shortcuts{
height: 0;
position: relative;
}
.c-icon-shortcuts .dyna-weather{
display: flex;
justify-content: space-between;
width: 107px;
}
.c-icon-shortcuts .dyna-weather .weather-icon{
margin: 0 !important;
}
.c-icon-shortcuts .dyna-weather .weather-icon{
max-width: 48px;
}
.c-icon-shortcuts .dyna-weather .red-text{
color: #CB0000 !important;
}
.c-icon-shortcuts .dyna-weather .red-text span{
font-weight: 400;
}
.c-icon-shortcuts .dyna-weather .blue-text{
color: #1C095A !important;
}
.c-icon-shortcuts .dyna-weather .blue-text span{
font-weight: 400 !important;
}
.c-icon-shortcuts .dyna-weather .wind{
position: relative;
}
.c-icon-shortcuts .dyna-weather .wind-arrow{
position: absolute;
bottom: -8px;
right: -13px;
width: 9px;
transform: translateY(-50%) rotate(calc(var(--wind-direction) + 180deg));
}
.c-icon-shortcuts .dyna-weather .info{
text-align: left !important;
}
.c-icon-shortcuts .dyna-weather .info{
padding-top: 7px;
}
.c-icon-shortcuts .dyna-weather .info p{
padding-top: 0 !important;
}
.c-icon-shortcuts .dyna-weather .info p{
line-height: 1rem;
}
.c-icon-shortcuts .icon-list{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -55%);
display: flex;
flex-direction: row;
align-items: center;
max-width: 1208px;
width: 100%;
padding: 0 45px;
background-color: #fff;
border-radius: 4px;
}
.c-icon-shortcuts .icon-list a{
flex: 1;
display: block;
width: 100%;
-webkit-text-decoration: none;
text-decoration: none;
border-bottom: 4px solid #fff;
transition: border-bottom 0.1s ease-out;
}
.c-icon-shortcuts .icon-list a img{
transition: transform 0.1s ease-out;
}
.c-icon-shortcuts .icon-list a:hover{
border-bottom: 4px solid #1B0759;
}
.c-icon-shortcuts .icon-list .icon-block{
text-align: center;
font-family: "Onest";
font-weight: 600;
font-size: 1.25rem;
padding: 41px 20px;
flex: 1;
min-width: 105px;
color: #1B0759;
}
.c-icon-shortcuts .icon-list .icon-block img{
margin: 0 auto;
}
.c-icon-shortcuts .icon-list .icon-block p{
font-weight: 600;
color: #1B0759;
padding-top: 18px;
}
.c-icon-shortcuts .icon-list .icon-block:has(.dyna-weather){
padding: 41px 40px;
}
@media screen and (max-width: 1048px){
.c-icon-shortcuts .icon-list{
flex-wrap: wrap;
background-color: transparent;
transform: translate(-50%, -28%);
}
.c-icon-shortcuts .icon-list .icon-block{
background-color: #fff;
font-size: 0.875rem;
font-weight: 500;
border-radius: 4px;
padding: 29px 18px;
margin: 1px;
max-height: 116px;
border: 0;
}
.c-icon-shortcuts .icon-list .icon-block img{
width: 32px;
}
.c-icon-shortcuts .icon-list .icon-block:has(.dyna-weather){
display: flex;
flex-direction: column;
justify-content: center;
}
.c-icon-shortcuts .icon-list .dyna-weather{
justify-content: center;
align-items: center;
flex-direction: row;
}
.c-icon-shortcuts .icon-list .dyna-weather .info{
display: flex;
flex-direction: column;
gap: 6px;
}
.c-icon-shortcuts .icon-list .dyna-weather .info p{
line-height: 0.625rem;
}
.c-icon-shortcuts .icon-list .dyna-weather .info .wind-arrow{
/*display: none;*/
display: block;
}
.c-icon-shortcuts .icon-list .icon-list{
padding: 0 20px;
}
.c-icon-shortcuts .icon-list a{
border-bottom: 0 !important;
}
.c-icon-shortcuts .icon-list .dyna-weather{
max-width: 91px;
width: 100%;
margin: 0 auto;
}
.c-icon-shortcuts .icon-list .dyna-weather .weather-icon{
width: 39px !important;
}
.c-icon-shortcuts .icon-list .dyna-weather .info .wind-arrow{
width: 7px !important;
}
.c-icon-shortcuts .icon-list .dyna-weather .info .wind-arrow{
bottom: -8px;
}
}
@media screen and (max-width: 860px){
.c-icon-shortcuts .icon-list .dyna-weather .info p{
font-size: 0.625rem;
}
}
@media screen and (max-width: 770px){
.c-icon-shortcuts .icon-list{
padding: 0 22px;
}
.c-icon-shortcuts .icon-list .icon-block{
min-width: 80px;
padding: 29px 14px;
}
.c-icon-shortcuts .icon-list .icon-block p{
padding-top: 6px;
font-size: 0.875rem;
}
.c-icon-shortcuts .icon-list a {
flex: 1 0 30% !important;
}
.c-icon-shortcuts .icon-list a {
border-bottom: 0;
}
.c-icon-shortcuts .icon-list a:hover {
border-bottom: 0;
}
.c-icon-shortcuts .icon-list .icon-list{
padding: 0 20px;
transform: translate(-50%, -69%);
}
.c-icon-shortcuts .icon-list .dyna-weather .info{
padding-top: 0;
}
.c-icon-shortcuts .icon-list .dyna-weather .info p{
font-size: 0.625rem;
line-height: 0.4375rem;
}
.c-icon-shortcuts .icon-list .dyna-weather .info .wind-arrow{
bottom: -8px;
}
}
@media screen and (max-width: 450px){
.c-icon-shortcuts .icon-list .dyna-weather{
margin-left: -7px;
}
.c-icon-shortcuts .icon-list .icon-block:has(.dyna-weather){
padding: 29px 14px;
}
}
@media screen and (max-width: 375px){
.c-icon-shortcuts .icon-list .icon-block{
min-width: 80px;
}
.c-icon-shortcuts .icon-list .icon-block p{
font-size: 0.75rem;
}
.c-icon-shortcuts .icon-list a {
border-bottom: 0;
}
.c-icon-shortcuts .icon-list a:hover {
border-bottom: 0;
}
.c-icon-shortcuts .icon-list .icon-list{
padding: 0 20px;
transform: translate(-50%, -69%);
}
}
.c-icon-shortcuts .icon-block:has(.dyna-weather) > p {
padding-top: 8px;
}
@media screen and (max-width: 330px){
.c-icon-shortcuts .icon-list{
padding-left: 11px;
padding-right: 11px;
}
}
.c-intranet-front-page .centered{
background-color: #FAFAFA;
}
.c-intranet-front-page .list-area{
max-width: 1298px;
padding: 22px;
padding-top: 42px;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.c-intranet-front-page .item{
margin: 22px;
}
.c-intranet-front-page .flex-view{
display: flex;
}
.c-intranet-front-page .show-all{
color: #1B0759;
font-size: 1rem;
margin-top: 5px;
margin-left: 16px;
}
.c-intranet-front-page .title{
font-size: 2rem;
color: #1B0759;
margin-bottom: 30px;
}
.c-intranet-front-page .arrow-list{
max-width: 785px;
display: flex;
flex-wrap: wrap;
padding: 26px 39px;
justify-content: space-between;
background-color: #fff;
min-height: 336px;
}
.c-intranet-front-page .arrow-list a{
color: #1B0759;
min-width: 300px;
max-width: 314px;
width: 100%;
font-size: 1rem;
-webkit-text-decoration: none;
text-decoration: none;
font-family: "Onest";
padding: 12px;
border-bottom: 1px solid #D9D9D9;
padding-left: 32px;
padding-bottom: 10px;
margin-right: 12px;
background-image: url("/images/icons/link-arrow.svg");
background-size: 14px;
background-position: left 22px;
background-repeat: no-repeat;
line-height: 2rem;
}
.c-intranet-front-page .arrow-list a:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-intranet-front-page .colored-list{
width: 365px;
background-color: #fff;
padding: 41px 0px;
flex: 1;
}
.c-intranet-front-page .colored-list .block:last-child{
border-bottom: 0;
}
.c-intranet-front-page .icon-holder{
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
}
.c-intranet-front-page .icon-holder img{
filter: invert();
}
.c-intranet-front-page .stretched{
display: flex;
flex-direction: column;
align-items: stretch;
}
.c-intranet-front-page .block{
margin: 0 23px;
display: flex;
align-items: center;
-webkit-text-decoration: none;
text-decoration: none;
color: #1B0759;
border-bottom: 1px solid #D9D9D9;
padding: 9px 0;
}
.c-intranet-front-page .block .link-title{
margin-left: 16px;
}
.c-intranet-front-page .block:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-intranet-front-page .events{
max-width: 1249px;
width: 100%;
margin: 0 auto;
padding: 56px 22px;
display: flex;
}
.c-intranet-front-page .events .item{
margin: 0;
}
.c-intranet-front-page .event-title{
font-size: 2rem;
padding-top: 24px;
-webkit-text-decoration: none;
text-decoration: none;
color: #1B0759;
}
.c-intranet-front-page .event-title:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-intranet-front-page .event-block{
display: flex;
-webkit-text-decoration: none;
text-decoration: none;
color: #1B0759;
padding-top: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #D9D9D9;
padding-left: 128px;
}
.c-intranet-front-page .event-block:hover .event-name{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-intranet-front-page .date-item{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.c-intranet-front-page .date-item .number{
font-size: 2rem;
font-weight: 700;
}
.c-intranet-front-page .date-item .name{
font-size: 1.125rem;
}
.c-intranet-front-page .date-item p{
margin: 0;
padding: 0;
}
.c-intranet-front-page .event-list{
margin-left: 32px;
width: 100%;
}
.c-intranet-front-page .event-list .event-block:last-child{
border-bottom: 0;
}
.c-intranet-front-page .date-details{
margin-left: 32px !important;
}
.c-intranet-front-page .date-details{
width: 100%;
}
.c-intranet-front-page .date-details p{
margin: 0;
padding: 0;
}
.c-intranet-front-page .date-details .event-date{
font-size: 1rem;
}
.c-intranet-front-page .date-details .event-name{
font-size: 1.25rem;
font-weight: 600;
}
@media screen and (max-width: 770px){
.c-intranet-front-page .arrow-list{
padding: 22px;
}
.c-intranet-front-page .arrow-list a{
max-width: 100%;
min-width: 0;
}
}
@media screen and (max-width: 900px){
.c-intranet-front-page .list-area{
flex-direction: column;
padding: 32px 0;
}
.c-intranet-front-page .list-area .title{
font-size: 1.5rem;
}
.c-intranet-front-page .colored-list{
max-width: 100%;
width: 100%;
}
.c-intranet-front-page .events{
flex-direction: column;
padding-left: 45px;
padding-right: 45px;
}
.c-intranet-front-page .event-list{
margin-left: 0;
}
.c-intranet-front-page .event-block{
padding-left: 0px;
padding-right: 0px;
}
}
.c-mobile-menu{
display: none;
position: fixed;
top: 0;
right: -100%;
width: 100%;
height: 100%;
z-index: 10000;
overflow: scroll;
transition: right 0.2s ease-in-out;
background-color: #1B0759;
}
.c-mobile-menu .white-menu-bg{
display: none;
}
.c-mobile-menu .close-area{
padding-bottom: 130px;
position: relative;
}
.c-mobile-menu .close-area img{
width: 32px;
position: absolute;
top: 32px;
right: 32px;
}
.c-mobile-menu #top-menu{
list-style: none;
padding: 0 24px;
}
.c-mobile-menu #top-menu li:first-child .mobile-menu-object{
border-top: 0 !important;
}
.c-mobile-menu li{
margin-top: 0;
margin-bottom: 0;
overflow: hidden;
}
.c-mobile-menu .active p{
font-weight: 800;
}
.c-mobile-menu .single-child .lvl2{
display: none;
}
.c-mobile-menu li:has(.single-child) .lvl2{
display: none !important;
}
.c-mobile-menu .lvl2{
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
padding-left: 28px;
min-height: 0;
transition: grid-template-rows 0.5s ease;
list-style: none;
font-weight: 400;
}
.c-mobile-menu .lvl2 .active a{
font-weight: 800;
}
.c-mobile-menu .lvl2 .mobile-menu-object{
border: 0;
}
.c-mobile-menu .lvl2 .mobile-menu-object p{
font-size: 0.75rem !important;
}
.c-mobile-menu .lvl2 > div{
min-height: 0;
}
.c-mobile-menu .lvl3{
font-weight: 400;
overflow: hidden;
display: grid;
grid-template-rows: 0fr;
min-height: 0;
list-style: none;
transition: grid-template-rows 0.4s ease;
}
.c-mobile-menu .lvl3 a{
font-weight: 400 !important;
}
.c-mobile-menu .lvl3 .active a{
font-weight: 800 !important;
}
.c-mobile-menu .lvl3 > div{
min-height: 0;
}
.c-mobile-menu a{
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
font-size: 1.25rem;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 56px;
display: block;
}
.c-mobile-menu p{
color: #fff;
font-size: 1.25rem;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 56px;
}
.c-mobile-menu .mobile-menu-object{
position: relative;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.c-mobile-menu .mobile-menu-object button{
position: absolute;
top: 3px;
right: 0px;
background-color: transparent;
border: 0;
padding: 24px;
transition: transform 0.2s ease-in-out;
background-image: url("/images/icons/chevron-right.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 20px 20px;
width: 20px;
height: 20px;
}
.c-mobile-menu .mobile-menu-object .button-line{
border-left: 2px solid rgba(255, 255, 255, 0.15);
position: absolute;
top: 8px;
right: 50px;
height: 39px;
}
/*.rotated-icon{
transform: rotate(90deg);
}*/
.c-mobile-menu .support-info{
padding-left: 24px;
padding-top: 64px;
}
.c-mobile-menu .support-info p{
font-size: 1.25rem;
font-weight: 700;
padding-bottom: 0;
}
.c-mobile-menu .support-info a{
margin: 0;
padding: 0;
font-size: 1.25rem;
}
.c-mobile-menu .active-menu > .lvl2{
grid-template-rows: 1fr;
}
.c-mobile-menu .active-menu > .lvl3{
grid-template-rows: 1fr;
}
.c-mobile-menu .active-menu > .mobile-menu-object .mobile-triangle-icon{
transform: rotate(90deg);
}
.c-mobile-menu .language-button{
padding-left: 0;
border-top: 1px solid rgba(255, 255, 255, 0.15);
margin: 0 24px;
}
.c-mobile-menu .mobile-menu-object .bolded{
font-weight: 800 !important;
}
@media screen and (max-width: 1048px){
.c-mobile-menu{
display: block;
}
}
@media screen and (max-width: 360px){
.c-mobile-menu #top-menu{
padding-left: 15px;
padding-right: 15px;
}
.c-mobile-menu .mobile-menu-object p{
font-size: 0.9375rem;
word-break: break-all;
}
.c-mobile-menu .mobile-menu-object a{
font-size: 0.9375rem;
word-break: break-all;
}
.c-mobile-menu .lvl2{
padding-left: 18px;
}
.c-mobile-menu .lvl3{
padding-left: 15px;
}
.c-mobile-menu .language-button{
margin-left: 15px;
margin-right: 15px;
font-size: 0.9375rem;
}
}
.active-mobile-menu{
right: 0;
}
/* @starting-style {
dialog[open]::backdrop {
opacity: 0;
}
} */
c-modal dialog {
--animation-duration: 400ms;
--animation-easing-out: ease;
--animation-easing-in: ease;
--modal-padding-block: 32px;
--modal-padding-inline: 32px;
width: -moz-fit-content;
width: fit-content;
max-width: 100vw;
height: -moz-fit-content;
height: fit-content;
max-height: 100vh;
padding: 0;
background-color: transparent;
border: none;
transform: scale(0.25) translateY(-15%);
opacity: 0;
transition: opacity 400ms ease, transform 400ms ease, overlay 400ms ease allow-discrete, display 400ms ease allow-discrete;
transition: opacity var(--animation-duration) var(--animation-easing-out), transform var(--animation-duration) var(--animation-easing-out), overlay var(--animation-duration) var(--animation-easing-out) allow-discrete, display var(--animation-duration) var(--animation-easing-out) allow-discrete;
overscroll-behavior: contain;
}
@media screen and (max-width: 650px) {
c-modal dialog {
--modal-padding-inline: var(--side-padding);
width: 100vw;
height: 100vh;
}
}
c-modal dialog::backdrop {
margin-top: -200px;
background-color: black;
background-color: var(--color-black);
opacity: 0;
transition: opacity var(--animation-duration) var(--animation-easing-in), display var(--animation-duration) var(--animation-easing-in) allow-discrete, overlay var(--animation-duration) var(--animation-easing-in) allow-discrete;
}
c-modal dialog:modal {
max-width: 100vw;
max-height: 100vh;
}
c-modal dialog > div {
padding: var(--modal-padding-block) var(--modal-padding-inline);
background-color: white;
background-color: var(--color-white);
border-radius: 4px;
}
@media screen and (max-width: 650px) {
c-modal dialog > div {
border-radius: 0;
}
}
c-modal dialog > div > button {
display: block;
width: 24px;
height: 24px;
background-color: var(--color-red);
border: none;
outline: none;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
margin-left: auto;
margin-bottom: 8px;
-webkit-mask-image: url('/images/icons/xmark.svg');
mask-image: url('/images/icons/xmark.svg');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
/* This starting-style rule cannot be nested inside the above selector
because the nesting selector cannot represent pseudo-elements. */
/* Open state of the dialog */
c-modal dialog[open] {
transform: scale(1) translateY(0%);
opacity: 1;
}
/* Before-open state */
/* Needs to be after the previous dialog[open] rule to take effect,
as the specificity is the same */
/* @starting-style {
dialog[open] {
transform: scale(0.25) translateY(-15%);
opacity: 0;
}
} */
c-modal dialog[open]::backdrop {
opacity: 0.5;
}
.c-news-content .grey-bar{
height: 458px;
background-color: #FAFAFA;
}
.c-news-content .center-content{
max-width: 850px;
margin: 0 auto;
width: 100%;
margin-top: -423px;
}
.c-news-content .breadcrumbs{
padding-bottom: 32px;
}
.c-news-content .title-area h1{
padding-left: 130px;
font-size: 4rem;
color: #1B0759;
padding-bottom: 32px;
margin: 0;
}
.c-news-content .title-area .news-date{
padding-left: 130px;
padding-top: 0;
padding-bottom: 32px;
}
.c-news-content .title-area img{
width: 100%;
}
.c-news-content .main-content{
padding: 56px 130px;
}
.c-news-content .more-articles{
padding-bottom: 32px;
}
.c-news-content .article-block{
display: flex;
color: #000;
-webkit-text-decoration: none;
text-decoration: none;
border-bottom: 1px solid rgba(27, 7, 89, 0.15);
padding-top: 8px;
padding-bottom: 8px;
position: relative;
}
.c-news-content .article-block p{
padding: 0;
}
.c-news-content .article-block img{
width: 16px;
}
.c-news-content .article-block .date-text{
padding-left: 130px;
}
.c-news-content .article-block .name-text{
padding-left: 21px;
font-weight: 600;
}
.c-news-content .article-block .image-text{
position: absolute;
right: 130px;
top: 50%;
transform: translateY(-50%);
}
.c-news-content .article-block:hover{
background-color: #fafafa;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-news-content .read-more-button{
text-align: center;
background-color: #1B0759;
border-radius: 4px;
color: #fff;
padding: 12px 84px;
-webkit-text-decoration: none;
text-decoration: none;
font-size: 1.25rem;
display: block;
margin: 0 auto;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 32px;
}
.c-news-content .read-more-button:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-news-content .image-holder{
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
max-width: 960px;
margin: 0 auto;
height: auto;
aspect-ratio: 16 / 8.4;
}
.c-news-content .image-holder img{
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1047px){
.c-news-content .main-content{
padding-left: 22px;
padding-right: 22px;
}
.c-news-content .title-area h1{
font-size: 2rem;
padding-left: 22px;
padding-right: 32px;
}
.c-news-content .title-area .news-date{
padding-left: 22px;
}
.c-news-content .breadcrumbs{
padding-left: 22px;
}
.c-news-content .more-articles .article-block .date-text{
padding-left: 22px;
}
.c-news-content .more-articles .article-block .name-text{
padding-right: 41px;
}
.c-news-content .more-articles .image-text{
right: 22px;
}
}
@media screen and (max-width: 340px){
.c-news-content .more-articles .article-block{
flex-direction: column;
}
}
.c-news-list .title-area{
min-height: 250px;
background-color: #FAFAFA;
}
.c-news-list .centered{
max-width: 1102px;
padding: 32px 32px;
margin: 0 auto;
}
.c-news-list .title{
padding-left: 185px;
padding-top: 32px;
font-size: 4rem;
color: #1B0759;
}
.c-news-list .articles{
max-width: 1102px;
margin: 0 auto;
padding: 77px 90px;
}
.c-news-list .articles .block{
display: flex;
position: relative;
padding: 18px 0;
-webkit-text-decoration: none;
text-decoration: none;
color: #000;
border-bottom: 1px solid rgba(27, 7, 89, 0.15);
}
.c-news-list .articles .block p{
margin: 0;
padding: 0;
}
.c-news-list .articles .block .article-date{
padding-left: 130px;
font-weight: 300;
}
.c-news-list .articles .block .article-title{
padding-left: 21px;
font-weight: 600;
}
.c-news-list .articles .block .article-image{
position: absolute;
width: 16px;
right: 130px;
top: 50%;
transform: translateY(-50%)
}
.c-news-list .articles .block:hover{
background-color: #fafafa;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-news-list .c-pager{
margin: 0;
}
.c-news-list .c-pagination{
display: flex;
justify-content: center;
padding-top: 32px;
}
@media screen and (max-width: 1047px){
.c-news-list .title-area{
min-height: 100px;
}
.c-news-list .title{
font-size: 2.5rem;
padding-left: 0px;
}
.c-news-list .articles{
padding: 32px 24px;
}
.c-news-list .articles .block .article-date{
padding-left: 24px;
}
.c-news-list .articles .block .article-image{
right: 24px;
}
}
@media screen and (max-width: 670px){
.c-news-list .articles .block{
padding-right: 50px;
}
}
@media screen and (max-width: 360px){
.c-news-list .articles .block{
flex-direction: column;
padding-right: 50px;
}
}
.c-notification{
background-color: #ffe300;
padding: 12px;
}
.c-notification .notification{
display: none;
max-width: 1024px;
margin: 0 auto;
text-align: center;
position: relative;
}
.c-notification .notification p{
margin: 0;
padding: 0;
}
.c-notification .notification .collapse .content{
padding: 12px 0;
}
.c-notification .visible{
display: block;
}
.c-notification .left-side{
flex: 1;
}
.c-notification .right-side{
flex: 0.1;
}
.c-notification .title{
font-weight: bold;
font-size: 1.125rem;
padding: 0 157px;
}
.c-notification .content{
padding: 12px 0;
}
.c-notification .url{
color: #000;
}
.c-notification .button{
display: flex;
height: 24px;
border-radius: 100px;
position: absolute;
top: 0;
right: 24px;
}
.c-notification .button img{
width: 24px;
transform: rotate(180deg);
transition: transform 0.2s ease-out;
}
.c-notification .button:hover{
cursor: pointer;
}
.c-notification .controls{
display: flex;
}
.c-notification .controls button{
cursor: pointer;
width: 24px;
height: 24px;
margin: 0 12px;
background-color: transparent;
border: 0;
}
.c-notification .collapse{
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.c-notification .control-button{
width: 24px;
}
.c-notification .left-control-button img{
transform: rotate(180deg);
}
.c-notification .right-control-button img{
transform: rotate(0deg) !important;
}
@media screen and (max-width: 750px){
.c-notification .notification{
text-align: left;
}
.c-notification .notification .title{
padding-left: 8px;
padding-right: 157px;
}
.c-notification .notification .collapse .content{
padding-top: 24px;
padding-bottom: 24px;
padding-left: 8px;
}
.c-notification .notification .collapse .url{
padding-left: 8px;
}
}
.active-notification .notification .collapse{
max-height: 500px;
transition: max-height 0.9s ease-in-out;
}
.active-notification .button .arrow-button{
transform: rotate(0);
}
.c-operator-form .big-title{
font-size: 4rem;
color: #1B0759;
font-weight: 500;
line-height: 1.2;
}
.c-operator-form fieldset{
max-width: 800px;
padding: 32px;
margin: 64px auto;
outline: 0;
border: 0;
}
.c-operator-form .input-group{
display: flex;
}
.c-operator-form .input-group .item{
margin-top: 21px;
flex: 1;
display: flex;
flex-direction: column;
}
.c-operator-form .input-group label{
padding-left: 12px;
}
.c-operator-form .input-group input{
padding: 12px;
margin: 12px;
width: 100%;
max-width: 342px;
outline: 0;
}
.c-operator-form .centered-submit{
width: -moz-fit-content;
width: fit-content;
margin: 64px auto;
}
.c-operator-form .title-container{
display: flex;
height: 100%;
}
.c-operator-form button{
color: #fff;
background-color: #1b0759;
border: 0;
padding: 12px 32px;
width: 160px;
border-radius: 4px;
display: block;
margin-left: 12px;
margin-top: 40px;
}
.c-operator-form .text-side{
flex: 1.2;
display: flex;
justify-content: flex-end;
padding-top: 32px;
padding-left: 32px;
padding-bottom: 32px;
}
.c-operator-form .text-side .contents{
display: block;
max-width: 600px;
min-width: 500px;
margin-right: 64px;
}
@media screen and (max-width: 600px){
.c-operator-form fieldset{
margin: 40px 22px;
padding: 0;
}
.c-operator-form .input-group{
flex-direction: column;
}
.c-operator-form .input-group input {
max-width: none;
margin-left: 0;
margin-right: 0;
}
}
.c-pager {
width: 100%;
max-width: min(1300px, calc(100vw - 15px * 2));
max-width: var(--page-width-large);
margin: max(15px, min(8vw, 107px)) auto 50px;
}
.c-pager > .items {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(345px, min(1300px, calc(100vw - 15px * 2))), 393px));
grid-template-columns: repeat(auto-fit, minmax(min(345px, var(--page-width-large)), 393px));
grid-gap: max(30px, min(6vw, 43px)) 60px;
gap: max(30px, min(6vw, 43px)) 60px;
justify-content: center;
width: 100%;
margin-bottom: 66px;
}
.c-pagination {
width: -moz-fit-content;
width: fit-content;
margin: 64px auto;
}
.c-pagination ul {
display: flex;
flex-wrap: wrap;
gap: 1em;
margin: 0;
padding: 0;
list-style: none;
}
.c-pagination ul > li {
display: flex;
}
.c-pagination ul > li > * {
display: block;
padding: 0.5em 1.0em;
-webkit-text-decoration: none;
text-decoration: none;
}
.c-pagination ul > li > *[aria-current='page'] {
color: white;
background-color: #1B0759;
}
.c-pagination .previous, .c-pagination .next {
display: flex;
align-items: center;
}
.c-pagination .previous::before, .c-pagination .next::before, .c-pagination .previous::after, .c-pagination .next::after {
display: none;
width: 1em;
height: 1em;
background-color: currentcolor;
content: '';
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
}
.c-pagination .previous::before {
display: inline-block;
margin-right: 1ch;
-webkit-mask-image: url('/images/pagination/icons/chevron-left.svg');
mask-image: url('/images/pagination/icons/chevron-left.svg');
}
.c-pagination .next::after {
display: inline-block;
margin-left: 1ch;
-webkit-mask-image: url('/images/pagination/icons/chevron-right.svg');
mask-image: url('/images/pagination/icons/chevron-right.svg');
}
.visually-hidden:not(:focus):not(:active) {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
white-space: nowrap;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
}
*:focus-visible > .visually-hidden {
animation: none 0s ease 0s 1 normal none running !important;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
border: medium none currentColor !important;
border-collapse: separate !important;
-o-border-image: none !important;
border-image: none !important;
border-radius: 0 !important;
border-spacing: 0 !important;
bottom: auto !important;
box-shadow: none !important;
box-sizing: content-box !important;
caption-side: top !important;
clear: none !important;
clip: auto !important;
color: #000 !important;
-moz-columns: auto !important;
columns: auto !important;
-moz-column-count: auto !important;
column-count: auto !important;
-moz-column-fill: balance !important;
column-fill: balance !important;
-moz-column-gap: normal !important;
column-gap: normal !important;
-moz-column-rule: medium none currentColor !important;
column-rule: medium none currentColor !important;
-moz-column-span: 1 !important;
column-span: 1 !important;
-moz-column-width: auto !important;
column-width: auto !important;
content: normal !important;
counter-increment: none !important;
counter-reset: none !important;
cursor: auto !important;
direction: ltr !important;
display: inline !important;
empty-cells: show !important;
float: none !important;
font-family: serif !important;
font-size: medium !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-stretch: normal !important;
line-height: normal !important;
height: auto !important;
-webkit-hyphens: none !important;
hyphens: none !important;
left: auto !important;
letter-spacing: normal !important;
list-style: disc outside none !important;
margin: 0 !important;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
opacity: 1 !important;
orphans: 2 !important;
outline: medium none invert !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
padding: 0 !important;
page-break-after: auto !important;
page-break-before: auto !important;
page-break-inside: auto !important;
perspective: none !important;
perspective-origin: 50% 50% !important;
position: static !important;
right: auto !important;
-moz-tab-size: 8 !important;
-o-tab-size: 8 !important;
tab-size: 8 !important;
table-layout: auto !important;
text-align: left !important;
text-align-last: auto !important;
-webkit-text-decoration: none !important;
text-decoration: none !important;
text-indent: 0 !important;
text-shadow: none !important;
text-transform: none !important;
top: auto !important;
transform: none !important;
transform-origin: 50% 50% 0 !important;
transform-style: flat !important;
transition: none 0s ease 0s !important;
unicode-bidi: normal !important;
vertical-align: baseline !important;
visibility: visible !important;
white-space: normal !important;
widows: 2 !important;
width: auto !important;
word-spacing: normal !important;
z-index: auto !important;
all: initial !important;
}
.c-search{
position: relative;
z-index: 2000;
opacity: 0;
transition: opacity 0.1s ease-in-out;
pointer-events: none;
}
.c-search .background-bg{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.c-search .result{
background-color: #fff;
border-radius: 0 0 16px 16px;
width: 100%;
margin-top: -33px;
transition: height 0.2s ease-in-out;
}
.c-search .result:has(.group){
padding: 42px;
padding-top: 33px;
}
.c-search .group{
width: 100%;
display: flex;
justify-content: center;
border-top: 1px solid rgba(27, 7, 89, 0.15);
padding: 20px 0;
}
.c-search .group-name{
flex: 0.5;
font-size: 1.25rem;
font-weight: 300;
}
.c-search .items{
flex: 1;
}
.c-search .items a{
display: block;
color: #000;
-webkit-text-decoration: none;
text-decoration: none;
font-size: 1.25rem;
padding-bottom: 7px;
}
.c-search .items a:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-search .dialog{
position: fixed;
top: 44px;
left: 50%;
transform: translateX(-50%);
max-width: 1028px;
width: 100%;
padding: 0 32px;
}
.c-search .search-field{
background-color: #fff;
max-width: 1028px;
width: 100%;
padding: 21px 32px;
outline: 0;
border: 0;
border-radius: 50px;
font-size: 1.25rem;
z-index: 2001;
position: relative;
}
.c-search .search-close-button{
position: absolute;
top: 27px;
right: 60px;
z-index: 2002;
cursor: pointer;
width: 18px;
}
.c-search .button{
display: none;
}
.c-search .close-input .no-hover{
display: block;
}
.c-search .close-input .on-hover{
display: none;
}
.c-search .close-input:hover .no-hover{
display: none;
}
.c-search .close-input:hover .on-hover{
display: block;
}
@media screen and (max-width: 780px){
.c-search .result{
overflow: scroll;
}
.c-search .result:has(.group){
height: 70vh;
}
.c-search .group{
flex-direction: column;
}
.c-search .group .group-name{
font-size: 0.75rem;
padding-bottom: 12px;
}
.c-search .items{
padding-left: 13px;
}
}
@media print {
.c-search{
display: none !important;
}
}
.visible-search{
opacity: 1;
pointer-events: all;
}
.c-search-result
{
font-size: 1rem;
line-height: 1.5rem;
max-width: 1200px;
margin: 0 auto;
padding: 0 32px;
}
.c-search-result .head
{
font-size: 2.5rem;
line-height: 3.125rem;
font-weight: normal;
padding: 30px 0;
}
.c-search-result .head-description mark, .c-search-result .head-description span
{
font-weight: normal;
}
.c-search-result .items > a
{
display: block;
color: inherit;
padding: 24px 0;
border-bottom: solid 1px #D9D9D9;
-webkit-text-decoration: none;
text-decoration: none;
}
.c-search-result .items > a:hover .title
{
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-search-result .items > a:not(:first-child)
{
border-top: solid 1px #D9D9D9;
}
.c-search-result .items > a::after
{
display: none;
}
.c-search-result .items > a[href$=".pdf"] .title::after
{
display: inline-block;
content: ">";
color: transparent;
font-size: inherit;
line-height: inherit;
width: 18px;
margin-left: 7px;
background: svg-uri('') no-repeat center center;
}
.c-search-result .title
{
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 10px;
display: block;
}
.c-search-result .description
{
line-height: 1.625rem;
display: block;
}
.c-search-result mark
{
color: #000;
color: initial;
}
.c-search-result .filter-name
{
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 17px;
font-weight: 500;
}
.c-search-result .filter
{
font-size: 0.9375rem;
line-height: 1.3125rem;
border-bottom: solid 1px #1B0759;
overflow: hidden;
margin-bottom: 30px;
@include screen(1000px)
{
font-size: 1rem;
}
}
.c-search-result .filter a
{
display: inline-block;
-webkit-text-decoration: none;
text-decoration: none;
color: inherit;
padding: 13px 0;
border-bottom: solid 4px transparent;
margin-right: 15px;
}
.c-search-result .filter a.active
{
font-weight: bold;
border-color: #1B0759;
}
.c-search a[href*=".pdf?"]::after,
.c-search-result a[href*=".pdf?"] .title::after
{
display: inline-block;
content: ">";
color: transparent;
font-size: inherit;
line-height: inherit;
width: 18px;
margin-left: 7px;
background: url("data:image/svg+xml,%3Csvg width='16' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23eb601d' fill-rule='nonzero'%3E%3Cpath d='M13.675 10.362c-.24-.236-.771-.36-1.581-.372a13.223 13.223 0 00-1.901.14c-.311-.18-.632-.375-.883-.61-.676-.631-1.24-1.508-1.591-2.472.022-.09.042-.169.06-.25 0 0 .382-2.163.28-2.894a.822.822 0 00-.049-.207l-.033-.086c-.103-.238-.307-.491-.625-.478l-.192-.006c-.356 0-.645.182-.72.454-.231.852.007 2.125.438 3.774l-.11.27c-.31.753-.696 1.512-1.038 2.182l-.045.086c-.36.704-.687 1.302-.982 1.808l-.305.162c-.023.011-.546.29-.669.364-1.041.622-1.731 1.327-1.846 1.887-.036.18-.009.407.176.513l.296.149a.891.891 0 00.401.097c.742 0 1.603-.924 2.79-2.995 1.37-.446 2.93-.817 4.297-1.022 1.041.586 2.323.994 3.13.994.144 0 .268-.014.368-.04a.627.627 0 00.366-.25c.156-.237.189-.562.146-.895a.598.598 0 00-.176-.305l-.002.002zM2.595 14.31c.135-.37.67-1.101 1.463-1.75.05-.041.172-.156.285-.263-.829 1.321-1.383 1.848-1.748 2.012v.001zm4.69-10.8c.239 0 .375.6.386 1.164.012.564-.12.96-.283 1.252-.135-.433-.202-1.115-.202-1.562 0 0-.01-.854.1-.854zm-1.399 7.696c.167-.297.339-.61.515-.944.431-.814.702-1.451.905-1.974A6.54 6.54 0 008.8 10.143c.073.062.152.125.233.187-1.2.237-2.236.525-3.148.876h.001zm7.56-.067c-.073.046-.282.072-.416.072-.434 0-.972-.198-1.725-.522.29-.022.555-.033.793-.033.436 0 .565-.002.99.107.426.109.431.33.358.374v.002z'/%3E%3Cpath d='M15.009 4.026a15.966 15.966 0 00-1.533-1.752A15.966 15.966 0 0011.724.74C10.817.077 10.377 0 10.125 0H1.406C.631 0 0 .631 0 1.406v15.188C0 17.369.631 18 1.406 18h12.938c.775 0 1.406-.631 1.406-1.406V5.625c0-.252-.076-.692-.741-1.599zm-2.33-.956c.54.54.964 1.026 1.277 1.43h-2.707V1.794c.404.313.89.736 1.43 1.276zm1.946 13.524a.284.284 0 01-.281.281H1.406a.285.285 0 01-.281-.281V1.406c0-.152.13-.281.281-.281h8.719v3.938c0 .31.252.562.563.562h3.937v10.969z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}
.c-simple-shortcuts{
margin: 0 auto;
max-width: 1273px;
width: 100%;
display: flex;
flex-direction: row;
padding: 100px 32px;
}
.c-simple-shortcuts .item{
flex: 1;
}
.c-simple-shortcuts .item-text{
align-items: center;
}
.c-simple-shortcuts .item-big{
flex: 1.75;
}
.c-simple-shortcuts .big-text{
color: #1B0759;
font-size: 4rem;
line-height: 1.2;
font-weight: 400;
}
.c-simple-shortcuts .flex-view{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.c-simple-shortcuts .link-content{
overflow: hidden;
}
.c-simple-shortcuts .mobile-text{
display: none;
}
.c-simple-shortcuts a{
background-color: #1B0759;
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
padding: 12px 24px;
border-radius: 4px;
margin: 0;
height: -moz-fit-content;
height: fit-content;
float: left;
margin: 4px;
position: relative;
}
.c-simple-shortcuts a[href^="https://"]{
padding-right: 33px;
}
.c-simple-shortcuts a[href^="https://"]::after{
content: url("/images/icons/external-white.svg");
width: 12px;
height: 12px;
display: block;
position: absolute;
right: 14px;
top: 40%;
transform: translateY(-50%);
z-index: 2;
}
.c-simple-shortcuts a:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
@media screen and (max-width: 730px){
.c-simple-shortcuts{
flex-direction: column;
padding: 14px 21px;
padding-bottom: 27px;
}
.c-simple-shortcuts .big-text{
font-size: 2.5rem;
font-weight: 400;
padding-bottom: 25px;
}
.c-simple-shortcuts .test{
display: none;
}
.c-simple-shortcuts .mobile-text{
display: block;
}
.c-simple-shortcuts a{
padding: 11px 24px;
}
}
html:lang("fo") .lang-target{
padding-right: 227px;
}
@media screen and (max-width: 730px){
html:lang("fo") .lang-target{
padding-right: 0;
}
}
html:lang("en") .lang-target{
padding-right: 35px;
}
@media screen and (max-width: 730px){
html:lang("en") .lang-target{
padding-right: 0;
}
}
.c-staff-page-content .title-bar{
background-color: #fafafa;
min-height: 300px;
}
.c-staff-page-content .center-content{
max-width: 1082px;
margin: 0 auto;
width: 100%;
padding: 32px;
padding-bottom: 50px;
margin-top: -290px;
}
.c-staff-page-content .title{
font-size: 4rem;
color: #1B0759;
padding-top: 32px;
padding-bottom: 55px;
margin-top: 0;
margin-bottom: 0;
}
.c-staff-page-content .name {
font-weight: 700;
}
.c-staff-page-content .staff-members{
display: flex;
flex-wrap: wrap;
gap: 59px;
justify-content: center;
}
.c-staff-page-content .staff-members p + p{
padding-top: 0;
}
.c-staff-page-content .staff-members a{
display: block;
color: #000;
-webkit-text-decoration: none;
text-decoration: none;
}
@media screen and (max-width: 1047px){
.c-staff-page-content .center-content{
padding: 24px;
}
.c-staff-page-content .title{
font-size: 2.5rem;
}
.c-staff-page-content .staff-members{
gap: 18px;
}
.c-staff-page-content .member{
width: 144px;
}
}
.statistics-loading
{
height: 300px;
}
.statistics
{
display: none;
}
.statistics #chart_div
{
margin-top: 20px;
}
.statistics #dataGrid
{
margin-top: 25px;
padding-top: 25px;
background-color: #e6e6e6;
}
.statistics table
{
width: 100%;
margin: 0;
border-collapse: collapse;
}
.statistics tr
{
line-height: 1.5rem;
border-bottom: solid 1px #bbc6d3;
}
.statistics th
{
font-weight: bold;
}
.statistics th, .statistics td
{
font-size: 0.75rem;
text-align: left;
text-transform: uppercase;
}
.statistics th:first-child, .statistics td:first-child
{
padding-left: 10px;
}
.statistics th:last-child, .statistics td:last-child
{
padding-right: 10px;
}
.statistics button
{
margin: 10px;
}
@media screen and (min-width: 700px) {
.statistics td
{
font-size: 0.9375rem;
}
}
.c-tabs {
margin-bottom: 80px;
}
.c-tabs [role='tablist'] {
display: flex;
flex-wrap: wrap;
}
.c-tabs [role='tab'] {
padding: max(16px, min(3vw, 22px)) max(22px, min(3vw, 30px)) max(16px, min(3vw, 24px)) max(22px, min(3vw, 30px));
font-weight: 600;
font-weight: var(--font-weight-semi-bold, 600);
font-size: max(1.125rem, min(3vw, 1.5rem));
text-align: left;
background-color: #e8eaf0;
border: none;
cursor: pointer;
transition: background-color 150ms ease;
}
.c-tabs [role='tab'] .label span {
word-wrap: anywhere;
}
.c-tabs [role='tab'][aria-selected='true'] {
background-color: white;
background-color: var(--color-white, #fff);
}
.c-tabs .panels-wrapper {
display: grid;
grid-template: 'panels' 100%;
}
.c-tabs [role='tabpanel'] {
grid-area: panels;
height: max-content;
background-color: white;
background-color: var(--color-white, #fff);
transition: opacity 150ms ease;
}
.c-tabs [role='tabpanel'][aria-hidden='true'] {
opacity: 0;
pointer-events: none;
}
.c-tabs [role='tabpanel'] .content {
/* For the example */
width: 100%;
height: 500px;
background-color: grey;
}
.c-text-page-contents{
padding: 32px 32px;
}
.c-text-page-contents .centered{
max-width: 786px;
width: 100%;
margin: 0 auto;
}
.c-text-page-contents .bottom{
padding-top: 56px;
padding-bottom: 56px;
}
.c-text-page-contents h2{
font-size: 1.25rem;
}
.c-text-page-contents .accordion-title{
font-size: 1.25rem;
font-weight: 600;
text-transform: uppercase;
color: #1B0759;
padding-bottom: 18px;
padding-left: 16px;
}
.c-text-page-contents .accordion-title p{
font-size: 1.25rem;
font-weight: 600;
text-transform: uppercase;
color: #1B0759;
}
.c-text-page-contents .content{
line-height: 1.625rem;
font-weight: 300;
color: #333;
}
.c-text-page-contents .content img{
max-width: 100%;
}
.c-text-page-contents .content p:first-child{
padding-top: 40px;
}
.c-text-page-contents .content iframe{
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
.c-text-page-contents .content + .text-page-accordion .accordion-title{
padding-top: 70px;
}
.c-text-page-contents .active-accordion-button{
color: #000 !important;
background-image: url("/images/icons/close_dark.svg") !important;
}
.c-text-page-contents .active-accordion-button{
background-color: #f5f6cc;
}
.c-text-page-contents .active-accordion-button:hover{
background-color: #f5f6cc !important;
color: #000 !important;
background-image: url("/images/icons/close_dark.svg") !important;
}
.c-text-page-contents .accordion-list .link-block{
border-bottom: 1px solid rgba(27, 7, 89, 0.15) !important;
}
.c-text-page-contents .accordion-list .link-block{
-webkit-text-decoration: none;
text-decoration: none;
display: block;
}
.c-text-page-contents .accordion-list .link-block .block-title{
background-image: url("/images/icons/url-arrow.svg?v2") !important;
}
.c-text-page-contents .accordion-list .link-block .block-title{
background-size: 16px;
}
.c-text-page-contents .accordion-list .accordion-block .accordion-content{
padding: 32px;
overflow-x: scroll;
}
.c-text-page-contents .accordion-list .accordion-block .accordion-content img{
max-width: 100%;
}
.c-text-page-contents .accordion-list .accordion-block .accordion-holder{
height: -moz-fit-content;
height: fit-content;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-in-out;
border-bottom: 1px solid rgba(27, 7, 89, 0.15);
}
.c-text-page-contents .accordion-list .accordion-block .open-holder{
/*max-height: 5000px;*/
}
.c-text-page-contents .accordion-list .accordion-block .block-title{
font-size: 1.125rem;
font-weight: 400;
padding: 16px;
background-image: url("/images/icons/add.svg");
background-repeat: no-repeat;
background-position: calc(100% - 40px) center;
cursor: pointer;
color: #1B0759;
}
.c-text-page-contents .accordion-list .accordion-block .block-title:hover{
color: #1B0759;
background-color: #fafafa;
}
.c-text-page-contents .link-element{
background-color: #FAFAFA;
padding: 40px;
display: flex;
flex-wrap: wrap;
max-width: 1208px;
margin: 0 auto;
}
.c-text-page-contents .link-element a{
-webkit-text-decoration: none;
text-decoration: none;
flex: 1;
font-size: 1rem;
color: #1B0759;
padding-bottom: 10px;
padding-left: 32px;
border-bottom: 1px solid #D9D9D9;
margin: 10px;
background-image: url("/images/icons/link-arrow.svg");
background-size: 14px;
background-repeat: no-repeat;
background-position: left 7px;
min-width: 264px;
max-width: 356px;
}
.c-text-page-contents .link-element a:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
@media screen and (max-width: 1047px){
.c-text-page-contents{
padding: 24px 24px;
}
.c-text-page-contents .content + .text-page-accordion .accordion-title{
padding-top: 56px;
}
.c-text-page-contents .highlight{
padding-left: 32px;
padding-right: 32px;
}
}
@media screen and (max-width: 750px){
.c-text-page-contents .accordion-list .accordion-block .block-title{
padding-right: 88px;
}
}
@media print{
.c-text-page-contents{
width: 100%;
}
.c-text-page-contents .content p{
font-size: 1rem;
}
}
.c-text-page-title{
overflow: hidden;
background-color: #FAFAFA;
}
@media screen and (min-width: 800px) {
.c-text-page-title{
min-height: 193px;
}
}
.c-text-page-title .big-title{
font-size: 3.25rem;
color: #1B0759;
font-weight: 500;
line-height: 1.2;
}
.c-text-page-title .logo{
padding-top: 24px;
height: 69px;
}
.c-text-page-title .title-container{
display: flex;
height: 100%;
}
.c-text-page-title .title-container:has(img){
min-height: 500px;
}
.c-text-page-title .text-side{
flex: 1;
display: flex;
justify-content: flex-end;
padding-top: 32px;
padding-left: 32px;
padding-bottom: 64px;
}
.c-text-page-title .text-side .contents{
display: block;
max-width: 557px;
min-width: 557px;
margin-right: 64px;
}
.c-text-page-title .description{
padding-top: 32px;
font-size: 1.125rem;
}
.c-text-page-title .description p{
color: #333;
font-weight: 400;
}
.c-text-page-title .image-side{
flex: 1;
position: relative;
}
.c-text-page-title .image-side img{
flex: 1;
width: 100vw;
position: absolute;
top: 50%;
transform: translateY(-50%);
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1048px){
.c-text-page-title{
height: -moz-fit-content;
height: fit-content;
}
.c-text-page-title .big-title{
font-size: 2rem;
}
.c-text-page-title .text-side{
padding-left: 24px;
padding-right: 24px;
justify-content: flex-start;
}
.c-text-page-title .text-side .contents{
min-width: 0;
margin-right: 0;
}
.c-text-page-title .description{
padding-top: 32px;
}
.c-text-page-title .breadcrumbs{
display: none;
}
.c-text-page-title .title-container{
display: block;
}
.c-text-page-title .image-side{
display: none;
overflow: hidden;
min-height: 0;
margin: 24px;
}
.c-text-page-title .image-side img{
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-text-page-title .image-side:has(img){
/*min-height: 240px;*/
}
}
@media print{
.c-text-page-title{
height: -moz-fit-content !important;
height: fit-content !important;
}
.c-text-page-title{
display: block;
}
.c-text-page-title .title-container{
display: block;
}
.c-text-page-title .title-container .text-side{
display: block;
}
.c-text-page-title .image-side{
display: none;
}
}
.c-text-page-title:has(img) .text-side .contents{
max-width: 551px;
}
@media screen and (max-width: 1048px){
.c-text-page-title:has(img){
height: -moz-fit-content;
height: fit-content;
}
.c-text-page-title:has(img) .title-container{
min-height: auto;
}
}
.c-title-banner{
position: relative;
height: 500px;
}
.c-title-banner .banner-block{
width: 100%;
height: 500px;
position: absolute;
overflow: hidden;
transition: left 0.5s ease-out;
}
.c-title-banner .banner-block .header-image{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-o-object-fit: cover;
object-fit: cover;
width: 100vw;
min-width: 1920px;
z-index: -1;
min-height: 500px;
}
@media screen and (max-width: 1047px){
.c-title-banner .banner-block .header-image{
min-height: 595px;
}
}
.c-title-banner .banner-block .center-content{
margin: 0 auto;
max-width: 1208px;
width: 100%;
}
.c-title-banner .banner-block .center-content .sub-title{
color: #fff;
font-size: 1.5rem;
font-family: "Onest";
font-weight: 600;
margin: 0;
padding-left: 70px;
padding-top: 75px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
@media screen and (max-width: 1047px){
.c-title-banner .banner-block .center-content .sub-title{
padding-left: 24px;
font-size: 1.0625rem;
}
}
.c-title-banner .banner-block .center-content .sub-title + .titleArea{
padding-top: 7px;
margin-top: 12px;
}
.c-title-banner .banner-block .center-content .titleArea{
margin-top: 20px;
margin-bottom: 20px;
margin-top: 95px;
}
.c-title-banner .banner-block .center-content .titleArea p{
color: #fff;
font-size: 4rem;
font-family: "Onest";
font-weight: 900;
margin: 0;
padding: 0;
line-height: 4.25rem;
padding-left: 70px;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px, rgba(0, 0, 0, 0.3) 0 3px 2px, rgba(0, 0, 0, 0.3) 0 4px 8px;
max-width: 800px;
overflow: visible;
}
/*.max-lines{
--max-lines: 2;
}*/
@media screen and (max-width: 1047px){
.c-title-banner .banner-block .center-content .titleArea{
margin-top: 0;
}
.c-title-banner .banner-block .center-content .titleArea p{
font-size: 2rem;
padding-left: 24px;
padding-right: 22px;
}
}
@media screen and (max-width: 790px){
.c-title-banner .banner-block .center-content .titleArea p{
font-size: 2rem;
line-height: 2.25rem;
}
}
.c-title-banner .banner-block .center-content .title{
color: #fff;
font-size: 4rem;
font-family: "Onest";
font-weight: 900;
margin: 0;
padding: 0;
padding-left: 70px;
text-shadow: 0px 0px 13px rgba(0,0,0,0.16);
}
.c-title-banner .banner-block .center-content .link{
position: relative;
z-index: 2;
display: block;
background-color: #fff;
color: #1B0759;
text-align: center;
-webkit-text-decoration: none;
text-decoration: none;
width: 240px;
font-size: 1.125rem;
font-weight: 600;
padding: 12px 0;
border-radius: 4px;
margin: 0;
margin-left: 70px;
margin-top: 20px;
transition: background-color 0.1s ease-in-out;
}
@media screen and (max-width: 1047px){
.c-title-banner .banner-block .center-content .link{
margin-left: 24px;
}
}
.c-title-banner .banner-block .center-content .link:hover{
-webkit-text-decoration: underline;
text-decoration: underline;
}
@media screen and (max-width: 1047px){
.c-title-banner .banner-block{
min-height: 340px;
}
}
.c-title-banner .left-mobile-button{
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 100%;
background-color: transparent;
border: 0;
display: none;
}
.c-title-banner .right-mobile-button{
position: absolute;
top: 0;
right: 0;
width: 80px;
height: 100%;
background-color: transparent;
border: 0;
display: none;
}
.c-title-banner .center-dots{
max-width: 1206px;
width: 100%;
position: absolute;
bottom: 125px;
left: 50%;
transform: translateX(-50%);
padding-left: 70px;
}
.c-title-banner .header-dots{
position: absolute;
bottom: 0;
overflow: hidden;
max-width: 1208px;
width: 100%;
margin: 0 auto;
}
.c-title-banner .header-dots .dot{
background-color: transparent;
border: 1px solid #fff;
border-radius: 100%;
z-index: 2;
width: 12px;
height: 12px;
margin-right: 9px;
float: left;
cursor: pointer;
}
.c-title-banner .header-dots .active-dot{
background-color: #fff;
}
.c-title-banner .left-button{
z-index: 2;
position: absolute;
top: 50%;
left: 56px;
transform: translateY(-50%);
cursor: pointer;
transition: transform 0.05s ease-in;
}
.c-title-banner .right-button{
z-index: 2;
position: absolute;
top: 50%;
right: 56px;
transform: translateY(-50%);
cursor: pointer;
transition: transform 0.05s ease-in;
}
.c-title-banner .left-button:hover{
transform: scale(1.2) translateY(-40%);
}
.c-title-banner .right-button:hover{
transform: scale(1.2) translateY(-40%);
}
.c-title-banner .no-transition{
transition: none !important;
}
@media screen and (max-width: 1268px){
.c-title-banner .left-button, .c-title-banner .right-button{
display: none;
}
.c-title-banner .left-mobile-button, .c-title-banner .right-mobile-button{
display: block;
}
}
@media screen and (max-width: 1047px){
.c-title-banner{
height: 340px;
}
.c-title-banner .banner-block{
height: 340px;
}
.c-title-banner .banner-block .center-content .sub-title{
padding-top: 24px;
}
.c-title-banner .center-content .sub-title + .titleArea{
margin-top: 0 !important;
}
.c-title-banner .center-content .sub-title + .titleArea{
padding-top: 7px;
}
.c-title-banner .center-content .titleArea{
padding-top: 37px;
}
.c-title-banner .center-content .titleArea p{
font-size: 2rem;
line-height: 2.25rem;
}
.c-title-banner .center-dots{
padding-left: 33px;
bottom: 50px;
}
}
@media screen and (max-width: 790px){
.c-title-banner{
height: 34 0px;
}
.c-title-banner .center-dots{
padding-left: 24px;
bottom: 80px;
}
.c-title-banner .center-dots .header-dots .dot{
background-color: transparent;
border: 1px solid #fff;
}
.c-title-banner .center-dots .header-dots .active-dot{
background-color: #fff;
}
.c-title-banner .center-dots{
bottom: 80px;
}
.c-title-banner .center-dots .dot{
width: 10px;
height: 10px;
margin-right: 7px;
}
.c-title-banner .banner-block .header-image{
min-width: 100%;
}
.c-title-banner .banner-block .center-content{
padding-top: 18px;
}
.c-title-banner .banner-block .center-content .sub-title{
padding-top: 0px;
font-size: 1rem;
}
.c-title-banner .banner-block .center-content .link{
width: 118px;
font-size: 1rem;
padding: 9px 0px;
}
}
.c-user-bar{
background-color: #f2f4bf;
padding: 10px 22px;
}
.c-user-bar .centered{
max-width: 1208px;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.c-user-bar .user-title{
font-size: 1.125rem;
}
.c-user-bar .info{
font-size: 0.75rem;
}
.c-user-bar .item{
display: flex;
align-items: center;
}
.c-user-bar .item a{
margin-left: 12px;
background-color: #fff;
border-radius: 8px;
color: #333;
padding: 5px 18px;
font-size: 0.75rem;
}
.c-user-bar .account-name{
font-weight: 800;
}
@media screen and (max-width: 550px){
.c-user-bar .centered{
flex-direction: column;
}
}
.c-weather-forecast-hero {
position: relative;
margin-top: calc(var(--header-height) * -1);
padding-top: calc(var(--header-height) + max(16px, min(4vw, 32px)));
padding-bottom: 60px;
padding-left: 20px;
padding-right: 20px;
padding-top: 32px;
background-color: #FAFAFA;
}
.c-weather-forecast-hero .todays-date{
text-align: left;
font-weight: 400;
}
@media screen and (max-width: 650px){
.c-weather-forecast-hero .todays-date{
display: none;
}
}
.c-weather-forecast-hero .lang-fo{
gap: 4px !important;
padding-right: 22px !important;
}
.c-weather-forecast-hero .lang-fo .fo-show{
display: none;
}
@media screen and (max-width: 650px){
.c-weather-forecast-hero .lang-fo{
gap: 20px !important;
}
.c-weather-forecast-hero .lang-fo .fo-hide{
display: none !important;
}
.c-weather-forecast-hero .lang-fo .fo-show{
display: block;
}
}
@media screen and (max-width: 360px){
.c-weather-forecast-hero .lang-fo{
gap: 13px !important;
}
}
.c-weather-forecast-hero .lang-en{
gap: 37px !important;
padding-right: 32px !important;
}
@media screen and (max-width: 650px){
.c-weather-forecast-hero .lang-en{
gap: 33px !important;
padding-right: 22px !important;
}
.c-weather-forecast-hero .lang-en .fo-hide{
display: none !important;
}
}
@media screen and (max-width: 360px){
.c-weather-forecast-hero .lang-en{
gap: 25px !important;
}
.c-weather-forecast-hero .lang-en{
padding-right: 29px;
}
}
.c-weather-forecast-hero .mobile-summary{
display: none;
}
.c-weather-forecast-hero .mobile-summary .sunrise-and-set{
margin-left: 0;
}
.c-weather-forecast-hero .day-titles{
display: none;
justify-content: flex-end;
padding-right: 25px;
gap: 19px;
}
.c-weather-forecast-hero .day-titles p{
color: #828282;
font-size: 0.875rem;
}
.c-weather-forecast-hero .day-titles p + p{
padding-top: 0;
}
.c-weather-forecast-hero .sunrise-and-set-mobile{
display: flex;
gap: 12px;
}
.c-weather-forecast-hero .sunrise-and-set-mobile .sunrise{
position: relative;
padding-left: 21px;
}
.c-weather-forecast-hero .sunrise-and-set-mobile .sunrise::before{
position: absolute;
top: 0;
left: 0;
display: block;
content: '';
width: 21px;
height: 21px;
background-image: url("/images/icons/sunrise.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.c-weather-forecast-hero .sunrise-and-set-mobile .sunset{
position: relative;
padding-left: 21px;
}
.c-weather-forecast-hero .sunrise-and-set-mobile .sunset::before{
position: absolute;
top: 0;
left: 0;
display: block;
content: '';
width: 21px;
height: 21px;
background-image: url("/images/icons/sunset.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.c-weather-forecast-hero .info-item{
min-width: 56px;
}
.c-weather-forecast-hero .info-item p + p{
padding-top: 0;
margin-top: -3px;
}
.c-weather-forecast-hero .mobile-wind{
position: relative;
}
.c-weather-forecast-hero .mobile-wind img{
position: absolute;
top: 3px;
right: -16px;
width: 12px;
transform: rotate(calc(var(--wind-direction) + 180deg));
}
.c-weather-forecast-hero .mobile-clouds{
display: flex;
align-items: center;
gap: 24px;
}
.c-weather-forecast-hero .mobile-clouds img{
min-width: 40px;
}
.c-weather-forecast-hero .mobile-group{
display: flex;
align-items: center;
gap: 13px;
}
.c-weather-forecast-hero .mobile-group .big-number{
font-size: 3rem !important;
}
.c-weather-forecast-hero .mobile-group .day-temp{
height: 8px;
margin-top: -14px;
}
.c-weather-forecast-hero .day-block{
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
padding: 20px 22px;
}
.c-weather-forecast-hero .day-block h2{
font-size: 1.0625rem !important;
}
.c-weather-forecast-hero .day-block + .day-block{
margin-top: 4px;
}
.c-weather-forecast-hero .mobile-table{
display: none;
}
.c-weather-forecast-hero .mobile-table .segments{
display: flex;
justify-content: space-between;
}
.c-weather-forecast-hero .mobile-today{
text-align: left;
font-size: 1.125rem;
font-weight: 400;
margin-top: -10px;
}
.c-weather-forecast-hero .small-info{
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
padding-left: 13px;
text-align: left;
}
.c-weather-forecast-hero .small-info p{
font-size: 1.125rem;
}
.c-weather-forecast-hero .small-info img{
position: absolute;
bottom: 4px;
right: -12px;
width: 10px;
transform: rotate(calc(var(--wind-direction) + 180deg));
}
.c-weather-forecast-hero .small-info p + p{
padding-top: 0;
margin-top: -4px;
}
.c-weather-forecast-hero .breadcrumbs_wrapper{
max-width: 1018px;
margin: 0 auto;
}
.c-weather-forecast-hero .breadcrumbs_wrapper .breadcrumbs{
padding-bottom: 0;
}
.c-weather-forecast-hero .title{
font-size: 3.25rem;
line-height: 1.2;
color: #1b0759;
font-weight: 500;
text-align: left;
margin-bottom: 32px;
}
.c-weather-forecast-hero .wind-unit{
margin-top: 6px;
}
.c-weather-forecast-hero .temp-group{
padding-left: 0 !important;
padding-right: 0 !important;
}
.c-weather-forecast-hero .temp-group{
display: flex;
gap: 56px;
}
.c-weather-forecast-hero picture.background {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.c-weather-forecast-hero picture.background::after {
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(117deg, rgba(45, 100, 183, 1) 0%, rgba(150, 208, 232, 1) 100%);
opacity: 0.8;
mix-blend-mode: multiply;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.c-weather-forecast-hero picture.background img {
width: 100%;
height: 100%;
-o-object-position: center 70%;
object-position: center 70%;
}
.c-weather-forecast-hero .red-text{
color: #CB0000;
}
.c-weather-forecast-hero .blue-text{
color: #498FEF;
}
.c-weather-forecast-hero .forecast-title{
max-width: 1018px;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 0px;
padding-right: 13px;
margin-top: 39px;
margin-bottom: 8px;
}
.c-weather-forecast-hero .forecast-title p{
font-size: 0.875rem;
font-weight: 400;
line-height: 1.5rem;
font-style: normal;
color: #828282;
width: 100%;
max-width: 96px;
}
.c-weather-forecast-hero .forecast-title p + p{
padding-top: 0;
}
.c-weather-forecast-hero .title-area{
width: 100%;
max-width: 198px;
}
.c-weather-forecast-hero .icon-area{
display: flex;
gap: 58px;
}
.c-weather-forecast-hero .dummy{
min-width: 330px !important;
}
.c-weather-forecast-hero .dummy{
/*width: 100%;*/
}
.c-weather-forecast-hero .forecast-table{
max-width: 1018px;
width: 100%;
margin: 0 auto;
border-collapse: collapse;
}
.c-weather-forecast-hero .forecast-table tr:first-child{
background-color: transparent;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.c-weather-forecast-hero .forecast-table tr:first-child p{
color: #828282;
font-size: 0.875rem;
}
.c-weather-forecast-hero .forecast-table tr:first-child td{
padding-top: 6px;
padding-bottom: 7px;
}
.c-weather-forecast-hero .forecast-table tr{
background-color: #fff;
padding: 18px 64px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.c-weather-forecast-hero .forecast-table td{
position: relative;
padding: 15px 0px;
}
.c-weather-forecast-hero .forecast-table .wind-arrow{
position: absolute;
top: 50%;
right: 68px;
width: 11px;
transform: translateY(-50%) rotate(calc(var(--wind-direction) + 180deg));
}
.c-weather-forecast-hero .forecast-table .spacer{
height: 8px;
background-color: transparent;
display: block;
padding: 0;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.c-weather-forecast-hero .forecast-table h2{
font-size: 1.125rem;
font-weight: 400;
}
.c-weather-forecast-hero .forecast-table h2::first-letter{
text-transform: uppercase;
}
.c-weather-forecast-hero .forecast-table .first-title{
font-weight: 600;
}
.c-weather-forecast-hero .forecast-table .title-td{
padding-left: 64px;
}
.c-weather-forecast-hero .forecast-table .night-tab{
width: 96px;
}
.c-weather-forecast-hero .forecast-table .noon-tab{
width: 96px;
}
.c-weather-forecast-hero .forecast-table .evening-tab{
width: 96px;
}
.c-weather-forecast-hero .forecast-table .ev-night-tab{
width: 95px;
}
.c-weather-forecast-hero .forecast-table .heat-tab{
width: 76px;
}
.c-weather-forecast-hero .forecast-table .rain-tab{
width: 117px;
}
.c-weather-forecast-hero .forecast-table .wind-tab{
width: 109px;
}
.c-weather-forecast-hero .forecast-table .day-row{
cursor: pointer;
position: relative;
outline: 0;
}
.c-weather-forecast-hero .forecast-table .day-row a{
position: absolute;
top: 0;
left: 0;
}
.c-weather-forecast-hero .forecast-table .button-data{
display: block;
position: absolute;
top: 0;
left: 0;
}
.c-weather-forecast-hero .past-weather-box{
max-width: 1017px;
width: 100%;
margin: 0 auto;
background-color: #EEF1BB;
padding: 24px 64px;
border-radius: 4px;
margin-top: 32px;
display: flex;
flex-direction: row;
justify-content: space-between;
background-image: url("/images/icons/monitoring.svg");
background-position: 70px 29px;
background-size: 26px;
background-repeat: no-repeat;
}
.c-weather-forecast-hero .past-weather-box .centered-item{
display: flex;
align-items: center;
}
.c-weather-forecast-hero .past-weather-box .left-pad{
padding-left: 50px;
}
.c-weather-forecast-hero .past-weather-box a{
background-color: #1B0759;
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
padding: 12px 24px;
padding-right: 51px;
font-weight: 600;
font-size: 1rem;
border-radius: 4px;
position: relative;
}
.c-weather-forecast-hero .past-weather-box a::after{
content: '';
background-color: #fff;
position: absolute;
top: 15px;
right: 26px;
width: 18px;
height: 18px;
-webkit-mask-image: url("/images/icons/arrow-white.svg");
mask-image: url("/images/icons/arrow-white.svg");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.c-weather-forecast-hero .past-weather-box a:hover::after{
background-color: #CBD400;
}
.c-weather-forecast-hero .past-weather-box a:hover{
color: #CBD400;
}
.c-weather-forecast-hero .past-weather-box h2, .c-weather-forecast-hero .past-weather-box p{
color: #1C095A;
}
.c-weather-forecast-hero .past-weather-box h2{
font-size: 1.25rem;
line-height: 2.125rem;
margin-bottom: -9px;
}
.c-weather-forecast-hero .forecast-dialog{
display: none;
justify-content: center;
align-items: center;
flex-direction: column;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 500;
}
.c-weather-forecast-hero .forecast-dialog .dialog-bg{
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 11000;
background-color: rgba(0, 0, 0, 0.5);
}
.c-weather-forecast-hero .forecast-dialog .dialog-contents{
position: relative;
background-color: #fff;
padding: 46px 50px;
border-radius: 6px;
overflow: scroll;
width: 100%;
max-width: 1056px;
box-sizing: border-box;
z-index: 11001;
}
.c-weather-forecast-hero .forecast-dialog .dialog-contents c-weather-hourly-forecast-table{
display: block;
width: 100%;
}
.c-weather-forecast-hero .forecast-dialog .dialog-contents .c-weather-hourly-forecast-table{
width: 100%;
max-width: 100%;
}
.c-weather-forecast-hero .forecast-dialog .dialog-close-button{
position: absolute;
top: 50px;
right: 41px;
background-color: transparent;
border: 0;
cursor: pointer;
}
.c-weather-forecast-hero .forecast-dialog .dialog-close-button img{
width: 24px;
}
@media screen and (max-width: 470px){
.c-weather-forecast-hero .forecast-dialog .dialog-close-button{
top: 44px;
right: 24px;
}
}
@media screen and (max-width: 330px){
.c-weather-forecast-hero .forecast-dialog .dialog-close-button{
top: 31px;
right: 11px;
}
}
.c-weather-forecast-hero .active-forecast-dialog{
display: flex;
}
.c-weather-forecast-hero c-weather-search[data-has-search-suggestions='true'] search input {
border-radius: 24px 24px 0 0;
transition-delay: 0ms;
}
.c-weather-forecast-hero c-weather-search[data-has-search-suggestions='true'] search .results {
transform: scale(1);
transition-delay: calc(250ms / 2);
pointer-events: all;
}
.c-weather-forecast-hero search {
display: block;
width: 100%;
max-width: min(432px, 100vw);
color: var(--color-dark-blue);
margin-left: auto;
margin-right: auto;
}
.c-weather-forecast-hero search .input-wrapper {
position: relative;
padding: 0 15px;
padding: 0 var(--side-padding);
}
.c-weather-forecast-hero search .input-wrapper::before {
--icon-size: 20px;
position: absolute;
width: 20px;
width: var(--icon-size);
height: 20px;
height: var(--icon-size);
background-color: currentcolor;
content: '';
top: calc(50% - 20px / 2);
right: calc(18px + 15px);
bottom: calc(50% - 20px / 2);
left: calc(18px + 15px);
top: calc(50% - var(--icon-size) / 2);
right: calc(18px + var(--side-padding));
bottom: calc(50% - var(--icon-size) / 2);
left: calc(18px + var(--side-padding));
-webkit-mask-image: url('/images/icons/magnifying-glass.svg');
mask-image: url('/images/icons/magnifying-glass.svg');
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.c-weather-forecast-hero search input {
width: 100%;
height: 48px;
color: inherit;
border: none;
border-radius: 24px;
outline: none;
transition: border-radius 250ms ease;
transition-delay: calc(250ms / 2);
-webkit-appearance: none;
appearance: none;
padding-left: 48px;
padding-right: 48px;
}
.c-weather-forecast-hero search input:invalid {
outline: solid 3px var(--color-yellow);
}
.c-weather-forecast-hero search input::-webkit-search-cancel-button {
opacity: 0;
}
.c-weather-forecast-hero search input::-webkit-calendar-picker-indicator {
opacity: 0;
}
.c-weather-forecast-hero search input::-webkit-list-button {
display: none !important;
}
.c-weather-forecast-hero search input::-webkit-list-button {
width: 0;
opacity: 0;
}
.c-weather-forecast-hero search button {
margin-top: 0.5em;
}
.c-weather-forecast-hero search .results {
position: absolute;
z-index: 100;
display: block;
width: calc(100% - 2 * 15px);
width: calc(100% - 2 * var(--side-padding));
height: -moz-fit-content;
height: fit-content;
padding: 12px 48px 24px;
list-style: none;
background-color: white;
background-color: var(--color-white);
border-radius: 0 0 24px 24px;
box-shadow: 0 1px 1px rgba(14, 27, 69, 0.02), 1px 3px 4px rgba(14, 27, 69, 0.03), 1px 7px 9px rgba(14, 27, 69, 0.05), 3px 13px 15px rgba(14, 27, 69, 0.06), 4px 20px 24px rgba(14, 27, 69, 0.08);
transform: scaleY(0);
transform-origin: top;
transition: calc(250ms / 2) ease;
pointer-events: none;
right: 15px;
left: 15px;
top: 48px;
right: var(--side-padding);
bottom: 48px;
left: var(--side-padding);
}
.c-weather-forecast-hero search .results li button {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0.125em 0;
text-align: left;
background-color: transparent;
border: 0;
outline: 0;
cursor: pointer;
}
.c-weather-forecast-hero search .results li button:hover, .c-weather-forecast-hero search .results li button:focus-visible {
font-weight: 600;
font-weight: var(--font-weight-semi-bold);
}
.c-weather-forecast-hero search .results li button:focus-visible {
-webkit-text-decoration: underline;
text-decoration: underline;
text-decoration-thickness: 2px;
}
.c-weather-forecast-hero .forecasts {
transition: ease;
}
.c-weather-forecast-hero .today-forecast {
width: 100%;
max-width: 1016px;
margin-top: max(24px, min(6vw, 55px));
margin-bottom: 18px;
color: black;
color: var(--color-black);
text-align: center;
margin: 0 auto;
margin-top: 23px;
}
.c-weather-forecast-hero .today-forecast > header {
margin-bottom: max(calc(18px / 2), min(2.5vw, 24px));
}
.c-weather-forecast-hero .today-forecast > header .source {
font-weight: 400;
font-weight: var(--font-weight-regular);
font-size: 0.625rem;
margin-bottom: max(6px, min(1vw, 24px));
}
.c-weather-forecast-hero .today-forecast > header .source abbr {
-webkit-text-decoration: none;
text-decoration: none;
}
.c-weather-forecast-hero .today-forecast > header .location-and-date {
font-weight: 400;
font-weight: var(--font-weight-regular);
font-size: 1rem;
}
.c-weather-forecast-hero .today-forecast .sep-line{
position: relative;
}
.c-weather-forecast-hero .today-forecast .sep-line::after{
content: '';
width: 1px;
height: 80px;
background-color: #D9D6E2;
position: absolute;
left: -50px;
top: 50%;
transform: translateY(-50%);
}
.c-weather-forecast-hero .today-forecast .no-marg{
margin: 0;
}
.c-weather-forecast-hero .today-forecast .rain-amount{
display: block;
padding-top: 23px;
}
.c-weather-forecast-hero .today-forecast .wind-amount{
display: block;
padding-top: 23px;
}
.c-weather-forecast-hero .today-forecast > main .group{
display: flex !important;
flex-direction: row !important;
}
.c-weather-forecast-hero .today-forecast > main .sun-group{
display: flex;
justify-content: space-between;
margin-bottom: 32px;
}
.c-weather-forecast-hero .today-forecast > main .sun-group h2{
font-size: 1.2375rem;
font-weight: 400;
}
.c-weather-forecast-hero .today-forecast > main .centered-group{
align-items: center;
gap: 100px;
}
.c-weather-forecast-hero .today-forecast > main .centered-group .amount{
padding-top: 20px;
}
.c-weather-forecast-hero .today-forecast > main .centered-group > div{
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.c-weather-forecast-hero .today-forecast > main .temperature{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #CB0000;
}
.c-weather-forecast-hero .today-forecast > main .temp-notation{
font-size: 3rem;
}
.c-weather-forecast-hero .today-forecast > main .rainfall{
display: flex;
flex-direction: column;
justify-content: center;
color: #498FEF;
}
.c-weather-forecast-hero .today-forecast > main .wind{
display: flex;
flex-direction: column;
justify-content: center;
color: #333333;
position: relative;
align-items: center;
padding-right: 40px;
}
.c-weather-forecast-hero .today-forecast > main .wind img{
position: absolute;
top: 38px;
right: 0;
transform: rotate(calc(var(--wind-direction) + 180deg));
}
.c-weather-forecast-hero .today-forecast > main .main-weather-icon{
padding-top: 10px;
}
.c-weather-forecast-hero .today-forecast > main .big-number{
font-size: 3rem;
font-weight: 300;
line-height: 1.5rem;
font-family: "Onest";
font-style: normal;
}
.c-weather-forecast-hero .today-forecast > main .summary {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-bottom: 24px;
margin-bottom: 32px;
}
.c-weather-forecast-hero .today-forecast > main .summary > .icon {
align-items: center;
justify-content: center;
}
.c-weather-forecast-hero .today-forecast > main .summary > .icon img {
width: 100px;
height: 92px;
}
.c-weather-forecast-hero .today-forecast > main .summary > * {
padding-top: 8px;
padding-bottom: 8px;
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
}
.c-weather-forecast-hero .today-forecast > main .summary > *:not(*:last-child) {
border-right: solid 1px var(--color-medium-blue);
}
@media screen and (max-width: 600px) {
.c-weather-forecast-hero .today-forecast > main .summary > *:not(*:last-child) {
border: none;
}
}
.c-weather-forecast-hero .today-forecast > main .summary > *.wind::after {
display: none;
}
.c-weather-forecast-hero .today-forecast > main .summary > * > .amount {
justify-content: center;
font-weight: 400;
font-weight: var(--font-weight-regular);
font-size: 3.75rem;
line-height: 1;
margin-bottom: 8px;
}
.c-weather-forecast-hero .today-forecast > main .summary > * > .unit {
font-weight: 400;
font-weight: var(--font-weight-regular);
font-size: 0.875rem;
}
@media screen and (max-width: 600px) {
.c-weather-forecast-hero .today-forecast > main .summary > * {
flex-direction: column;
}
}
@media screen and (max-width: 600px) {
.c-weather-forecast-hero .today-forecast > main .summary > * {
flex-direction: row;
gap: 0.25em;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
line-height: 1;
padding-top: 4px;
padding-bottom: 4px;
}
.c-weather-forecast-hero .today-forecast > main .summary > * .amount {
margin: 0;
font-weight: 400;
font-weight: var(--font-weight-regular);
font-size: 1.125rem;
}
.c-weather-forecast-hero .today-forecast > main .summary > * .unit {
font-weight: 400;
font-weight: var(--font-weight-regular);
font-size: 1.125rem;
}
.c-weather-forecast-hero .today-forecast > main .summary > .icon {
display: none;
}
.c-weather-forecast-hero .today-forecast > main .summary > .temperature .amount {
margin-bottom: calc(max(18px, min(5vw, 24px)) / 2);
font-weight: var(--font-weight-light);
font-size: 4.5rem;
}
.c-weather-forecast-hero .today-forecast > main .summary > .temperature .unit {
display: none;
}
.c-weather-forecast-hero .today-forecast > main .summary > .rainfall, .c-weather-forecast-hero .today-forecast > main .summary > .wind {
display: grid;
grid-template-columns: min(32px, 0.85em) repeat(2, 2.5em);
}
.c-weather-forecast-hero .today-forecast > main .summary > .rainfall .amount, .c-weather-forecast-hero .today-forecast > main .summary > .wind .amount {
display: block;
text-align: left;
margin-left: 0.5em;
}
.c-weather-forecast-hero .today-forecast > main .summary > .rainfall::before {
--icon-size: min(32px, 0.85em);
display: inline-block;
width: min(32px, 0.85em);
width: var(--icon-size);
height: min(32px, 0.85em);
height: var(--icon-size);
background-color: currentcolor;
transform: rotate(calc(var(--wind-direction) + 180deg));
content: '';
margin-right: calc(min(32px, 0.85em) / 2.5);
margin-right: calc(var(--icon-size) / 2.5);
-webkit-mask-image: url('/images/icons/cloud-drizzle.svg');
mask-image: url('/images/icons/cloud-drizzle.svg');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.c-weather-forecast-hero .today-forecast > main .summary [style*='--wind-direction:']::after {
display: none;
}
.c-weather-forecast-hero .today-forecast > main .summary [style*='--wind-direction:']::before {
display: inline-block;
}
.c-weather-forecast-hero .today-forecast > main .summary .amount[style*='--wind-direction:']::before {
display: none;
}
}
.c-weather-forecast-hero .today-forecast > main .sentence-summary {
width: -moz-fit-content;
width: fit-content;
font-weight: 600;
font-weight: var(--font-weight-semi-bold);
font-size: 1rem;
margin-left: auto;
margin-right: auto;
}
.c-weather-forecast-hero .today-forecast > main .sunrise-and-set {
display: flex;
flex-wrap: wrap;
gap: 18px;
width: -moz-fit-content;
width: fit-content;
font-weight: 400;
font-weight: var(--font-weight-regular);
font-size: 0.875rem;
margin-left: auto;
/*margin-inline: auto;*/
/* margin-block-start: clamp(24px, 5vw, 74px);*/
}
.c-weather-forecast-hero .today-forecast > main .sunrise-and-set > * {
display: flex;
gap: 0.5ch;
align-items: center;
justify-content: center;
}
.c-weather-forecast-hero .today-forecast > main .sunrise-and-set > *::before {
--icon-size: 22px;
display: inline-block;
width: 22px;
width: var(--icon-size);
height: 22px;
height: var(--icon-size);
background-color: currentcolor;
content: '';
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-color: transparent;
}
.c-weather-forecast-hero .today-forecast > main .sunrise-and-set .sunrise::before {
background-image: url('/images/icons/sunrise.svg');
}
.c-weather-forecast-hero .today-forecast > main .sunrise-and-set .sunset::before {
background-image: url('/images/icons/sunset.svg');
}
.c-weather-forecast-hero .five-day-forecast {
display: flex;
flex-direction: column;
gap: 4px;
width: 100%;
max-width: 1016px;
margin-left: auto;
margin-right: auto;
}
.c-weather-forecast-hero .five-day-forecast > article {
position: relative;
display: flex;
grid-template: 'title icon temperature rainfall wind more' auto / 1fr auto auto auto auto 1fr;
align-items: center;
justify-content: space-between;
width: 100%;
color: black;
color: var(--color-black);
font-weight: 400;
font-weight: var(--font-weight-regular);
font-size: 1rem;
background-color: hsl(var(--color-dark-blue-hsl) / 70%);
border-radius: 4px;
/*padding-left: 64px;
padding-top: 18px;
padding-bottom: 18px;*/
padding: 18px 64px;
background-color: #fff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
/*padding-inline: clamp(21px, 4vw, 80px);
padding-block: clamp(16px, 4vw, 24px);*/
}
@media screen and (max-width: 800px) {
.c-weather-forecast-hero .five-day-forecast > article {
grid-template:
'title title title title more' auto
'icon temperature rainfall wind more' auto / auto auto auto auto 1fr;
}
}
.c-weather-forecast-hero .five-day-forecast > article .first-title{
font-weight: 600;
}
.c-weather-forecast-hero .five-day-forecast > article > h1 {
grid-area: title;
font-weight: 400;
font-weight: var(--font-weight-regular);
font-size: 1.125rem;
}
.c-weather-forecast-hero .five-day-forecast > article > h1::first-letter {
text-transform: uppercase;
}
.c-weather-forecast-hero .five-day-forecast > article > .icon {
grid-area: icon;
}
.c-weather-forecast-hero .five-day-forecast > article > .icon > img {
width: 34px;
min-width: 34px;
max-width: 34px;
height: 30px;
min-height: 30px;
max-height: 30px;
}
@media screen and (max-width: 800px) {
.c-weather-forecast-hero .five-day-forecast > article > .icon {
padding-left: 0;
}
.c-weather-forecast-hero .five-day-forecast > article > .icon:not(.c-weather-forecast-hero .five-day-forecast > article > .icon:last-of-type) {
border: none;
}
}
.c-weather-forecast-hero .five-day-forecast > article > .temperature {
grid-area: temperature;
}
.c-weather-forecast-hero .five-day-forecast > article > .rainfall {
grid-area: rainfall;
}
.c-weather-forecast-hero .five-day-forecast > article > .wind {
grid-area: wind;
}
.c-weather-forecast-hero .five-day-forecast > article > c-modal {
grid-area: more;
}
.c-weather-forecast-hero .five-day-forecast > article > c-modal > button::before {
position: absolute;
width: 100%;
height: 100%;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.c-weather-forecast-hero .five-day-forecast > article > div {
padding-left: max(1px, min(5vw, 48px));
padding-right: max(1px, min(5vw, 48px));
}
@media screen and (max-width: 800px) {
.c-weather-forecast-hero .five-day-forecast > article > div {
padding-left: 8px;
padding-right: 8px;
}
}
.c-weather-forecast-hero .five-day-forecast > article > div:not(.c-weather-forecast-hero .five-day-forecast > article > div:last-of-type) {
border-right: solid 1px hsla(215, 89%, 93%, 0.25);
}
.c-weather-forecast-hero .five-day-forecast > article .show-hourly {
display: flex;
flex-wrap: wrap;
gap: 4px 8px;
align-items: center;
justify-content: center;
width: -moz-fit-content;
width: fit-content;
margin: 0;
padding: 0;
color: inherit;
-webkit-text-decoration: none;
text-decoration: none;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
margin-left: auto;
}
.c-weather-forecast-hero .five-day-forecast > article .show-hourly:hover, .c-weather-forecast-hero .five-day-forecast > article .show-hourly:focus-visible {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.c-weather-forecast-hero .five-day-forecast > article .show-hourly::after {
display: inline-block;
width: 16px;
height: 16px;
background-color: var(--color-orange);
content: '';
-webkit-mask-image: url('/images/icons/plus.svg');
mask-image: url('/images/icons/plus.svg');
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
@media screen and (max-width: 480px) {
.c-weather-forecast-hero .five-day-forecast > article .show-hourly {
font-size: 0;
}
.c-weather-forecast-hero .five-day-forecast > article .show-hourly::after {
width: 24px;
height: 24px;
}
}
.c-weather-forecast-hero .five-day-forecast > article .show-hourly ~ dialog {
--modal-padding-block: 48px;
--modal-padding-inline: 56px;
}
@media screen and (max-width: 650px) {
.c-weather-forecast-hero .five-day-forecast > article .show-hourly ~ dialog {
--modal-padding-inline: var(--side-padding);
}
}
.c-weather-forecast-hero .five-day-forecast > article:first-of-type h3 {
font-weight: 500;
font-weight: var(--font-weight-medium);
}
.c-weather-forecast-hero [style*='--wind-direction:'] {
display: flex;
align-items: center;
}
.c-weather-forecast-hero [style*='--wind-direction:']::after, .c-weather-forecast-hero [style*='--wind-direction:']::before {
--icon-size: min(32px, 1em);
display: inline-block;
width: min(32px, 1em);
width: var(--icon-size);
height: min(32px, 1em);
height: var(--icon-size);
background-color: currentcolor;
transform: rotate(calc(var(--wind-direction) + 180deg));
content: '';
margin-left: calc(min(32px, 1em) / 2.5);
margin-left: calc(var(--icon-size) / 2.5);
-webkit-mask-image: url('/images/icons/location-arrow-up.svg');
mask-image: url('/images/icons/location-arrow-up.svg');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
@media screen and (max-width: 450px){
.c-weather-forecast-hero [style*='--wind-direction:']::after, .c-weather-forecast-hero [style*='--wind-direction:']::before {
transform: rotate(calc(var(--wind-direction) + 180deg)) translate(0px, 0);
}
}
.c-weather-forecast-hero [style*='--wind-direction:']::before {
display: none;
margin-left: 0;
margin-right: calc(var(--icon-size) / 2.5);
}
@media screen and (max-width: 650px){
.c-weather-forecast-hero {
padding-top: 10px;
}
.c-weather-forecast-hero .title{
padding-top: 20px !important;
padding-bottom: 2px !important;
}
.c-weather-forecast-hero .day-titles{
display: flex;
}
.c-weather-forecast-hero .big-number{
line-height: 0;
}
.c-weather-forecast-hero .mobile-table{
display: block;
}
.c-weather-forecast-hero .sunrise-and-set-mobile{
padding-top: 18px;
}
.c-weather-forecast-hero .desktop-table{
display: none !important;
}
.c-weather-forecast-hero .temp-notation{
font-size: 2.5rem !important;
}
.c-weather-forecast-hero .today-forecast{
margin-top: -8px;
padding-bottom: 24px;
}
.c-weather-forecast-hero .today-forecast .summary{
display: none !important;
}
.c-weather-forecast-hero .today-forecast .sentence-summary{
display: none !important;
}
.c-weather-forecast-hero .today-forecast main .sun-group{
display: none;
}
.c-weather-forecast-hero .weather-icon{
width: 85px;
}
.c-weather-forecast-hero .mobile-summary{
display: block;
}
}
@media screen and (max-width: 800px){
.c-weather-forecast-hero .past-weather-box{
flex-direction: column;
background-image: none;
padding: 32px 24px;
}
.c-weather-forecast-hero .past-weather-box .left-pad{
padding-left: 0;
}
.c-weather-forecast-hero .past-weather-box h2{
margin-bottom: 0;
}
.c-weather-forecast-hero .past-weather-box a{
margin-top: 20px;
}
}
@media screen and (max-width: 600px){
.c-weather-forecast-hero {
padding-left: 7px;
padding-right: 7px;
}
.c-weather-forecast-hero .breadcrumbs_wrapper{
padding-left: 17px;
padding-right: 17px;
}
.c-weather-forecast-hero .title{
padding-top: 32px;
padding-bottom: 32px;
font-size: 1.625rem;
}
.c-weather-forecast-hero .today-forecast{
padding-left: 16px;
padding-right: 16px;
}
}
@media screen and (max-width: 470px){
.c-weather-forecast-hero .forecast-dialog .dialog-contents{
padding: 39px 10px;
}
}
@media screen and (max-width: 330px){
.c-weather-forecast-hero .mobile-clouds{
gap: 12px;
}
.c-weather-forecast-hero .day-titles{
gap: 10px;
}
.c-weather-forecast-hero .day-titles p{
font-size: 0.8125rem;
}
.c-weather-forecast-hero .forecast-dialog .dialog-contents{
padding: 32px 4px;
}
}
@media screen and (max-width: 330px){
.c-weather-forecast-hero .day-titles{
gap: 12px;
}
.c-weather-forecast-hero .day-titles p{
font-size: 0.625rem;
}
.c-weather-forecast-hero .weather-icon{
width: 64px;
}
.c-weather-forecast-hero .mobile-clouds{
gap: 3px;
}
}
.c-weather-hourly-forecast-table {
--modal-padding-inline: 0px;
width: 100vw;
max-width: min(1300px, calc(100vw - 15px * 2));
max-width: var(--page-width-large);
}
.c-weather-hourly-forecast-table .button-group{
display: flex;
justify-content: space-between;
margin-top: -37px;
padding: 0 22px;
}
.c-weather-hourly-forecast-table .button-group button{
display: block;
width: -moz-fit-content;
width: fit-content;
color: #FAFAFA;
background-color: #1B0759;
font-size: 1rem;
font-weight: 600;
padding: 12px 24px;
border: 0;
border-radius: 4px;
cursor: pointer;
}
.c-weather-hourly-forecast-table .button-group .left-button{
padding-left: 50px;
position: relative;
}
.c-weather-hourly-forecast-table .button-group .left-button:hover{
color: #CBD400;
}
.c-weather-hourly-forecast-table .button-group .left-button::after{
content: '';
width: 21px;
height: 21px;
top: 14px;
left: 20px;
background-color: #fff;
-webkit-mask-image: url("/images/icons/arrow-white-left.svg");
mask-image: url("/images/icons/arrow-white-left.svg");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
position: absolute;
}
.c-weather-hourly-forecast-table .button-group .left-button:hover::after{
background-color: #CBD400;
}
.c-weather-hourly-forecast-table .button-group .right-button{
padding-right: 50px;
position: relative;
}
.c-weather-hourly-forecast-table .button-group .right-button:hover{
color: #CBD400;
}
.c-weather-hourly-forecast-table .button-group .right-button::after{
content: '';
position: absolute;
top: 14px;
right: 20px;
background-color: #fff;
width: 21px;
height: 21px;
-webkit-mask-image: url("/images/icons/arrow-white.svg");
mask-image: url("/images/icons/arrow-white.svg");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.c-weather-hourly-forecast-table .button-group .right-button:hover::after{
background-color: #CBD400;
}
.c-weather-hourly-forecast-table .button-group .spacer{
flex: 1;
}
.c-weather-hourly-forecast-table header {
margin-bottom: 25px;
padding: 0 14px;
padding-top: 6px;
}
.c-weather-hourly-forecast-table header h1 {
color: var(--color-dark-blue);
font-size: 1.25rem;
padding-right: 32px;
}
.c-weather-hourly-forecast-table header h1::first-letter {
text-transform: uppercase;
}
@media screen and (max-width: 330px){
.c-weather-hourly-forecast-table header h1 {
padding-right: 40px !important;
}
}
@media screen and (max-width: 330px){
.c-weather-hourly-forecast-table header {
padding: 0 8px !important;
}
}
.c-weather-hourly-forecast-table main {
overflow: auto;
}
.c-weather-hourly-forecast-table table {
width: 100%;
border-collapse: collapse;
margin-bottom: 28px;
}
.c-weather-hourly-forecast-table table th {
color: var(--color-light-grey);
font-weight: 400;
font-weight: var(--font-weight-regular);
font-size: 0.875rem;
text-align: left;
}
.c-weather-hourly-forecast-table table td {
font-weight: 400;
font-weight: var(--font-weight-regular);
font-size: 1rem;
}
.c-weather-hourly-forecast-table table th, .c-weather-hourly-forecast-table table td {
/*padding-inline: clamp(12px, 5vw, 24px);*/
height: 32px;
/*padding-block: 10px;*/
padding-top: 4px;
padding-bottom: 5px;
}
@media screen and (max-width: 520px) {
.c-weather-hourly-forecast-table table th:first-child, .c-weather-hourly-forecast-table table td:first-child {
padding-left: 0;
}
.c-weather-hourly-forecast-table table th:last-child, .c-weather-hourly-forecast-table table td:last-child {
padding-right: 0;
}
}
.c-weather-hourly-forecast-table table .hour{
position: relative;
}
@media screen and (max-width: 330px){
.c-weather-hourly-forecast-table table .hour{
padding-left: 8px !important;
}
}
.c-weather-hourly-forecast-table table tr {
border-bottom: solid 1px #c1ccde;
}
.c-weather-hourly-forecast-table table tr td:first-child{
padding-left: 32px;
}
@media screen and (max-width: 450px){
.c-weather-hourly-forecast-table table tr td:first-child{
padding-left: 15px;
}
}
.c-weather-hourly-forecast-table table tr th:first-child{
padding-left: 32px;
}
@media screen and (max-width: 450px){
.c-weather-hourly-forecast-table table tr th:first-child{
padding-left: 15px;
}
}
.c-weather-hourly-forecast-table table tr th:last-child{
padding-right: 0px;
}
@media screen and (max-width: 450px){
.c-weather-hourly-forecast-table table tr th:last-child{
padding-right: 17px;
}
}
.c-weather-hourly-forecast-table table tr .hour-text{
position: absolute;
top: 7px;
left: 32px;
}
@media screen and (max-width: 450px){
.c-weather-hourly-forecast-table table tr .hour-text{
position: static;
font-size: 0.8125rem;
}
}
.c-weather-hourly-forecast-table table tr .weather{
padding-right: 0px;
}
@media screen and (max-width: 450px){
.c-weather-hourly-forecast-table table tr .weather{
padding-right: 20px;
padding-left: 20px;
}
.c-weather-hourly-forecast-table table tr .weather p{
font-size: 0.8125rem;
}
}
.c-weather-hourly-forecast-table table tr .temperature{
padding-right: 0px;
}
@media screen and (max-width: 450px){
.c-weather-hourly-forecast-table table tr .temperature{
padding-right: 20px;
}
.c-weather-hourly-forecast-table table tr .temperature p{
font-size: 0.8125rem;
}
}
.c-weather-hourly-forecast-table table tr .rainfall{
padding-right: 0px;
}
@media screen and (max-width: 450px){
.c-weather-hourly-forecast-table table tr .rainfall{
padding-right: 27px;
}
.c-weather-hourly-forecast-table table tr .rainfall p{
font-size: 0.8125rem;
}
}
@media screen and (max-width: 450px){
.c-weather-hourly-forecast-table table tr .wind p{
font-size: 0.8125rem;
}
}
.c-weather-hourly-forecast-table table td.rainfall {
color: #0085ff;
}
.c-weather-hourly-forecast-table table td.wind {
height: 40px;
}
.c-weather-hourly-forecast-table .sunrise-and-set {
display: flex;
flex-wrap: wrap;
gap: 18px;
width: -moz-fit-content;
width: fit-content;
font-weight: 400;
font-weight: var(--font-weight-regular);
font-size: 0.875rem;
margin-left: auto;
margin-right: auto;
margin-top: 45px;
}
.c-weather-hourly-forecast-table .sunrise-and-set > * {
display: flex;
gap: 0.5ch;
align-items: center;
justify-content: center;
}
.c-weather-hourly-forecast-table .sunrise-and-set > *::before {
--icon-size: 22px;
display: inline-block;
width: 22px;
width: var(--icon-size);
height: 22px;
height: var(--icon-size);
background-color: currentcolor;
content: '';
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-color: transparent;
}
.c-weather-hourly-forecast-table .sunrise-and-set .sunrise::before {
background-image: url('/images/icons/sunrise.svg');
}
.c-weather-hourly-forecast-table .sunrise-and-set .sunset::before {
background-image: url('/images/icons/sunset.svg');
}
@media screen and (max-width: 520px) {
.c-weather-hourly-forecast-table .unit {
/*display: none;*/
}
}
.c-weather-hourly-forecast-table footer nav {
display: flex;
justify-content: space-between;
margin-top: 2em;
}
.c-weather-hourly-forecast-table footer nav .next, .c-weather-hourly-forecast-table footer nav .previous {
display: flex;
gap: 0.5ch;
align-items: center;
justify-content: center;
width: -moz-fit-content;
width: fit-content;
margin: 0;
color: inherit;
font-weight: 600;
font-weight: var(--font-weight-semi-bold);
}
.c-weather-hourly-forecast-table footer nav .next:hover, .c-weather-hourly-forecast-table footer nav .previous:hover {
color: var(--color-dark-blue);
}
.c-weather-hourly-forecast-table footer nav .next::after, .c-weather-hourly-forecast-table footer nav .previous::after, .c-weather-hourly-forecast-table footer nav .next::before, .c-weather-hourly-forecast-table footer nav .previous::before {
--icon-size: 20px;
display: inline-block;
width: 20px;
width: var(--icon-size);
height: 20px;
height: var(--icon-size);
background-color: currentcolor;
-webkit-mask-image: url('/images/icons/arrow-right.svg');
mask-image: url('/images/icons/arrow-right.svg');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.c-weather-hourly-forecast-table footer nav .next {
margin-left: auto;
}
.c-weather-hourly-forecast-table footer nav .next::after {
content: '';
}
.c-weather-hourly-forecast-table footer nav .previous::before {
transform: rotate(0.5turn);
content: '';
}
@media screen and (max-width: 650px){
.c-weather-hourly-forecast-table .button-group{
margin-top: 20px;
}
}
@media screen and (max-width: 330px){
.c-weather-hourly-forecast-table .button-group{
padding: 0 8px !important;
}
}
.c-weather-page-content{
background-color: #fafafa;
}
.c-weather-page-content .title-bar{
min-height: 250px;
background-color: #fafafa;
}
.c-weather-page-content .content{
max-width: 1080px;
margin: 0 auto;
padding: 32px 32px;
margin-top: -250px;
}
.c-weather-page-content .title{
font-size: 3.25rem;
line-height: 1.2;
padding-top: 16px;
font-weight: 500;
padding-bottom: 0;
margin-bottom: 0;
color: #1B0759;
}
.c-weather-page-content .date{
font-size: 1.25rem;
font-weight: 700;
padding-top: 35px;
}
.c-weather-page-content .date::first-letter{
text-transform: uppercase;
}
.c-weather-page-content .summary{
max-width: 100%;
padding: 41px 32px;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
gap: 50px;
margin-top: 30px;
}
.c-weather-page-content .item{
display: flex;
justify-content: center;
align-items: center;
}
.c-weather-page-content .item p{
font-size: 1.5rem;
color: #1B0759;
}
.c-weather-page-content .item img{
width: 48px;
margin-right: 14px;
}
.c-weather-page-content .weather-data{
padding-top: 56px;
padding-bottom: 56px;
overflow: scroll;
}
.c-weather-page-content table{
width: 100%;
min-width: 1016px;
}
.c-weather-page-content table .table-title-bar{
font-weight: 600;
}
.c-weather-page-content table tr:nth-child(even){
background-color: #fff;
}
.c-weather-page-content table td{
padding: 8px 0;
}
.c-weather-page-content table .small-arrow{
width: 24px;
}
.c-weather-page-content table .icon-arrow-down-blue{
display: block;
width: 23px;
}
@media screen and (max-width: 1047px){
.c-weather-page-content .title{
font-size: 2.5rem;
padding-left: 0px;
}
}
@media screen and (max-width: 650px){
.c-weather-page-content .summary{
padding: 41px 24px;
flex-direction: row;
gap: 12px;
}
.c-weather-page-content .item p{
font-size: 0.875rem;
}
.c-weather-page-content .item img{
width: 32px;
margin-right: 8px;
}
}
.weather-page{
height: 100%;
background-color: #fafafa;
}
.c-member-login {
max-width: 450px;
margin: 40px auto;
padding: 20px;
}
.c-member-login p {
margin-bottom: 20px;
font-size: 1rem;
}
.c-member-login label {
display: block;
margin-bottom: 15px;
font-weight: bold;
}
.c-member-login input:focus {
outline: 0;
}
.c-member-login input[type=email] {
display: block;
box-sizing: border-box;
width: 100%;
max-width: 300px;
height: 40px;
margin: 0.5em 0;
margin-right: 0;
padding: 0 10px;
font-weight: normal;
font-size: 1rem;
font-family: inherit;
line-height: 2.5rem;
border: 1px solid #bbb;
}
.c-member-login .code {
margin-top: 8px;
overflow: hidden;
width: 340px;
}
.c-member-login .code div {
position: sticky;
left: 0;
}
.c-member-login .code input {
border: none !important;
outline: none !important;
}
.c-member-login .code input {
position: relative;
z-index: 1;
width: 420px;
min-width: 420px;
height: 50px;
line-height: 3.0625rem;
padding-left: 16px;
margin: 0;
box-sizing: border-box;
background: transparent;
letter-spacing: 3.02rem;
font-size: 1rem;
background-image: linear-gradient(to left, aliceblue 70%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 58px 50px;
background-repeat: repeat-x;
background-position-x: 40px;
font-family: monospace;
text-transform: uppercase;
}
.c-member-login button {
width: 100%;
max-width: 100px;
margin-top: 10px;
padding: 10px 20px;
color: #fff;
font-weight: bold;
border: 0;
cursor: pointer;
background-color: #1B0759;
}
.c-member-login button:disabled {
opacity: 0.3;
}
.c-member-login .errors {
display: none;
}
.c-member-login .errors.active {
display: block;
margin-bottom: 15px;
padding: 8px 15px;
color: #721c24;
font-size: 1rem;
line-height: 1.375rem;
text-indent: 0;
background-color: #f8d7da;
border: solid 1px #f5c6cb;
border-radius: 5px;
}
.c-member-logout
{
all: unset;
margin-left: 12px;
background-color: #fff;
border-radius: 8px;
color: #333;
padding: 5px 18px;
font-size: 0.75rem;
cursor: pointer;
}