.cc-cookies { position:fixed; width: 100%; left: 0; bottom: 0; padding: 1em 0; background: #000000; background: rgba(0, 0, 0, 0.85); color: #FFFFFF; font-weight: normal; text-shadow: 0 1px 0 #000000; z-index: 99999; border-top: solid 3px #ff0000; } .cc-cookies-message-wrapper { width: 92%; max-width: 70em; margin: 0 auto; } .cc-cookies a, .cc-cookies a:hover { color: #FFFFFF; text-decoration: underline; } .cc-cookies a:hover { text-decoration: none; } .cc-overlay { height: 100%; padding-top: 25%; } .cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; } .cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; text-decoration: none; padding: 0.5em 0.75em; border-radius: 3px; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; vertical-align: top; background: #AA0A17; color: #FFFFFF; } .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; } .cc-cookies a.cc-cookie-reset { background: #f15b00; } .cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset { color: #FFF; background: #ff0000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; } .cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; } .cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; } .cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; } .cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; } .cc-cookies-message { display: inline-block; font-size: 0.875em; width: 85% } .cc-cookies-buttons { display: inline-block; font-size: 0.875em; width: 15%; text-align: right; vertical-align: top; font-weight: bold; } .cc-cookies-message a { display: inline-block; margin-right: 10px; } .cc-cookies-whatAreCookies { display: block; }