/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cc-cookies  {
     position: fixed;
     width:  100%;
     left:  0;
     top:  0;
     padding:  0.5em 5%;
     background: #ffffff;
     color: #484848;
     font-size:  13px;
     z-index:  100;
     text-align:  center;
     border-top: 1px solid #d7d7d7;
 }

.cc-cookies a,  .cc-cookies a:hover  {
     color:  #484848;
     text-decoration:  underline;
 }

.cc-cookies a:hover  {
     text-decoration:  none;
 }

.cc-overlay  {
     height:  100%;
     padding-top:  25%;
 }

.cc-cookies-error  {
     float:  left;
     width:  100%;
     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-transform: uppercase;
    color: #fff;
    padding: 3px 14px 2px;
    background: #1f62a6;
    border: 0;
    border-bottom: 5px solid #2c4376;
    border-radius: 0;
    text-decoration: none;
    margin-left: 10px;
 }

.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: #2c4376;
    border-bottom: 5px solid #1f62a6;
 }

.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;
 }


@media screen and (max-width: 768px)  {
    
.cc-cookies a.cc-cookie-accept,  .cc-cookies a.cc-cookie-decline,  .cc-cookies a.cc-cookie-reset  {
     display:  block;
     margin:  1em 0;
 }

}

@media screen and (max-width: 480px)  {
    
.cc-cookies  {
     /*position:  relative;*/
     float:  left;
 }

}