/* cookie-choices.scss */
/* Adjust these values to match site styling */
/* whiteish */
/* off-black text colour */
/* dark grey */
/* red */
/* red */
/* white */
/* teal */
/* TODO defined here and also in _media.scss */
.cc-panel {
  position: fixed;
  width: 100%;
  background-color: #eee;
  color: #333;
  margin: 0;
  left: 0;
  top: 0;
  bottom: auto;
  padding: 12px 4px;
  z-index: 2000;
  text-align: center;
  font-family: "Muli", "Arial", "Helvetica", sans-serif;
  line-height: 2.0em;
  -webkit-transition: top 1s;
  transition: top 1s;
  transition-timing-function: ease-in;
  box-shadow: 0px 1px 10px grey; }

@media screen and (min-width: 1024px) {
  .cc-panel {
    line-height: 1.4em; } }
.cc-panel__glass {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 2000;
  top: 0;
  left: 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #ccc;
  padding: 12px 0;
  border-bottom: 1px solid lightgrey; }

.cc-panel__dialog {
  z-index: 2000;
  position: fixed;
  left: 50%;
  top: 50%; }

.cc-panel__content {
  position: relative;
  left: -50%;
  margin-top: -25%;
  background-color: #fff;
  padding: 20px;
  box-shadow: 4px 4px 25px #888; }

.cc-panel__learn-more {
  margin-left: 24px;
  text-align: right;
  margin-top: 8px; }

.cc-panel__learn-more,
.cc-panel__learn-more:link,
.cc-panel__learn-more:visited {
  color: #777; }

.cc-panel__learn-more:hover,
.cc-panel__learn-more:visited:hover {
  color: #e63232;
  -webkit-transition: color 850ms;
  transition: color 850ms;
  transition-timing-function: ease-in; }

.cc-panel__accept,
.cc-panel__accept:link,
.cc-panel__accept:visited {
  background-color: #e63232;
  border-radius: 6px;
  padding: 6px;
  color: #fff;
  margin-left: 8px;
  /*border: 1px solid lightgrey;*/ }

.cc-panel__accept:hover,
.cc-panel__accept:visited:hover {
  background-color: #649b9b;
  /* teal */
  color: #fff;
  -webkit-transition: background-color 350ms;
  transition: background-color 350ms;
  transition-timing-function: ease; }

/*# sourceMappingURL=cookie-choices.css.map */