/**
 * Cookie Banner - Main CSS file
 */
#cookie-banner {
  -webkit-transform: translateZ(0);
  position:          fixed;
  z-index:           300;
  bottom:            0;
  color:             #fff;
  background:        #090703;
  background:        rgba(0, 0, 0, .8);
  padding:           20px 0 20px 20px;
  left:              7%;
  right:             7%;
}

/* On smaller devices stretch the banner fully */
@media (max-width: 768px) {
  #cookie-banner {
    left:  0;
    right: 0;
  }
}

/* Close button */
#cookie-banner .close {
  position:            absolute;
  z-index:             305;
  top:                 55px;
  right:               147px;
  border:              none;
  margin:              0;
  padding:             12px;
  background-color:    transparent;
  width:               97px;
  height:              26px;
  background-image:    url('close-new.png');
  background-position: 0 0;
}

#cookie-banner .close:hover,
#cookie-banner .close:focus {
  background-position: 0 27px;
}

#cookie-banner .close span {
  position: absolute;
  width:    1px;
  height:   1px;
  margin:   -1px;
  padding:  0;
  overflow: hidden;
  clip:     rect(0, 0, 0, 0);
  border:   0;
}

/* Cookie banner text */
#cookie-banner p {
  margin:      0 40px 0 0;
  padding:     0;
  line-height: 1.6em;
  font-size:   20px;
}

#cookie-banner p a {
  color:       #9cf;
  font-size:   13px;
  display:     block;
  font-weight: normal;
}

@media (max-width: 768px) {
  #cookie-banner p {
    font-size: 16px;
  }
}

#cookie-banner p a:hover {
  color:           #449AF0;
  text-decoration: underline;
}

/**
 * Cookie Banner - Right to Left support.
 */
[dir="rtl"] #cookie-banner {
  padding: 20px 20px 20px 0;
}

[dir="rtl"] #cookie-banner .close {
  right: auto;
  left:  5px;
}

[dir="rtl"] #cookie-banner p {
  margin: 0 0 0 40px;
}