@internal-fonts: 'Karla|Source+Sans+3:400';
@global-font-family: 'Source Sans 3';
@global-font-size: 16px;
@global-line-height: 1.8;
@global-2xlarge-font-size: 40px;
@global-xlarge-font-size: 30px;
@global-large-font-size: 24px;
@global-medium-font-size: 20px;
@global-small-font-size: 14px;
@global-primary-font-family: Karla;
@global-primary-font-weight: inherit;
@global-primary-text-transform: inherit;
@global-primary-letter-spacing: -0.06em;
@global-primary-font-style: inherit;
@global-secondary-font-family: Karla;
@global-secondary-font-weight: inherit;
@global-secondary-text-transform: inherit;
@global-secondary-letter-spacing: -0.04em;
@global-secondary-font-style: inherit;
@global-color: #5a5150;
@global-emphasis-color: #4e4b4b;
@global-muted-color: #919291;
@global-link-color: #ca404f;
@global-link-hover-color: #4da4b0;
@global-inverse-color: #fff;
@global-background: #fff;
@global-muted-background: #fafafa;
@global-primary-background: #ca404f;
@global-secondary-background: #4da4b0;
@global-success-background: #2bb15b;
@global-warning-background: #FFC73B;
@global-danger-background: #e93232;
@global-border-width: 1px;
@global-border: #eaeaea;
@global-border-radius: 0;
@global-small-box-shadow: 0 2px 8px rgba(0,0,0,0.06);
@global-medium-box-shadow: 0 5px 15px rgba(0,0,0,0.08);
@global-large-box-shadow: 0 14px 25px rgba(0,0,0,0.12);
@global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.16);
@global-margin: 20px;
@global-small-margin: 10px;
@global-medium-margin: 40px;
@global-large-margin: 70px;
@global-xlarge-margin: 140px;
@global-gutter: 30px;
@global-small-gutter: 15px;
@global-medium-gutter: 40px;
@global-large-gutter: 70px;
@global-control-height: 42px;
@global-control-small-height: 30px;
@global-control-large-height: 50px;
@global-z-index: 1000;
@base-link-hover-text-decoration: none;
@base-h5-font-size: 18px;
@base-h6-font-size: @global-font-size;
@base-blockquote-font-size: 18px;
@base-blockquote-font-style: normal;
@base-pre-padding: 20px;
@base-pre-background: @global-muted-background;
@base-blockquote-font-family: @global-secondary-font-family;
@base-blockquote-font-weight: @global-secondary-font-weight;
@base-blockquote-text-transform: @global-secondary-text-transform;
@base-blockquote-letter-spacing: @global-secondary-letter-spacing;
@inverse-base-link-hover-color: @inverse-global-color;
@heading-medium-line-height: 1.2;
@heading-large-line-height: 1.2;
@heading-xlarge-line-height: 1.2;
@heading-2xlarge-line-height: 1.2;
@heading-3xlarge-line-height: 1.2;
@heading-bullet-margin-right: ~'calc(5px + 0.3em)';
@heading-bullet-border-width: ~'calc(2px + 0.07em)';
@heading-bullet-border: @global-primary-background;
@heading-line-top: 75%;
@heading-line-border-width: ~'calc(0.1px + 0.05em)';
@inverse-heading-bullet-border: @global-primary-background;
@divider-icon-color: @global-primary-background;
@divider-small-width: 90px;
@divider-small-border-width: 2px;
@divider-small-border: @global-primary-background;
@divider-vertical-border-width: 2px;
@divider-vertical-border: @global-primary-background;
@inverse-divider-icon-color: @global-primary-background;
@list-bullet-icon-color: @global-primary-background;
@internal-list-bullet-image: "../../../../uikit-themes/master-kitchen-daily/images/list-bullet.svg";
@description-list-term-letter-spacing: 0;
@table-row-active-background: @global-muted-background;
@icon-link-color: @global-emphasis-color;
@icon-link-hover-color: @global-primary-background;
@icon-button-size: @global-control-height;
@icon-button-background: transparent;
@icon-button-color: @global-color;
@icon-button-hover-background: @global-primary-background;
@icon-button-hover-color: @global-inverse-color;
@icon-button-active-background: @global-secondary-background;
@icon-button-active-color: @global-inverse-color;
@icon-button-border-width: @global-border-width;
@icon-button-border: lighten(@global-muted-color, 32%);
@inverse-icon-button-background: transparent;
@inverse-icon-button-hover-background: @global-primary-background;
@inverse-icon-button-hover-color: @global-inverse-color;
@inverse-icon-button-active-background: @global-secondary-background;
@inverse-icon-button-border: @inverse-global-border;
@form-range-track-focus-background: @global-secondary-background;
@form-range-thumb-height: 13px;
@form-range-thumb-background: @global-background;
@form-range-thumb-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);
@form-padding-horizontal: 0;
@form-multi-line-padding-horizontal: 10px;
@form-background: @global-background;
@form-focus-background: transparent;
@form-small-padding-horizontal: 0;
@form-small-multi-line-padding-horizontal: 8px;
@form-large-font-size: @global-font-size;
@form-large-padding-horizontal: 0;
@form-large-multi-line-padding-horizontal: 12px;
@form-border-mode: -bottom;
@form-border-width: @global-border-width;
@form-border: darken(@global-border, 6%);
@form-focus-border: @global-emphasis-color;
@form-danger-border: @global-danger-background;
@form-success-border: @global-success-background;
@form-blank-focus-border: @form-focus-border;
@inverse-form-background: transparent;
@inverse-form-focus-background: transparent;
@inverse-form-border: @inverse-global-border;
@inverse-form-focus-border: @inverse-global-color;
@button-large-font-size: @global-font-size;
@button-padding-horizontal: 25px;
@button-default-background: @global-background;
@button-default-hover-background: @global-background;
@button-default-active-background: @global-background;
@button-default-active-color: @global-primary-background;
@button-text-hover-color: @global-primary-background;
@button-link-hover-color: @global-primary-background;
@button-text-mode: border-bottom;
@button-text-border: @global-primary-background;
@button-default-box-shadow: @global-medium-box-shadow;
@button-default-hover-box-shadow: @global-small-box-shadow;
@inverse-button-default-hover-background: @inverse-global-primary-background;
@inverse-button-default-hover-color: @global-primary-background;
@inverse-button-default-active-background: @inverse-global-primary-background;
@inverse-button-default-active-color: @global-primary-background;
@inverse-button-primary-background: @global-primary-background;
@inverse-button-primary-color: @global-inverse-color;
@inverse-button-primary-hover-color: @global-inverse-color;
@inverse-button-primary-active-color: @global-inverse-color;
@inverse-button-secondary-background: @global-secondary-background;
@inverse-button-secondary-color: @global-inverse-color;
@inverse-button-secondary-hover-color: @global-inverse-color;
@inverse-button-secondary-active-color: @global-inverse-color;
@inverse-button-text-hover-color: @global-inverse-color;
@inverse-button-link-hover-color: @inverse-global-color;
@inverse-button-text-hover-border: @global-inverse-color;
@section-muted-background: lighten(@global-muted-background, 0.8%);
@container-large-max-width: 1360px;
@card-badge-height: 26px;
@card-badge-font-size: 13px;
@card-hover-background: @global-background;
@card-default-background: @global-background;
@card-default-hover-background: @global-background;
@card-overlay-background: fade(@global-background, 86%);
@card-badge-text-transform: uppercase;
@card-badge-letter-spacing: 0;
@card-hover-box-shadow: @global-medium-box-shadow;
@card-default-box-shadow: @global-medium-box-shadow;
@card-default-hover-box-shadow: @global-large-box-shadow;
@marker-background: fade(@global-primary-background, 86%);
@marker-hover-background: @global-primary-background;
@inverse-marker-background: fade(@global-inverse-color, 90%);
@inverse-marker-color: @global-emphasis-color;
@inverse-marker-hover-color: @global-emphasis-color;
@inverse-marker-hover-background: @global-inverse-color;
@alert-primary-background: #fef4f8;
@alert-primary-color: @global-emphasis-color;
@alert-success-background: #f3fef0;
@alert-success-color: @global-emphasis-color;
@alert-warning-background: #fffaef;
@alert-warning-color: @global-emphasis-color;
@alert-danger-background: #ffeeed;
@alert-danger-color: @global-emphasis-color;
@badge-font-size: 12px;
@label-padding-horizontal: 9px;
@overlay-default-background: fade(@global-background, 86%);
@overlay-primary-background: fade(@global-secondary-background, 86%);
@article-title-font-family: @global-secondary-font-family;
@article-title-font-weight: @global-secondary-font-weight;
@article-title-text-transform: @global-secondary-text-transform;
@article-title-letter-spacing: @global-secondary-letter-spacing;
@article-title-font-style: @global-secondary-font-style;
@comment-title-font-size: 18px;
@search-default-padding-horizontal: 0;
@search-default-background: transparent;
@search-default-focus-background: transparent;
@search-default-icon-padding: 11px;
@search-navbar-background: @global-muted-background;
@search-navbar-focus-background: darken(@search-navbar-background, 3%);
@search-medium-padding-horizontal: 0;
@search-large-padding-horizontal: 0;
@search-toggle-color: @global-emphasis-color;
@search-toggle-hover-color: @global-primary-background;
@search-default-border-mode: -bottom;
@search-default-border-width: @global-border-width;
@search-default-border: darken(@global-border, 6%);
@search-default-focus-border: @global-emphasis-color;
@search-navbar-border-width: @global-border-width;
@search-navbar-border: @global-border;
@search-navbar-focus-border: @search-navbar-border;
@search-medium-border-mode: -bottom;
@search-medium-border-width: @global-border-width;
@search-medium-border: darken(@global-border, 6%);
@search-medium-focus-border: @global-emphasis-color;
@search-large-border-mode: -bottom;
@search-large-border-width: @global-border-width;
@search-large-border: darken(@global-border, 6%);
@search-large-focus-border: @global-emphasis-color;
@inverse-search-default-background: transparent;
@inverse-search-default-focus-background: transparent;
@inverse-search-medium-focus-background: transparent;
@inverse-search-large-focus-background: transparent;
@inverse-search-default-border: @inverse-global-border;
@inverse-search-default-focus-border: @inverse-global-color;
@inverse-search-navbar-border: @inverse-global-border;
@inverse-search-navbar-focus-border: @inverse-global-border;
@inverse-search-medium-border: @inverse-global-border;
@inverse-search-medium-focus-border: @inverse-global-color;
@inverse-search-large-border: @inverse-global-border;
@inverse-search-large-focus-border: @inverse-global-color;
@accordion-default-item-margin-top: 18px;
@accordion-default-title-font-size: 18px;
@accordion-default-title-font-family: @global-secondary-font-family;
@accordion-default-title-font-weight: @global-secondary-font-weight;
@accordion-default-title-text-transform: @global-secondary-text-transform;
@accordion-default-title-letter-spacing: @global-secondary-letter-spacing;
@accordion-default-title-font-style: @global-secondary-font-style;
@accordion-default-item-border-width: @global-border-width;
@accordion-default-item-border: @global-border;
@dropdown-padding: 30px;
@dropdown-background: @global-background;
@dropdown-dropbar-margin: 0;
@dropdown-dropbar-padding-top: ~'calc(@{dropdown-padding} - 6px)';
@dropdown-dropbar-large-padding-top: ~'calc(@{dropdown-large-padding} - 6px)';
@dropdown-nav-item-hover-color: @global-primary-background;
@dropdown-nav-subtitle-font-size: 13px;
@dropdown-nav-sublist-item-hover-color: @global-primary-background;
@dropdown-nav-subtitle-color: @global-muted-color;
@dropdown-nav-subtitle-letter-spacing: -0.02em;
@dropdown-nav-subtitle-line-height: 1.3;
@dropdown-box-shadow: @global-small-box-shadow;
@dropbar-padding-top: 0;
@dropbar-padding-bottom: 20px;
@dropbar-background: @global-background;
@dropbar-top-box-shadow: 0 10px 10px -10px rgba(0,0,0, 0.06);
@dropbar-bottom-box-shadow: 0 -10px 10px -10px rgba(0,0,0, 0.06);
@dropbar-left-box-shadow: 11px 0 10px -11px rgba(0,0,0, 0.06);
@dropbar-right-box-shadow: -11px 0 10px -11px rgba(0,0,0, 0.06);
@modal-background: fade(@global-background, 90%);
@modal-dialog-box-shadow: @global-medium-box-shadow;
@offcanvas-bar-width: 350px;
@offcanvas-bar-padding-vertical: 40px;
@offcanvas-bar-padding-horizontal: 25px;
@offcanvas-bar-background: @global-background;
@offcanvas-bar-color-mode: dark;
@offcanvas-bar-padding-vertical-s: 50px;
@tooltip-background: @global-secondary-background;
@nav-default-item-color: @global-emphasis-color;
@nav-default-item-hover-color: @global-primary-background;
@nav-default-item-active-color: @global-primary-background;
@nav-default-subtitle-font-size: 13px;
@nav-default-sublist-item-hover-color: @global-primary-background;
@nav-default-sublist-item-active-color: @global-primary-background;
@nav-primary-font-size: @global-medium-font-size;
@nav-primary-item-color: @global-emphasis-color;
@nav-primary-item-hover-color: @global-primary-background;
@nav-primary-item-active-color: @global-primary-background;
@nav-primary-subtitle-font-size: 15px;
@nav-primary-sublist-item-hover-color: @global-primary-background;
@nav-primary-sublist-item-active-color: @global-primary-background;
@nav-secondary-item-hover-color: @global-primary-background;
@nav-secondary-item-active-color: @global-primary-background;
@nav-secondary-subtitle-hover-color: @global-primary-background;
@nav-secondary-subtitle-active-color: @global-primary-background;
@nav-secondary-sublist-font-size: @global-font-size;
@nav-medium-line-height: 1.2;
@nav-large-line-height: 1.2;
@nav-xlarge-line-height: 1.2;
@nav-dividers-margin-top: 7px;
@nav-secondary-margin-top: 15px;
@nav-default-subtitle-color: @global-muted-color;
@nav-default-subtitle-font-family: @global-font-family;
@nav-default-subtitle-letter-spacing: normal;
@nav-default-subtitle-line-height: 1.3;
@nav-primary-subtitle-color: @global-muted-color;
@nav-primary-subtitle-font-family: @global-font-family;
@nav-primary-subtitle-letter-spacing: normal;
@nav-primary-subtitle-line-height: 1.3;
@nav-secondary-subtitle-font-family: @global-font-family;
@nav-secondary-subtitle-letter-spacing: normal;
@nav-secondary-subtitle-line-height: 1.4;
@inverse-nav-secondary-subtitle-hover-color: @inverse-global-emphasis-color;
@navbar-background: @global-background;
@navbar-gap: 24px;
@navbar-nav-gap: 24px;
@navbar-nav-item-height: 90px;
@navbar-nav-item-color: @global-emphasis-color;
@navbar-nav-item-hover-color: @global-primary-background;
@navbar-nav-item-onclick-color: @navbar-nav-item-hover-color;
@navbar-nav-item-active-color: @navbar-nav-item-hover-color;
@navbar-toggle-color: @global-emphasis-color;
@navbar-toggle-hover-color: @global-primary-background;
@navbar-subtitle-font-size: 13px;
@navbar-dropdown-shift-margin: -@navbar-dropdown-padding;
@navbar-dropdown-padding: 30px;
@navbar-dropdown-background: @global-background;
@navbar-dropdown-large-shift-margin: -@navbar-dropdown-large-padding;
@navbar-dropdown-dropbar-padding-top: 40px;
@navbar-dropdown-dropbar-padding-bottom: (@navbar-dropdown-dropbar-padding-top + 20px);
@navbar-dropdown-dropbar-large-padding-bottom: (@navbar-dropdown-dropbar-large-padding-top + 20px);
@navbar-dropdown-nav-item-color: @global-emphasis-color;
@navbar-dropdown-nav-item-hover-color: @global-primary-background;
@navbar-dropdown-nav-item-active-color: @global-primary-background;
@navbar-dropdown-nav-subtitle-font-size: 13px;
@navbar-dropdown-nav-sublist-item-hover-color: @global-primary-background;
@navbar-dropdown-nav-sublist-item-active-color: @global-primary-background;
@navbar-padding-top-m: 13px;
@navbar-padding-bottom-m: 13px;
@navbar-gap-m: 48px;
@navbar-nav-gap-m: 48px;
@navbar-nav-item-padding-horizontal-m: 0;
@navbar-nav-item-line-mode: true;
@navbar-nav-item-line-margin-vertical: 25px;
@navbar-nav-item-line-margin-horizontal: ~'calc(50% - (@{navbar-nav-item-line-height} / 2))';
@navbar-nav-item-line-height: 4px;
@navbar-nav-item-line-border-radius: 500px;
@navbar-nav-item-line-transition-duration: 0.15s;
@navbar-nav-item-line-hover-height: @navbar-nav-item-line-height;
@navbar-nav-item-line-onclick-height: @navbar-nav-item-line-height;
@navbar-nav-item-line-active-height: @navbar-nav-item-line-height;
@navbar-nav-item-text-transform: none;
@navbar-subtitle-color: @global-muted-color;
@navbar-subtitle-letter-spacing: -0.02em;
@navbar-subtitle-line-height: 1.3;
@navbar-primary-nav-item-font-size: @global-medium-font-size;
@navbar-dropdown-nav-subtitle-color: @global-muted-color;
@navbar-dropdown-nav-subtitle-letter-spacing: -0.02em;
@navbar-dropdown-nav-subtitle-line-height: 1.3;
@navbar-sticky-box-shadow: @global-small-box-shadow;
@navbar-dropdown-box-shadow: @global-medium-box-shadow;
@inverse-navbar-nav-item-hover-color: @inverse-global-emphasis-color;
@subnav-margin-horizontal: 22px;
@subnav-item-color: @global-emphasis-color;
@subnav-item-hover-color: @global-primary-background;
@subnav-item-active-color: @global-primary-background;
@subnav-divider-margin-horizontal: 20px;
@subnav-divider-border-height: 1em;
@subnav-pill-item-padding-vertical: 4px;
@subnav-pill-item-padding-horizontal: 18px;
@breadcrumb-item-font-size: 13px;
@breadcrumb-item-color: @global-color;
@breadcrumb-item-hover-color: @global-primary-background;
@breadcrumb-item-active-color: @global-muted-color;
@breadcrumb-divider-margin-horizontal: 13px;
@internal-breadcrumb-divider-background-image: "../../../../uikit-themes/master-kitchen-daily/images/breadcrumb-chevron.svg";
@pagination-margin-horizontal: 11px;
@pagination-item-padding-vertical: 3px;
@pagination-item-padding-horizontal: 14px;
@pagination-item-hover-color: @global-primary-background;
@pagination-item-active-color: @global-inverse-color;
@pagination-item-active-background: @global-primary-background;
@pagination-item-border-width: @global-border-width;
@inverse-pagination-item-hover-color: @global-primary-background;
@inverse-pagination-item-active-background: @global-primary-background;
@tab-item-border-width: 2px;
@slidenav-padding-vertical: 13px;
@slidenav-padding-horizontal: 14px;
@slidenav-color: @global-inverse-color;
@slidenav-hover-color: @global-inverse-color;
@slidenav-active-color: @global-inverse-color;
@slidenav-large-padding-vertical: 27px;
@slidenav-large-padding-horizontal: 28px;
@slidenav-background: fade(@global-primary-background, 86%);
@slidenav-hover-background: @global-primary-background;
@slidenav-active-background: darken(@global-primary-background,10%);
@inverse-slidenav-color: @global-emphasis-color;
@inverse-slidenav-hover-color: @global-emphasis-color;
@inverse-slidenav-active-color: @global-emphasis-color;
@inverse-slidenav-background: fade(@global-inverse-color, 90%);
@inverse-slidenav-hover-background: @global-inverse-color;
@inverse-slidenav-active-background: fade(@global-inverse-color, 80%);
@dotnav-margin-horizontal: 10px;
@dotnav-item-width: 8px;
@dotnav-item-background: rgba(0, 0, 0, 0.1);
@dotnav-item-hover-background: @global-primary-background;
@dotnav-item-onclick-background: darken(@global-primary-background, 5%);
@dotnav-item-active-background: @global-primary-background;
@thumbnav-item-background: transparent;
@thumbnav-item-gradient: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.4));
@inverse-thumbnav-item-background: transparent;
@inverse-thumbnav-item-gradient: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.4));
@iconnav-item-color: @global-emphasis-color;
@iconnav-item-hover-color: @global-primary-background;
@iconnav-item-active-color: @global-primary-background;
@lightbox-background: fade(@global-background, 80%);
@lightbox-color-mode: dark;
@lightbox-caption-background: @global-background;
@lightbox-caption-color: @global-color;
@lightbox-backdrop-filter: blur(10px);
@text-lead-font-size: 18px;
@text-lead-line-height: 1.6;
@text-large-font-size: 18px;
@text-large-line-height: 1.6;
@text-meta-link-color: @global-link-color;
@text-meta-link-hover-color: @global-link-hover-color;
@text-lead-font-family: @global-secondary-font-family;
@text-lead-font-weight: @global-secondary-font-weight;
@text-lead-text-transform: @global-secondary-text-transform;
@text-lead-letter-spacing: @global-secondary-letter-spacing;
@text-lead-font-style: @global-secondary-font-style;
@dropcap-font-size: 58px;
@dropcap-color: @global-primary-background;
@inverse-global-inverse-color: @global-emphasis-color;