/* Font imports */

@font-face {
	font-family: 'JET Sans';
	font-display: block;
	font-weight: 400;
	font-style: normal;
	src: url("https://s205.q4cdn.com/266311280/files/fonts/jetsans/JETSans-Regular.otf") format("opentype"); }

@font-face {
	font-family: 'JET Sans';
	font-display: block;
	font-weight: 400;
	font-style: italic;
	src: url("https://s205.q4cdn.com/266311280/files/fonts/jetsans/JETSans-Italic.otf") format("opentype"); }

@font-face {
	font-family: 'JET Sans';
	font-display: block;
	font-weight: 700;
	font-style: normal;
	src: url("https://s205.q4cdn.com/266311280/files/fonts/jetsans/JETSans-Bold.otf") format("opentype"); }

@font-face {
	font-family: 'JET Sans';
	font-display: block;
	font-weight: 700;
	font-style: italic;
	src: url("https://s205.q4cdn.com/266311280/files/fonts/jetsans/JETSans-BoldItalic.otf") format("opentype"); }

@font-face {
	font-family: 'JET Sans';
	font-display: block;
	font-weight: 800;
	font-style: normal;
	src: url("https://s205.q4cdn.com/266311280/files/fonts/jetsans/JETSans-ExtraBold.otf") format("opentype"); }

@font-face {
	font-family: 'JET Sans';
	font-display: block;
	font-weight: 800;
	font-style: italic;
	src: url("https://s205.q4cdn.com/266311280/files/fonts/jetsans/JETSans-ExtraBoldItalic.otf") format("opentype"); }
	
@font-face {
	font-family: 'JET Sans';
	font-display: block;
	font-weight: 900;
	font-style: normal;
	src: url("https://s205.q4cdn.com/266311280/files/fonts/jetsans/JETSans-Black.otf") format("opentype"); }

@font-face {
	font-family: 'JET Sans';
	font-display: block;
	font-weight: 900;
	font-style: italic;
	src: url("https://s205.q4cdn.com/266311280/files/fonts/jetsans/JETSans-BlackItalic.otf") format("opentype"); }

@font-face {
	font-family: 'JET Sans';
	font-display: block;
	font-weight: 950;
	font-style: normal;
	src: url("https://s205.q4cdn.com/266311280/files/fonts/jetsans/JETSans-ExtraBlack.otf") format("opentype"); }

@font-face {
	font-family: 'JET Sans';
	font-display: block;
	font-weight: 900;
	font-style: italic;
	src: url("https://s205.q4cdn.com/266311280/files/fonts/jetsans/JETSans-ExtraBlackItalic.otf") format("opentype"); }


:root {
  	--lumx-typography-font-family: 'JET Sans', 'Inter', sans-serif;
	--lumx-typography-font-weight-regular: 400;
	--lumx-typography-font-weight-bold: 700;
    --lumx-typography-font-weight-extrabold: 900;
	--lumx-typography-custom-title1-font-weight: ExtraBold;
	--lumx-typography-custom-title2-font-weight: ExtraBold;
	--lumx-typography-custom-title3-font-weight: ExtraBold;
	--lumx-typography-custom-title4-font-weight: ExtraBold;
	--lumx-typography-custom-title5-font-weight: ExtraBold;
	--lumx-typography-custom-title6-font-weight: ExtraBold;
	--lumx-typography-custom-intro-font-weight: ExtraBold;
	--lumx-typography-custom-button-size-m-font-weight: ExtraBold;
	--lumx-typography-custom-button-size-s-font-weight: ExtraBold;
	--lumx-button-border-radius: 25px;
	--lumx-button-emphasis-high-state-default-padding-horizontal: 20px;
	--lumx-button-emphasis-high-state-hover-padding-horizontal: 20px;
	--lumx-button-emphasis-high-state-active-padding-horizontal: 20px;
	--lumx-button-emphasis-medium-state-default-padding-horizontal: 12px;
	--lumx-button-emphasis-medium-state-default-theme-light-background-color: var(--lumx-color-dark-N);
	--lumx-button-emphasis-medium-state-default-theme-light-color: var(--lumx-color-light-N);
	--lumx-button-emphasis-medium-state-hover-padding-horizontal: 12px;
	--lumx-button-emphasis-medium-state-hover-theme-light-background-color: var(--lumx-color-dark-L1);
	--lumx-button-emphasis-medium-state-hover-theme-light-color: var(--lumx-color-light-N);
	--lumx-button-emphasis-medium-state-hover-theme-dark-background-color: var(--lumx-color-light-L5);
	--lumx-button-emphasis-medium-state-active-padding-horizontal: 12px;
	--lumx-button-emphasis-medium-state-active-theme-light-background-color: var(--lumx-color-dark-L2);
	--lumx-button-emphasis-medium-state-active-theme-light-color: var(--lumx-color-light-N);
	--lumx-button-emphasis-low-state-hover-theme-light-background-color: var(--lumx-color-dark-L6);
	--lumx-button-emphasis-low-state-active-theme-light-background-color: var(--lumx-color-dark-L5);
	--lumx-button-emphasis-selected-state-default-padding-horizontal: 20px;
	--lumx-button-emphasis-selected-state-hover-padding-horizontal: 20px;
	--lumx-button-emphasis-selected-state-active-padding-horizontal: 20px;
	--lumx-text-field-input-padding-horizontal: 8;
	--lumx-text-field-input-border-radius: 12px;
	--lumx-text-field-state-default-theme-light-input-background-color: var(--lumx-color-light-N);
	--lumx-text-field-state-hover-theme-light-input-background-color: var(--lumx-color-dark-L6);
	--lumx-text-field-state-focus-theme-light-input-border-color: var(--lumx-color-dark-N);
	--lumx-text-field-state-focus-theme-light-input-content-color: var(--lumx-color-dark-L1);
	--lumx-text-field-state-focus-theme-light-input-placeholder-color: var(--lumx-color-dark-L1);
	--lumx-tag-height: 24px;
	--lumx-tag-border-radius: 8px;
	--lumx-tag-state-default-padding-horizontal: 4px;
	--lumx-tag-state-default-theme-light-background-color: var(--lumx-color-dark-N);
	--lumx-tag-state-default-theme-light-color: var(--lumx-color-light-N);
	--lumx-tag-state-default-theme-dark-background-color: var(--lumx-color-light-L5);
	--lumx-tag-state-hover-padding-horizontal: 4px;
	--lumx-tag-state-hover-theme-light-background-color: var(--lumx-color-dark-N);
	--lumx-tag-state-hover-theme-light-color: var(--lumx-color-light-N);
	--lumx-tag-state-hover-theme-dark-background-color: var(--lumx-color-light-L5);
	--lumx-tag-state-hover-theme-dark-color: var(--lumx-color-light-L2);
	--lumx-tag-state-active-padding-horizontal: 4px;
	--lumx-tag-state-active-theme-light-background-color: var(--lumx-color-dark-N);
	--lumx-tag-state-active-theme-light-color: var(--lumx-color-light-N);
	--lumx-tag-state-active-theme-dark-background-color: var(--lumx-color-light-L5);
	--lumx-tag-state-active-theme-dark-color: var(--lumx-color-light-L2);
	--lumx-tabs-link-emphasis-low-state-default-theme-light-border-color: transparent;
	--lumx-tabs-link-emphasis-low-state-hover-theme-light-background-color: var(--lumx-color-dark-L6);
	--lumx-tabs-link-emphasis-low-state-hover-theme-light-border-color: transparent;
	--lumx-tabs-link-emphasis-low-state-hover-theme-dark-background-color: transparent;
	--lumx-tabs-link-emphasis-low-state-active-theme-light-background-color: var(--lumx-color-dark-L5);
	--lumx-tabs-link-emphasis-low-state-active-theme-light-border-color: transparent;
	--lumx-tabs-link-emphasis-low-state-active-theme-dark-background-color: transparent;
	--lumx-tabs-link-emphasis-selected-state-hover-theme-light-background-color: var(--lumx-color-dark-L6);
	--lumx-tabs-link-emphasis-selected-state-hover-theme-dark-background-color: transparent;
	--lumx-tabs-link-emphasis-selected-state-active-theme-light-background-color: var(--lumx-color-dark-L5);
	--lumx-navigation-item-border-radius: 0px;
	--lumx-navigation-item-emphasis-low-state-hover-theme-light-background-color: var(--lumx-color-dark-L6);
	--lumx-navigation-item-emphasis-low-state-hover-theme-light-chevron-background-color: transparent;
	--lumx-navigation-item-emphasis-low-state-hover-theme-dark-background-color: var(--lumx-color-light-L6);
	--lumx-navigation-item-emphasis-low-state-hover-theme-dark-chevron-background-color: transparent;
	--lumx-navigation-item-emphasis-low-state-active-theme-light-background-color: var(--lumx-color-dark-L5);
	--lumx-navigation-item-emphasis-low-state-active-theme-light-chevron-background-color: transparent;
	--lumx-navigation-item-emphasis-low-state-active-theme-dark-background-color: var(--lumx-color-light-L5);
	--lumx-navigation-item-emphasis-low-state-active-theme-dark-chevron-background-color: transparent;
	--lumx-navigation-item-emphasis-selected-state-default-theme-light-background-color: transparent;
	--lumx-navigation-item-emphasis-selected-state-default-theme-light-icon-color: var(--lumx-color-primary-N);
	--lumx-navigation-item-emphasis-selected-state-default-theme-light-label-color: var(--lumx-color-dark-N);
	--lumx-navigation-item-emphasis-selected-state-hover-theme-light-background-color: var(--lumx-color-dark-L6);
	--lumx-navigation-item-emphasis-selected-state-hover-theme-light-icon-color: var(--lumx-color-primary-N);
	--lumx-navigation-item-emphasis-selected-state-hover-theme-light-label-color: var(--lumx-color-dark-N);
	--lumx-navigation-item-emphasis-selected-state-hover-theme-light-chevron-background-color: transparent;
	--lumx-navigation-item-emphasis-selected-state-hover-theme-dark-background-color: var(--lumx-color-light-L3);
	--lumx-navigation-item-emphasis-selected-state-hover-theme-dark-chevron-background-color: transparent;
	--lumx-navigation-item-emphasis-selected-state-active-theme-light-background-color: var(--lumx-color-dark-L5);
	--lumx-navigation-item-emphasis-selected-state-active-theme-light-icon-color: var(--lumx-color-primary-N);
	--lumx-navigation-item-emphasis-selected-state-active-theme-light-label-color: var(--lumx-color-dark-N);
	--lumx-navigation-item-emphasis-selected-state-active-theme-light-chevron-background-color: transparent;
	--lumx-navigation-item-emphasis-selected-state-active-theme-dark-background-color: var(--lumx-color-light-L3);
	--lumx-navigation-item-emphasis-selected-state-active-theme-dark-chevron-background-color: transparent;
}


/* Hardcode Styling Start*/
.lumx-text-field__input-wrapper {
	padding: var(--lumx-text-field-wrapper-padding-vertical);
  	border: 1px solid !importnat;
}
.theme-lumapps .header .searchbox {
    border-width: 1px !important;
    --lumx-text-field-state-default-input-border-top-width: 1px;
    --lumx-text-field-state-default-input-border-bottom-width: 1px;
    --lumx-text-field-state-default-input-border-left-width: 1px;
  	--lumx-text-field-state-default-input-border-right-width: 1px;
    --lumx-text-field-state-hover-input-border-top-width: 1px;
    --lumx-text-field-state-hover-input-border-bottom-width: 1px;
    --lumx-text-field-state-hover-input-border-left-width: 1px;
  	--lumx-text-field-state-hover-input-border-right-width: 1px;
}

.main-nav-item {
	--lumx-navigation-item-border-radius: 1px;
	--lumx-navigation-item-emphasis-low-state-hover-theme-light-background-color: var(--lumx-color-dark-L6);
	--lumx-navigation-item-emphasis-low-state-hover-theme-light-chevron-background-color: transparent;
	--lumx-navigation-item-emphasis-low-state-active-theme-light-background-color: var(--lumx-color-dark-L5);
	--lumx-navigation-item-emphasis-low-state-active-theme-light-chevron-background-color: transparent;
	--lumx-navigation-item-emphasis-selected-state-default-theme-light-background-color: transparent;
	--lumx-navigation-item-emphasis-selected-state-default-theme-light-icon-color: var(--lumx-color-primary-N);
	--lumx-navigation-item-emphasis-selected-state-default-theme-light-label-color: var(--lumx-color-dark-N);
	--lumx-navigation-item-emphasis-selected-state-hover-theme-light-background-color: var(--lumx-color-dark-L6);
	--lumx-navigation-item-emphasis-selected-state-hover-theme-light-icon-color: var(--lumx-color-primary-N);
	--lumx-navigation-item-emphasis-selected-state-hover-theme-light-label-color: var(--lumx-color-dark-N);
	--lumx-navigation-item-emphasis-selected-state-hover-theme-light-chevron-background-color: transparent;
	--lumx-navigation-item-emphasis-selected-state-active-theme-light-background-color: var(--lumx-color-dark-L5);
	--lumx-navigation-item-emphasis-selected-state-active-theme-light-icon-color: var(--lumx-color-primary-N);
	--lumx-navigation-item-emphasis-selected-state-active-theme-light-label-color: var(--lumx-color-dark-N);
	--lumx-navigation-item-emphasis-selected-state-active-theme-light-chevron-background-color: transparent;
}
.main-nav-item:hover {
	background: var(--lumx-color-dark-L6);
}

.main-nav-item:active {
	background: var(--lumx-color-dark-L3);
}

.main-nav-item__dropdown {
	border-radius: 12px !important
}

.main-nav-item--is-active {
	border-bottom: 3px solid var(--lumx-color-primary-N)
}
.main-nav-item .main-nav-item--is-active .main-nav-item--has-icon .main-nav-item--has-styles .main-nav-item--primary{
	border-bottom: 3px solid var(--lumx-color-primary-N)
}

.theme-lumapps .widget--l .content-block--default-style.content-block--view-mode-cover .content-block-title {
	font-size: 48px;
	font-weight: 800;
}

.widget--l .content-block--default-style.content-block--view-mode-cover .content-block-excerpt {
    font-weight: 700 !important;
}

.lumx-thumbnail:not(.lumx-thumbnail--aspect-ratio-original) .lumx-thumbnail__image {
	border-radius: 2px;
}

.widget--shared-ticker {
	background-color: #F36806 !important;
}

.widget--shared-ticker > .widget-content {
	padding-top: 14px !important;
}

.block-page-preview--size-l.block-page-preview--cover .block-page-preview__title {
	font-size: 48px !important;
	font-weight: 800 !important;
}
.block-page-preview--size-l.block-page-preview--cover .block-page-preview__excerpt {
	font-weight: 600 !important;
}

.lumx-tabs__link {
	font-weight: 700 !important;
}

.lumx-tab-panel .lumx-thumbnail:not(.lumx-thumbnail--aspect-ratio-original) .lumx-thumbnail__image {
	height: 150px;
}

/* Widget title */
.widget-header__title {
font-style: italic;
  font-weight: 800;
}

/* content list article title */
.block-page-preview--theme-dark .block-page-preview__link {
  font-style: italic;
  font-weight: 800;
}

.block-page-preview__title span {
    font-style: italic;
  font-weight: 800;
}

/* content list date */
.block-page-preview__date {
  font-style: italic;
}

/* content list metadatas */
.block-page-preview__tags {
  font-style: italic;
}

/* Hardcode Styling End*/



/* Global Styling */

body {
  font-family: 'JET Sans', 'Inter', sans-serif;
  
  .widget--l .content-block--default-style.content-block--view-mode-cover .content-block-title {
    font-weight: 700;  /* Bold */
    font-style: italic; /* Italic */
    font-family: 'JET Sans', sans-serif;
}
}

/* Talkdesk forms */

#talkdesk-tabs ul.tabs{
	margin: 0;
	padding: 0 5px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
#talkdesk-tabs ul.tabs li{
	flex: 1 1 auto;
	padding: 10px 15px;
	cursor: pointer;
	margin: 0;
	border-top: 3px solid #5b3d5b;
	border-bottom: 3px solid #5b3d5b;
}

#talkdesk-tabs ul.tabs li.current{
	color: #FF8000;
	border-color: #FF8000;
}

#talkdesk-tabs .tab-content{
	display: none;
	padding: 15px;
}

#talkdesk-tabs .tab-content.current{
	display: inherit;
}

 .form-talkdesk fieldset {
	 border: 1px solid #5b3d5b;
	 padding: 20px 30px 30px;
}
 .form-talkdesk fieldset legend {
	 width: auto;
	 padding: 0 10px;
	 margin: 0 -10px;
	 font-size: 26px;
	 font-weight: 500;
	 color: #333;
	 border-radius: 8px;
}
 .form-talkdesk fieldset p audio {
	 margin-left: 1.2em;
}
 .form-talkdesk fieldset .submit {
 	 text-decoration: none;
	 font-weight: 700;
	 text-transform: uppercase;
	 display: inline-block;
	 background: #ff8000;
	 color: #fff;
	 font-size: 19px;
	 letter-spacing: 0.75px;
	 padding: 13px 20px;
	 border-radius: 4px;
	 border: 0;
	 transition: 0.3s ease;
}
.form-talkdesk fieldset .submit:hover {
	 background: #ff8000;
	 color: #fff;
}
 .form-talkdesk fieldset .sending, .form-talkdesk fieldset .complete {
	 display: grid;
	 grid-template-columns: min-content auto;
	 grid-column-gap: 15px;
	 align-items: center;
	 background-color: #c5afc5;
	 color: #5B3D5B;
	 padding: 15px;
	 margin-top: 20px;
	border-radius: 4px;
}
.form-talkdesk fieldset .sending::before, .form-talkdesk fieldset .complete::before {
 	 font-family: 'Font Awesome 5 Free';
	 font-weight: 600;
	 content: '\f021';
	 font-size: 20px;
	 -webkit-animation: spin 2s linear infinite;
	 -moz-animation: spin 2s linear infinite;
	 animation: spin 2s linear infinite;
}
 .form-talkdesk fieldset .sending audio, .form-talkdesk fieldset .complete audio {
	 margin: 15px 0;
}
 .form-talkdesk fieldset .complete {
	 color: #22626D;
	 background-color: #c1dade;
	 align-items: start;
}
 .form-talkdesk fieldset .complete::before {
	 content: '\f00c';
	 margin-top: -5px;
	 -webkit-animation: none;
	 -moz-animation: none;
	 animation: none;
}
 @-moz-keyframes spin {
	 100% {
		 -moz-transform: rotate(360deg);
	}
}
 @-webkit-keyframes spin {
	 100% {
		 -webkit-transform: rotate(360deg);
	}
}
 @keyframes spin {
	 100% {
		 -webkit-transform: rotate(360deg);
		 transform: rotate(360deg);
	}
}

.widget--advent-calendar, .widget--advent-calendar .widget-content {
  overflow: visible !important;
  height: auto !important;
}

.widget--advent-calendar .widget-content {
  margin-bottom: -4px !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Summary */

.ai-summary {
    display: flex;
    gap: var(--lumx-spacing-unit-huge);
    width: 100%;
    margin-bottom: calc(var(--lumx-spacing-unit-huge) * 2);
}

.ai-summary::before {
    flex-shrink: 0;
    width: 30px;
    height: 27px;
    margin-top: var(--lumx-spacing-unit-huge);
    content: '';
    background-image: url('https://kitchen.just-eat.com/serve/4763010048720896-1299731356638069/45301707-5b8b-3e07-9bfa-f48eeee62f68+59x53.png?contentDisposition=inline');
    background-size: 30px 27px;
}

.ai-summary .ai-summary__content {
    position: relative;
    flex: 1;
    padding: var(--lumx-spacing-unit-huge) calc(var(--lumx-spacing-unit-big) * 2);
    background-color: var(--lumx-color-primary-L6);
    border-radius: var(--card-border-radius);
}

.ai-summary .ai-summary__content::before {
    --arrow-size: 16px;

    position: absolute;
    top: 22px;
    left: calc(var(--arrow-size) * -1);
    width : 0;
    height : 0;
    content: '';
    border-top : var(--arrow-size) solid transparent;
    border-right : var(--arrow-size) solid var(--lumx-color-primary-L6);
    border-bottom : var(--arrow-size) solid transparent;
}

/* Text to speech */

.ai-texttospeech {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--lumx-spacing-unit-regular) var(--lumx-spacing-unit-big);
    margin-bottom: var(--lumx-spacing-unit-huge);
    background-color: var(--lumx-color-dark-L6);
    border-radius: var(--lumx-border-radius);
}

.ai-texttospeech::after {
    width: 32px;
    height: 32px;
    margin-left: auto;
    content: '';
    background-image: url('https://kitchen.just-eat.com/serve/4763010048720896-97682919313323/d1dbb326+64x64.png?contentDisposition=inline');
    background-size: 32px 32px;
}