:root {
  --color-primary: #008600;
  --color-primary--lightest: #f3faf5;
  --color-primary--hover: #049104;
  --color-primary--contrast: #005b13;
  --color-separator: #dddddd;
  --color-separator--light: #eeeeee;
  --color-separator--dark: #cccccc;
  --color-muted: #666666;
  --color-constant--black: #000000;
  --color-constant--white: #ffffff;
}

:root {
  --color--karma-green:        #3ddb93;
  --color--karma-green-2019:   #008600;
  --color--karma-green-dark:   #009389;
  --color--karma-green-light:  #9eedc9;
  --color--kara-green-pale:    #cde3cf;
  --color--karma-green-xlight: #dde8e0;
  --color--blue-lighter:       #ecf9ff;
  --color--blue-light2:        #e5f6ff;
  --color--bay-mist:           #c0e1eb;
  --color--blue-light:         #76d5ff;
  --color--blue-light3:        #57b6ff;
  --color--blue-medium:        #0091ff;
  --color--blue-medium2:       #1f95ee;
  --color--blue-dark:          #004693;
  --color--blue-dark-2:        #2b3e50;
  --color--blue-dark-3:        #004599;
  --color--midnight-blue:      #003966;
  --color--pacific:            #002356;
  --color--zinfandel:          #80015b;
  --color--lotus:              #ff5acb;
  --color--coral:              #ff6161;
  --color--jaffa:              #f27f37;
  --color--orange:             #ff863b;
  --color--yellow:             #ffd324;
  --color--spring:             #52c800;
  --color--error:              #f00;
  --color--mint:               #c8e4ce;
  --color--sky:                #009cc1;
  --color--driftwood:          #b68c50;
  --color--blaze-orange:       #ff5e00;
  --color--medium-purple:      #905bd6;
  --color--science-blue:       #0077db;
  --color--tequila:            #ffe4c9;
  --color--cosmos:             #ffdcdc;
  --color--french-lilac:       #e2ceed;
  --color--french-lilac-dark:  #dfb0ee;
  --color--amber:              #ffc300;
  --color--hot-pink:           #ff5acb;
  --color--cola:               #4b2e00;
  --color--royal-purple:       #7039a3;
  --color--oslo-gray:          #858b8f;
  --color--mauve: #dfb0ee;
  --color--lumber: #ffe4c9;
  --color--vivid-orange: #ff5e00;
  --color--pale-pink: #ffdcdc;
  --color--light-deep-pink: #ff5acb;
  --color--golden-poppy: #ffc300;
  --color--bronze-metallic: #b68c50;
  --color--tea-green: #c8e4ce;
  --color--emerald-green: #005b13;
  --color--pale-gray: #e3e9ec;
  --color--autumn-gold: #b68c50;
  --color--autumn-gold: var(--color--driftwood);
  --color--sunset: #ff5e00;
  --color--sunset: var(--color--vivid-orange);
  --color--electric-violet: #905bd6;
  --color--electric-violet: var(--color--medium-purple);
  --color--cerulean: #0077db;
  --color--cerulean: var(--color--science-blue);
  --color--beach: #ffe4c9;
  --color--beach: var(--color--tequila);
  --color--blush: #ffdcdc;
  --color--blush: var(--color--cosmos);
  --color--periwinkle: #e2ceed;
  --color--periwinkle: var(--color--french-lilac);
  --color--butter: #ffc300;
  --color--butter: var(--color--amber);
  --color--redwood: #4b2e00;
  --color--redwood: var(--color--cola);
  --color--gray: #858b8f;
  --color--gray: var(--color--oslo-gray);
  --color--royal: #7039a3;
  --color--royal: var(--color--royal-purple);
  --color--indigo:             #2c0093;
  --color--karma-green-dark:   #009389;
  --color--karma-green-dark-2: #00776f;
  --color--muir:               #005b13;
  --color--dark-aubergine:     #493940;
  --color--dark-aubergine-2:   #493a3f;
  --color--grey-input-border:  #979797;
  --color--dark-grey:          #404345;
  --color--dark-grey-tint:     #565c5e;
  --color--darker-grey:        #404445;
  --color--border-grey:        #979797;
  --color--fuscous-grey:       #525050;
  --color--slight-grey:        #757575;
  --color--mid-tone-grey:      #74787a;
  --color--light-grey:         #edf1f3;
  --color--grey-tint-1:        #f1f5f8;
  --color--grey-tint-2:        #d1d6da;
  --color--grey-tint-3:        #8d9194;
  --color--grey-tint-4:        #f5f5f5;
  --color--grey-tint-5:        #e6e6e6;
  --color--grey-tint-6:        #999999;
  --color--grey-tint-7:        #f7f9fa;
  --color--grey-tint-8:        #e2e2e2;
  --color--grey-tint-9:        #c6c6c6;
  --color--grey-tint-10:       #e0ebf2;
  --color--grey-tint-11:       #dfdfdf;
  --color--grey-tint-12:       #b0b5b8;
  --color--grey-tint-13:       #f5f6f7;
  --color--grey-tint-14:       #d1d7db;
  --color--grey-tint-15:       #5a5c5e;
  --color--grey-tint-16:       #d8d8d8;
  --color--grey-tint-17:       #4a4a4a;
  --color--grey-tint-18:       #666666;
  --color--grey-tint-19:       #e4e4e4;
  --color--grey-tint-20:       #cccccc;
  --color--grey-tint-21:       #c1c1c1;
  --color--grey-tint-22:       #888888;
  --color--grey-tint-23:       #939393;
  --color--grey-tint-24:       #e3e9ec;
  --color--grey-tint-25:       #f2f5f5;
  --color--rock-blue:          #9ac0cc;
  --color--black:              #000000;
  --color--black-2:            #3e4143;
  --color--white:              #ffffff;
  --color--offwhite:           #fbfbfb;
  --color--icon-disclosure-close: #d1d6da;
  --color--icon-disclosure-close: var(--color--grey-tint-2);
  --color--cta-authority-button: #008600;
  --color--cta-authority-button: var(--color--karma-green-2019);
  --color--menu-text: #5b5f66;
  --color--menu-bg: #f5f5f5;
  --color--menu-bg: var(--color--grey-tint-4);
  --color--body-text: #404345;
  --color--body-text: var(--color--dark-grey);
  --color--body-text-main-site: #000;
  --color--callout-text:  #76e5b3;
  --color--callout-background: #eafaf3;
  --color--transparent: rgba(0, 0, 0, 0);
  --color--grey-a:             #72757b;
  --color--dark-grey-a:        #545659;
  --color--blue-a:             #0071c6;
  --color--green-a:            #007f00;
}

/* App Install Banner */
.app-banner-install__container {
  display: none;
}

.app-banner-install__link {
  background-color: #008600;
  border-radius: 5px;
  color: #ffffff;
  display: none;
  font-size: 1rem;
  font-weight: 500;
  padding: 12px 16px;
}

.app-banner-install--active {
  display: inline;
  display: initial;
}

.app-banner-install__logo-container {
  align-items: center;
  display: flex;
  margin-right: 10px;
}

.app-banner-install__btn-close {
  background-color: transparent;
  border: none;
  font-size: 1.5rem;
  margin-top: 7px;
  padding: 15px 10px;
  text-align: center;
}

.app-banner-install__container.app-banner-install--active {
  align-items: center;
  background-color: #f2f5f5;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 7px 5px;
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  top: 0;
  z-index: 100;
}

.app-banner-install__description {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: space-between;
}

.app-banner-install__description-text {
  flex-basis: 185px;
  padding-right: 5px;
}

.app-banner-install__description-text h3 {
  font-size: 0.875rem;
  letter-spacing: 0.05px;
  margin-bottom: 0;
  margin-top: 0;
}

@media (min-width: 375px) {
  .app-banner-install__description-text h3 {
    font-size: 1rem;
  }
}

.app-banner-install__description-text p {
  font-size: 0.875rem;
}

#svg-ck-mobile-app-ios path,
#svg-ck-mobile-app-android path {
  fill: #008600;
}

#svg-ck-mobile-app-start path {
  fill: #ff863b;
}

.app-banner-install__description-link {
  padding-right: 5px;
}

.app-banner-install__logo {
  margin-left: 5px;
}

@media (min-width: 375px) {
  .app-banner-install__logo {
    margin-left: 10px;
  }
}

.app-banner-install__rating-container {
  display: flex;
  align-items: center;
}

.app-banner-install__rating {
  font-size: 0.938rem;
  margin-right: 10px;
  display: none;
}

.app-banner-install__rating.app-banner-install--active {
  display: inline-block;
}

.admin-bar .app-banner-install--active ~ .ck-nav {
  top: calc(81px + 46px);
}

.app-banner-install--active ~ .ck-nav {
  top: 81px;
}

/*# sourceMappingURL=ck-app-banner.css.map */