/* BedBathUS/BedBathCanada theming variables */

:root {
  --theme-family-serif: Termina Headline, sans-serif;
  --theme-family-serif-subset: Termina, sans-serif;
  --theme-family-sans: Effra, Helvetica, Arial, sans-serif;
  --primary-font: Effra, Helvetica, Arial, sans-serif;
  --secondary-font: Termina Headline, sans-serif;
  --loyalty-primary-font: Harmonia, Helvetica, Arial, sans-serif;
  --loyalty-secondary-font: Cream,  sans-serif;
  --storytile-headline-font: Termina Headline, sans-serif;
  --primary-color: #1377c9;
  --secondary-color: #1a4e8a;
  --color-font-link: #1377c9;
  --beaconBlue: #1377c9;
  /* Button */
  --button-font: 600 1rem/1.63 Effra, Helvetica, Arial, sans-serif;
  --btn-bg: #1377c9;
  --btn-bg-hover: #1a4e8a;
  --btn-font-color: var(--color-white);
  --btn-border-radius: 4px;
  /* Video Button */
  --video-button-font: 600 1rem/1.63 Effra, Helvetica, Arial, sans-serif;
  --video-btn-primary-bg: #fff;
  --video-btn-secondary-bg: #fff;
  --video-btn-primary-bg-hover: #1a4e8a;
  --video-btn-secondary-bg-hover: #1a4e8a;
  --video-btn-primary-hover-border-color: #1a4e8a;
  --video-btn-secondary-hover-border-color: #1a4e8a;
  --video-btn-primary-font-color: var(--primary-color);
  --video-btn-primary-hover-font-color: var(--color-white);
  --video-btn-secondary-hover-font-color: var(--color-white);
  --video-btn-secondary-font-color: #1377c9;
  --video-btn-border-radius: 4px;
  --video-btn-primary-border: 2px solid #147bd1;
  --video-btn-secondary-border: 2px solid #147bd1;
  --video-btn-primary-hover-box-shadow: none;
  --video-btn-secondary-hover-box-shadow: none;
  /* Input */
  --input-font: 600 16px/1.2 Effra, Helvetica, Arial, sans-serif;
  --input-label-font: 300 12px Effra, Helvetica, Arial, sans-serif;
  --input-error-font: 300 14px/1.63 Effra, Helvetica, Arial, sans-serif;
  --input-error-color: #e00000;
    /* Global font-size change */
    --theme-medium-font-size: 14px;
    --theme-small-font-size: 12px;
    --text-transform-upper: none;
    --text-transform-lower: lowercase;
    --text-transform-header: none;
  /* Category Navigation*/
  --cat-nav-bg-color: #1a4e8a;
  --cat-nav-bg-color-dark: #002e62;
  --cat-nav-l0-font: 600 12px Termina Headline, sans-serif;
  --cat-nav-l0-font-mob: var(--cat-nav-l0-font);
  --cat-nav-l0-color: var(--color-white);
  --cat-nav-link-font: 300 14px/1.2 "Effra", Helvetica, Arial, sans-serif;
  --l1onTop-link-font: 300 14px/1.2 "Effra", Helvetica, Arial, sans-serif;
  --cat-nav-link-color: var(--color-black);
  --cat-nav-link-border-color: #d1d1d1;
  --cat-nav-link-heading-color: #1377c9;
  --cat-nav-heading-color: #595959;
  --cat-nav-l0-text-transfrom: lowercase;
  --bopis-header-text-transform: capitalize;
  --bopis-header-mob-font-size: 12px;
  --sdd-header-mob-font-size: 12px;
  --cat-nav-mob-back-font: var(--cat-nav-l0-font);
  --cat-nav-find-registry-label: 600 22px/1.22 Termina Headline, sans-serif;
  --cart-badge-bg: #1a4e8a;
  --cart-badge-color: var(--color-white);
  --account-title-font: 600 14px Termina Headline, sans-serif;
  /* Arrow color for L0 Hamburger Menu */
  --level0-arrow-color: #1377c9; 
  --level0-button-color: #002855; 
  /* Active Registry */
  --registry-title-font: 800 22px/1.27 Termina Headline, sans-serif;
  --registry-circle-font: 800 14px/1.2 Effra, Helvetica, Arial, sans-serif;
  --registry-links-font: 300 16px/1.2 Effra, Helvetica, Arial, sans-serif;
  --registry-color: #002855;
  --registry-font-weight: 400;
  /* New Home page Title */
  --theme-H1-serif-font-DSK: 600 40px/1.13 var(--secondary-font);
  --theme-H1-serif-font-TAB: 600 24px/1.33 var(--secondary-font);
  --theme-H2-serif-font-DSK: 600 32px/1.21 var(--secondary-font);
  --theme-H2-serif-font-TAB: 600 20px/1.21 var(--secondary-font);
  --theme-H2-serif-font-MOB: 600 24px/1.22 var(--secondary-font);
  --theme-h3-serif-font: 600 22px/1.22 var(--secondary-font);
  --theme-h4-family-sans-font: 600 18px/1.29 var(--theme-family-sans);
  --theme-b1-title-font-medium: 300 16px/1.2 var(--theme-family-sans);
  --theme-b2-font-light: 300 14px/1.2 var(--theme-family-sans);
  --theme-b5-font-medium: 600 18px/1.28 var(--theme-family-serif-subset);
  --fav-icon-hover-bg-color: #545454;
  --fav-icon-hover-circle-color: #1377c9;
  --jfy-carousel-head-font-color: #002855;
  --jfy-carousel-head-letter-space: -0.5px;
  --search-bopis-head-font-DSK: 600 22px/1.18 var(--primary-font);
  --search-bopis-head-font-TAB: 600 20px/1.18 var(--primary-font);
  --search-bopis-head-font-MOB: 600 20px/1.13 var(--primary-font);
  --store-details-tile-desc-font: 300 14px/1.43 Effra, Helvetica, Arial, sans-serif;
  --store-details-cta-link-font: 600 14px / normal Effra, Helvetica, Arial, sans-serif;
  --store-pickup-module-font: 14px/1 Effra, Helvetica, Arial, sans-serif;
  --store-name-head-font-DSK: 600 30px/1.2 Termina Headline, sans-serif;
  --store-name-head-font-TAB: 600 20px/1.3 Termina Headline, sans-serif;
  --store-name-sub-head-font-DSK: 600 20px/1.1 Effra, Helvetica, Arial, sans-serif;
  --store-name-sub-head-font-TAB: 600 16px/1.38 Effra, Helvetica, Arial, sans-serif;
  --theme-Large-title-font-DSK: 600 40px/1.13 Termina Headline, sans-serif;
  --theme-Large-title-font-TAB: 600 24px/1.17 Termina Headline, sans-serif;
  --theme-State-title-font-DSK: 600 24px Termina, Termina Headline, sans-serif;
  --theme-State-title-font-MOB: 600 21px Termina, Termina Headline, sans-serif;
  --theme-heading-eyebrow-font: Termina Headline, sans-serif;
  --theme-p2-lg-font-light: 300 16px/1.38 var(--primary-font);
  --theme-State-names-font: 300 16px/1.38 var(--primary-font);
  --theme-H1-font-DSK: 600 42px/1.2 var(--secondary-font);
  --theme-H1-font-TAB: 600 28px/1.21 var(--secondary-font);
  --story-tile-head-font-DSK: 700 18px/1.44 var(--primary-font);
  --story-tile-head-font-TAB: 600 16px/1.2 var(--primary-font);
  --story-tile-desc-font-DSK: 200 16px/1.44 var(--primary-font);
  --story-tile-desc-font-TAB: 200 16px/1.2 var(--primary-font);
  --special-msg-font: 16px/1.63 Effra, Helvetica, Arial, sans-serif;
  --special-msg-bg-color: #194e89;
  --store-features-heading: 600 22px/1.18 Termina Headline, sans-serif;
  --store-features-heading-color: #002855;
  --store-features-l1: 300 18px Effra, Helvetica, Arial, sans-serif;
  --theme-top-spacing-DSK: 24px;
  --theme-top-spacing-TAB: 16px;
  /* Opinion Lab */
  --ol-image: url(https://b3h2.scene7.com/is/image/BedBathandBeyond/feedback%2Dbbb%2Ddesktop%2D2x?$PNG$&fmt=png-alpha);
  /* Category Module */
  --theme-category-module-hover: 2px solid #1377c9;
  --footer-color: #f7f7f7;
  --footer-link-a: #000;
  --copyright-color: #595959;
  --footer-headline: #000;
  --footer-link: #1377c9;
  --footer-tab-color: #f7f7f7;
  --footer-bottom-color: #f7f7f7;
  --footer-bottom-padding: 2.5rem;
  --footer-bottom-margin: 0rem;
  --input-focus-color: #3182ce;
  --header-nav-bg-color: #f8f8f8;
  --color-global-nav-search-border: #d6d6d6;
  --account-wrapper: #1a4e8a;
  --logo-color: #fff;
  /* Product Carousel */
  --rating-star-color: #1377c9;
  /* Footer */
  --footer-email-form-padding: 1.5rem 1rem;
  --hamburger-color: #1a4e8a;
  --sign-in-color: var(--primary-color);
  --sign-in-text-decoration: none;
  --cat-nav-link-heading-hover-color: var(--primary-color);
  --cat-nav-bg-mob-color: #1a4e8a;
  --button-text-transform: none;
  --button-primary-color: var(--primary-color);
  --button-primary-hover-color: var(--secondary-color);
  --button-secondary-color: var(--primary-color);
  --button-secondary-bg-color: var(--color-white);
  --button-secondary-hover-color: var(--secondary-color);
  --button-secondary-border-color: var(--primary-color);
  --button-fromshoppingTiles-bg-color: var(--color-white);
  --button-fromshoppingTiles-color: var(--primary-color);
  --button-fromremoveboard-color: var(--primary-color);
  --button-fromhasNoBoardElement-color: var(--primary-color);
  --navbar-border-bottom: none;
  --navbar-height: 0;
  /* Header */
  --header-wrap-padding: 156px;
  --header-wrap-paddingPB: 177px;
  --header-wrap-paddingCSB: 220px;
  --header-wrap-paddingCSB-DSK: 210px;
  --header-wrap-paddingCSBwithPB-DSK: 220px;
  --header-wrap-paddingCSBwithPBnL1-DSK: 192px;
  --header-wrap-DSK: 215px;
  --header-wrap-L1-DSK: 215px;
  --header-padding-L1: 130px;
  --header-wrap-padding-L1: 177px;
  --header-wrap-paddingCSBnL1-DSK: 145px;
  --header-wrap-paddingCSBnL1-MOB: 187px;
  --header-subtext-font-size-MOB: 14px;
  --header-subtext-font-size-TAB: 14px;
  --header-subtext-font-size-DSK: 16px;
  --cat-nav-bg-md-screen-color: var(--cat-nav-bg-color);
  --header-pb-mob: 208px;
  /* Product Carousel */
  --rating-star-color: #1377c9;
  /* Model */
  --model-head-font: 600 30px/1.2 var(--primary-font);
  --model-store-name: 600 16px/1.2 var(--primary-font);
  --model-address-font: 300 16px/1.2 var(--primary-font);
  --giftCard-message-font: 300 16px/1.2 var(--primary-font);
  --rating-snapshot-font: 600 20px/1.3 var(--primary-font);
  --search-icon-color: #1377c9;
  --header-headline: #000000;
  --header-link: #1377c9;
  --input-color-header: #fff;
  --footer-tab-label-border-top-color: #e7e7ea;
  /* Price */
  --is-price: #e00000;
  --was-price: #595959;
  /* Address */
  --store-address-font: 300 18px/1.2 var(--primary-font);
  /* NearBy Store Heading */
  --store-nearby-header-font: 600 22px/1.36 var(--secondary-font);
  /* NearBy Store Name */
  --store-nearby-name-font: 600 18px/1.33 var(--secondary-font);
  --link-theme-color: #1377c9;
  --search-result-prod-title-color: #000;
  --search-result-prod-title-color-hover: var(--primary-color);
  /*Blog PullQuote Module */
  --blog-author-text: 600 21px/1.22 var(--secondary-font);
  --blog-author-name: 300 14px/1.2 var(--primary-font);
  --ingredients-font: 600 28px/1.36 var(--secondary-font);
  --pencil-banner-font: 16px;
  --review-font: 300 14px var(--primary-font);
  /* Pencil Banner */
  --timer-background-color: #012654;
  --timer-text-color: #fff;
  /* blog detail page header */
  --blog-detail-header-title: var(--secondary-color);
  --blog-landing-page-secondary-font: Termina Headline, sans-serif;
  --blog-landing-page-bold-font: Termina Headline, sans-serif;
  --idea-board-color: #147bd1;
  --idea-board-color-tags: #147bd1;
  --badge-color: #002955;
  --blog-lp-head-DSK-font: 22.4px;
  --blog-lp-head-MOB-font: 16px;
  --blog-lp-head-bold-DSK-font: 19.2px;
  --blog-lp-head-bold-MOB-font: 14px;
  --blog-title-color: var(--secondary-color);
  --blog-lp-V2-DSK-font: 22.4px;
  --blog-lp-V2-bold-DSK-font: 19.2px;
  --blog-lp-V2-MOB-font: 16px;
  --blog-lp-V2-bold-MOB-font: 14px;
  --blog-lp-V2-title-DSK-font: 28px;
  --blog-lp-V2-title-bold-DSK-font: 24px;
  --blog-lp-V2-title-MOB-font: 20px;
  --blog-lp-V2-title-bold-MOB-font: 16px;
  --header-logo-width: 104px;
  --header-wrap-pt: 177px;
  /*ideaBoard */
  --idea-board-filter-flyout-m: 177px;
  --idea-board-filter-flyout-m-bttn: 153px;
  --idea-board-H1-serif-font: Termina Headline, sans-serif;
  --idea-board-H1-color: #002855;
  --idea-board-ellipsis-container-child: 161px;
  --idea-board-emptytile-desc-width: 65%;
  --idea-board-emptytile-wrapper-padding: 45px 10px 10px 2px;
  --idea-board-emptytile-wrapper-margin: 19px 10px 10px 17px;
  --idea-board-privateText2-width: 81%;
  --idea-board-privateText2-tab-width: 250px;
  --idea-board-privateText2-mb-width: 236px;
  --idea-board-privateText2-mr-left: 0;
  --idea-board-privateText2-tab-mr-left: 20px;
  --idea-board-privateText2-mb-mr-left: 5px;
  --idea-board-create-width: 147px;
  --idea-board-dropdown-mb-width: 157px;
  --sdd-lable-font: 12px var(--primary-font);
  --store-pickup-font: 12px var(--primary-font);
  --idea-board-landing-marginTop: 19px;
  --idea-board-detailpage-marginTop: 0px;
  --idea-board-empty-wrapper-height: 65%;
  --idea-board-empty-wrapper-below-resolution-height: 65%;
  --idea-board-tiles-wrapper-height: 59%;
  --idea-board-tiles-wrapper-below-resolution-height: 59%;
  --add-to-registry-font-TAB: 13px;
  --search-board-text-width: 120px;
  --bookmark-this-board: 169px;
  --add-to-ideaboard-width: 159px;
  --add-to-cart-recommendations-width1: -18px;
  --add-to-cart-recommendations-width2: -18px;
  /* IdeaBoard Details Filter Border*/
  --filter-border-color: #147bd1;
  /* Registry Modal*/
  --favoriteArrowImage-tab-pro-top: 210px;
  --favoriteArrowImage-tab-right: 168px;
  --favoriteArrowImage-mob-top: 202px;
  --idea-board-guest-bookmark-button-width: 214px;
  --idea-board-guest-bookmark-button-font-size: 16px;
  --idea-board-sale-price-font-size: 16px;
  --idea-board-was-price-font-size: 14px;
  --idea-board-sale-price-font: var(--secondary-font);
  --idea-board-was-price-font: var(--primary-font);
  --idea-board-sale-price-color: var(--is-price);
  --idea-board-search-color: #147bd1;
  --hero-color: var(--secondary-color);
  --hero-font: var(--secondary-font);
  --idea-board-shop-tiles-mob-btn-width: 142px;
  --font-breadcrumb-title-lg: 600 32px/1.22 var(--theme-family-serif);
  --font-breadcrumb-title-md: 600 28px/1.22 var(--theme-family-serif);
  --font-breadcrumb-title-sm: 600 21px/1.22 var(--theme-family-serif);
  --theme-serif-letter-spacing: -0.5px;
  --refresh-search-term-color: #002855;
  --lable-font: 11px;
  --idea-board-tile-below-resolution-height: 260px;
  --close-logo-color: #000000;
  --cat-nav-l0-text-transfrom-mob: lowercase;
  --header-padding-PB-MOB: 184px;
  --header-logo-width-TAB: 76px;
  --header-logo-height-TAB: 24px;
  --header-logo-width-MOB: 76px;
  --header-logo-height-MOB: 24px;
  --sdd-justify: revert;
  /* store Locator */
  --store-locator-find-store-heading: 600 24px/1.22 var(--primary-font);
  --store-locator-current-location-font: 600 16px/1.2 var(--primary-font);
  --store-locator-current-location-color: #1377c9;
  --store-locator-pill-color: #1177c8;
  --liveBanner-description-font: 300 16px/1.2 var(--primary-font);
  --loyt-height: 45px;
  /** Ratings **/
  --refresh-star-color: var(--beaconBlue);
  --refresh-progress-bar-color: var(--beaconBlue);
  --refresh-circluar-inside-color: #ddd;
  --refresh-circluar-ring-color: var(--beaconBlue);
  /** Bottom Dock **/
  --bottom-dock-heading-font: 600 18px/1.18 var(--theme-family-serif-subset);
  --color-email-acquisition: #002855;
  --email-heading-font : 600 16px/1.18 var(--theme-family-sans);
  /* Replace Wunder Kind */
  --input-error: #fff;

  /** Brand Listing Page **/
  --Brand-page-header: 600 32px/.84 var(--secondary-font);
  --Brand-page-header-color: #002855;
  --Brand-page-secondary-header: 600 28px/1.36 var(--secondary-font);
  --Brand-links-fonts: 300 16px/1.2 var(--primary-font);
  --Brand-page-header-bottom-border: #d8d8d8;
}