/* MOBILE SMALL - Non-Retina - (0-321px) */

#sliding-popup {
  display: block;
  margin: 0;
  padding: 0px;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 99999;
}
.sliding-popup-bottom {
  position: fixed;
}
.sliding-popup-top {
  position: relative;
}
#sliding-popup .popup-content {
  background-color: transparent;
  border: 0 none;
  display: block;
  margin: 0 auto;
  width: auto;
}
#sliding-popup .popup-content #popup-buttons {
  margin: 0;
  text-align: center;
}
#sliding-popup .popup-content #popup-buttons button,
#sliding-popup button.eu-cookie-withdraw-tab {
  margin-right: 5px;
  margin-right: 0.5rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  overflow: visible;
  padding: 5px 10px;
  padding: .5rem 1rem;
}
#sliding-popup button.eu-cookie-withdraw-tab {
  margin-right: 0;
  margin-bottom: 0;
  padding: 3px 10px;
  padding: .3rem 1rem;
}
/* #sliding-popup .popup-content #popup-buttons button:hover {
}*/
/*#sliding-popup .popup-content #popup-buttons button:active {
}*/
#sliding-popup .popup-content #popup-text {
  margin: 5px 0 8px 0;
  margin: 0.5rem 0 0.8rem 0;
  text-align: center;
  padding: 0;
  line-height: 1.1;
}
#sliding-popup .popup-content #popup-text h2,
#sliding-popup .popup-content #popup-text p,
#sliding-popup .popup-content .eu-cookie-compliance-more-button{
  display: block;
  font-size: 16px;
  line-height: 1.1;
  margin: 0;
  padding: 0;
  text-align: center;
}
#sliding-popup .popup-content #popup-text p,
#sliding-popup .popup-content .eu-cookie-compliance-more-button {
  display: inline;
}
#sliding-popup .popup-content .eu-cookie-compliance-more-button {
  background: none;
  border: none;
}
#sliding-popup .popup-content .eu-cookie-compliance-more-button:hover,
#sliding-popup .popup-content .eu-cookie-compliance-more-button:active {
  text-decoration: underline !important;
}

/* Reset Module CSS */
.eu-cookie-compliance-content {
  max-width: 100%;
}

.eu-cookie-compliance-buttons,
.eu-cookie-compliance-message {
  float: none;
  max-width: 100%;
}


/* ------------------------------------- RESPONSIVE ADJUSTMENTS ------------------------------------- */

@media all and (min-width: 321px) {
  /* MOBILE - Non-Retina - (321px–580px) */
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 321px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 321px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 321px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 321px),
only screen and (min-resolution: 192dpi) and (min-width: 321px),
only screen and (min-resolution: 2dppx) and (min-width: 321px) { 
  /* MOBILE - Retina - (321px–580px) */
  
}


@media all and (min-width: 581px) {
  /* MOBILE LARGE - Non-Retina - (581px–767px) */
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 581px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 581px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 581px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 581px),
only screen and (min-resolution: 192dpi) and (min-width: 581px),
only screen and (min-resolution: 2dppx) and (min-width: 581px) { 
  /* MOBILE LARGE - Retina - (581px–767px landscape only) */
  
}

@media all and (min-width: 768px) {
  /* TABLET - Non-Retina - (768px–1024px) */
  
  #sliding-popup .popup-content #popup-buttons {
    text-align: left;
  }
  #sliding-popup .popup-content #popup-text h2,
  #sliding-popup .popup-content #popup-text p, 
  #sliding-popup .popup-content #popup-text {
    text-align: left;
  }
  
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 768px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (min-resolution: 192dpi) and (min-width: 768px),
only screen and (min-resolution: 2dppx) and (min-width: 768px) { 
  /* TABLET - Retina - (768px–1024px) */
  
}

@media all and (min-width: 1025px) {
  /* DESKTOP SMALL - Non-Retina - (1025px–1280px) */
  
  #sliding-popup .popup-content #popup-buttons {
    float: right;
    max-width: 40%;
  }
  #sliding-popup .popup-content #popup-buttons button {
    margin-bottom: 0;
    margin-top: 8px;
    margin-top: 0.8rem;
  }
  #sliding-popup .popup-content #popup-text {
    float: left;
    max-width: 60%;
  }
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1025px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (min-resolution: 192dpi) and (min-width: 1025px),
only screen and (min-resolution: 2dppx) and (min-width: 1025px) { 
  /* DESKTOP SMALL - Retina - (1025px–1280px) */
  
}


@media all and (min-width: 1281px) {
  /* DESKTOP - Non-Retina - (1281px–1920px) */
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1281px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1281px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1281px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1281px),
only screen and (min-resolution: 192dpi) and (min-width: 1281px),
only screen and (min-resolution: 2dppx) and (min-width: 1281px) { 
  /* DESKTOP - Retina - (1281px–1920px) */
  
}


@media all and (min-width: 1921px) {
  /* DESKTOP LARGE - Non-Retina - (1921px and larger) */
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1921px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1921px),
only screen and (min-resolution: 192dpi) and (min-width: 1921px),
only screen and (min-resolution: 2dppx) and (min-width: 1921px) { 
  /* DESKTOP LARGE - Retina - (1921px and larger) */
  
}
