/* -------------------
BEGIN client-getty
Sitecore Resource: 11768336-1081-4757-8a24-76d9a7745a2a
-------------------*/
:root {
  --branding-primary-default: #3087af;
  --branding-primary-default-alpha: #3087af26; /* main color at 15% opacity. To be used on dropdown callouts only*/
  --branding-primary-active: #6eabc7;
  --branding-primary-bg: #e8f6fc;
  --branding-primary-text: #517189;
  --branding-secondary-default: #ee2867;
  --branding-secondary-active: #ff55aa;


  /* navigation elements  */
  /* These three variables control navigation elements (button, links, hover & active states). By default these values are assigned to the same colors as the three primary variables above.  Edit if you need to introduce a subset of colors */
  --branding-primary-nav: #009de0;
  --branding-primary-active-nav: #4dbbea;
  --branding-primary-bg-nav: #e8f6fc;

  /* accent colors  */
  --branding-accent-1: #3087af;
  --branding-accent-2: #3087af;
  --branding-accent-3: #3087af;
  --branding-accent-4: #8246af;
  --branding-accent-5: #00ac41;
  --branding-accent-6: #002c77;
  --branding-accent-7: #ee3d8b;
  --branding-accent-8: var(--u-grayscale-00);
  --branding-accent-9: var(--u-grayscale-33);
  --branding-accent-10: var(--u-grayscale-66);

  /*borderRadius:  Default value or 0. No other value should be used. */
  --u-borderRadius-0px: 0; /* options: default value || 0 */
  --u-borderRadius-2px: 2px; /* options: default value || 0 */
  --u-borderRadius-3px: 3px; /* options: default value || 0 */
  --u-borderRadius-4px: 4px; /* options: default value || 0 */
  --u-borderRadius-5px: 5px; /* options: default value || 0 */
  --u-borderRadius-10px: 10px; /* options: default value || 0 */
  --u-borderRadius-20px: 20px; /* options: default value || 0 */

  /*boxShadow Use caution if changing these values. They may produce unintended results. */
  --u-boxShadow-2px: 0px 1px 2px rgb(0 0 0 / 16%);
  --u-boxShadow-6px: 0px 1px 6px rgb(0 0 0 / 16%); /*default*/
  --u-boxShadow-10px: 0px 1px 10px rgb(0 0 0 / 16%);


--df-messenger-primary-color: var(--branding-primary-nav);
--df-messenger-chat-bubble-background: var(--branding-primary-nav);
--df-messenger-chat-bubble-icon-color: var(--u-grayscale-ff);
--df-messenger-titlebar-font-color: var(--branding-primary-text);
--df-messenger-input-box-focus-border: 2px solid var(--branding-primary-active);
--df-messenger-message-user-background: var(--branding-primary-bg);
--df-messenger-chat-scroll-button-background: var(--branding-primary-nav);
--df-messenger-chat-scroll-button-font-color: #fff;
--df-messenger-chat-window-width: 375px
}

  df-messenger {
    z-index: 999;
    position: fixed;
    --df-messenger-font-color: #000;
    --df-messenger-font-family: Google Sans;
    --df-messenger-chat-background: #f3f6fc;
    --df-messenger-message-bot-background: #fff;
    bottom: 16px;
    right: 16px;
  }

  /* Add custom styling to insert a round logo next to the chat title */
  df-messenger::part(chat-title) {
    display: flex;
    align-items: center;
  }

  /* The logo image with rounded corners */
  .chat-logo {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 8px;
  }


@media (max-width: 40em) {
  .logo-ctr {
    max-inline-size: 180px;
  }
}

/* Todd from B20
div.search-nav__options div:last-child {
display:none!important;
}
*/


/* -------------------
BEGIN b23-countdown.css
Sitecore Resource: 06742ea5-0440-41ca-92ba-cd6e8e55df2b
-------------------*/
.jCountDown {
  width: 100%;
  max-width: 360px;
  /* margin: auto; */
  overflow: hidden;
  font-family: var(--u-fontFamily-semibold);
  display: inline-flex;
  color: var(--branding-primary-default);
}

.jCountDown.withoutDays .hour,
.jCountDown.withoutDays .min,
.jCountDown.withoutDays .sec {
  width: 33.33%;
  /* float: left; */
  position: relative;
  box-sizing: border-box;
  padding-top: 33.33%;
}

.jCountDown.withDays .hour,
.jCountDown.withDays .min,
.jCountDown.withDays .day,
.jCountDown.withDays .sec {
  width: 33%;
  /* float: left;
  padding-top: 25%; */
  box-sizing: border-box;
  position: relative;
  height: 100px;
}

.jCountDown.withDays .sec {
  display: none;
}

.jCountDown .timeDigits {
  position: absolute;
  left: 0;
  top: 40%;
  width: 100%;
  font-size: var(--u-fontSize-30);

  text-align: center;
  line-height: 0;
}

.jCountDown .timeCaption {
  position: absolute;
  left: 0;
  top: 40%;
  width: 100%;
  margin-top: 25%;
  text-align: center;
  line-height: 0;
  font-size: 24px;
}

.jCountDown canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 10%;
}

.jCountDown svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}