/* Websales theme */
h1, h2, h3, h4 {
  text-shadow: 0 0 0;
}
/* Keep Roboto for all titles */
h1, h2, h3, h4, h5, h6 {  font-family: "Roboto", helvetica, sans-serif; }

a, a:focus, a:hover {
  color: white;
  font-weight: inherit;
}
a:focus, a:hover {
  text-decoration: none;
}
select { height: auto; }
label {
  font-size: inherit;
  text-transform: none;
  text-shadow: 0 0 0;
}
.medium:hover {
  font-weight: 500;
}

/* accent colors */
.box-shadow-focus:focus {
  box-shadow: 0 0 5px #659B2C;
  border: solid 1px #659B2C;
}
.box-shadow-accent { box-shadow: 0 0 5px #659B2C; }
.border-accent-hover:hover { border-color: #659B2C; }
.color-accent-hover:hover { color: #659B2C; }
.outline-accent { outline: solid 1px #659B2C; outline-offset: -1px; }
.outline-accent-hover:hover { outline: solid 1px #659B2C; outline-offset: -1px; }

.bg-accent-lightest { background-color: #F1F5EB; }
.color-accent-lightest { color: #F1F5EB; }
.border-accent-lightest { border-color: #F1F5EB; }
.color-accent-lightest-hover:hover { color: #F1F5EB; }

.bg-accent-lighter { background-color: #C7DAB2; }
.color-accent-lighter { color: #C7DAB2; }
.border-accent-lighter { border-color: #C7DAB2; }
.color-accent-lighter-hover:hover { color: #C7DAB2; }

.bg-accent { background-color: #659B2C; }
.color-accent { color: #659B2C; }
.border-accent { border-color: #659B2C; }
.color-accent-hover:hover { color: #659B2C; }
.bg-accent-hover:hover { background-color: #659B2C; }

.bg-accent-darker { background-color: #385518; }
.color-accent-darker { color: #385518; }
.border-accent-darker { border-color: #385518; }
.color-accent-darker-hover:hover { color: #385518; }

.bg-accent-darkest { background-color: #1C2B0C; }
.color-accent-darkest { color: #1C2B0C; }
.border-accent-darkest { border-color: #1C2B0C; }
.color-accent-darkest-hover:hover { color: #1C2B0C; }

.bg-accent-dark {background-color: #385518; }
.box-shadow-accent { box-shadow: 0 0 5px #659B2C; }
.border-accent-hover:hover { border-color: #659B2C; }
.color-accent-hover:hover { color: #659B2C; }
.outline-accent { outline: solid 1px #659B2C; outline-offset: -1px; }
.outline-accent-hover:hover { outline: solid 1px #659B2C; outline-offset: -1px; }

/*
/////////////////////////////////////////
/// ex inverted colors now websales-theme
/////////////////////////////////////////
*/
.inverted-color select.bg-transparent { background-color: white; color: #333; border-radius: 2px;}
.inverted-color textarea.bg-transparent { background-color: white; color: #333; border-radius: 2px;}
.inverted-color textarea.bg-grey-lightest { background-color: #848484; color: #333; border-radius: 2px;}
.inverted-color input.bg-transparent { background-color: white; color: #333; border-radius: 2px;}
.inverted-color button.color-white { color: white;}

/* custom selector */
.inverted-color :not(button).pointer.bg-transparent { background-color: white; color: #333;}

.inverted-color .box-shadow-focus:focus {
  box-shadow: 0 0 5px #659B2C;
  border: solid 1px #659B2C;
}
.inverted-color .color-accent-hover:hover { color: #659B2C; }
.inverted-color .color-accent { color: #659B2C; }
.inverted-color .border-accent { border-color: #659B2C; }
.inverted-color .box-shadow-accent { box-shadow: 0 0 5px #659B2C; }

.inverted-color .bg-black { background-color: #ffffff; }
.inverted-color .color-black { color: #ffffff; }
.inverted-color .border-black { border-color: #ffffff; }
.inverted-color .text-shadow-black { text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); }
.inverted-color .bg-black-10-hover:hover { box-shadow: inset 0 0 99999px rgba(0, 0, 0, .1); }
.inverted-color .border-black-hover:hover { border-color: #ffffff; }
.inverted-color .color-black-hover:hover { color: #ffffff; }

.inverted-color .box-shadow-black-10 { box-shadow: 0 2px 3px rgba(0, 0, 0, .5); }

.inverted-color .bg-grey-darker { background-color: #cfcfcf; }
.inverted-color .color-grey-darker { color: #cfcfcf; }
.inverted-color .border-grey-darker { border-color: #cfcfcf; }
.inverted-color .border-grey-darker-hover:hover { border-color: #cfcfcf; }
.inverted-color .color-grey-darker-hover:hover { color: #cfcfcf; }

.inverted-color .bg-grey-darkest { background-color: #ffffff; }
.inverted-color .color-grey-darkest { color: #ffffff; }
.inverted-color .border-grey-darkest { border-color: #ffffff; }
.inverted-color .border-grey-darkest-hover:hover { border-color: #ffffff; }
.inverted-color .color-grey-darkest-hover:hover { color: #ffffff; }

.inverted-color .bg-white { background-color: #333333; }
.inverted-color .color-white { color: #000000; }
.inverted-color .border-white { border-color: #000000; }
.inverted-color .bg-white-hover:hover { box-shadow: inset 0 0 99999px rgba(255, 255, 255, .1); }
.inverted-color .border-white-hover:hover { border-color: #000000; }
.inverted-color .color-white-hover:hover { color: #000000; }

.inverted-color .bg-grey-lightest { background-color: #848484; }
.inverted-color .color-grey-lightest { color: #848484; }
.inverted-color .border-grey-lightest { border-color: #848484; }
.inverted-color .border-grey-lightest-hover:hover { border-color: #848484; }
.inverted-color .color-grey-lightest-hover:hover { color: #848484; }

.inverted-color .bg-grey-lighter { background-color: #848484; }
.inverted-color .color-grey-lighter { color: #848484; }
.inverted-color .border-grey-lighter { border-color: #848484; }
.inverted-color .border-grey-lighter-hover:hover { border-color: #848484; }
.inverted-color .color-grey-lighter-hover:hover { color: #848484; }

.inverted-color .bg-grey { background-color: #e2e2e2; }
.inverted-color .color-grey { color: #e2e2e2; }
.inverted-color .border-grey { border-color: #e2e2e2; }
.inverted-color .border-grey-hover:hover { border-color: #e2e2e2; }
.inverted-color .color-grey-hover:hover { color: #e2e2e2; }

.inverted-color .bg-danger-lightest { background-color: #482c2c; }

.inverted-color .bg-info { background-color: #68A2CF; }
.inverted-color .color-info { color: #68A2CF; }
.inverted-color .border-info { border-color: #68A2CF; }
.inverted-color .color-info-hover:hover { color: #68A2CF; }


/* Checkbox disabled */
.inverted-color label div.bg-grey-lightest {
  color: #848484;
  background: transparent;
}

/* Notifications */
.bg-success.color-white,
.bg-danger.color-white,
.bg-info.color-white,
.bg-warning.color-white { color: white; }
.btrz-card.bg-white { background-color: white; }
.btrz-card a.color-grey-darkest { color: #333333; }

.inverted-color .color-grey i {
    color: #848484;
}

/* Buttons */
button.color-grey-darkest:not(.show-prices-button) { color: white; }
button.border-grey:not(.show-prices-button) { border-color: white; }


/* Table */
table.bg-white { background-color: transparent;}
thead.bg-grey-lightest { background-color: transparent;}
th.color-grey-darkest { color: white; }
tbody { background-color: white;}

.inverted-color table.bg-white { background-color: white;}
.inverted-color thead.bg-grey-lightest { background-color: #848484;}
.inverted-color th.color-grey-darkest { color: #e2e2e2; }
.inverted-color tbody { background-color: transparent;}

/* Card inverted or outlined */

.inverted-color .btrz-card.bg-white {
  background-color: transparent;
  border: solid 1px white;
  box-shadow: 0 0 0;
}


.inverted-color.btrz-card.bg-white {
  background-color: transparent;
  border: solid 1px white;
  box-shadow: 0 0 0;
}

/* O&D btrz-pill components at the top of results screen */
.sticky-submenu {
  box-shadow: 0 0 0px 0px;
  padding: .5rem 1rem;
  top: 2.5rem;
}

@media (min-width: 641px) {
  .sticky-submenu {
      top: 3rem;
  }
}