/***************/
/*  NAMESPACE  */
/***************/
/**********************/
/*  LAYOUT VARIABLES  */
/**********************/
/**************************/
/*  TYPOGRAPHY VARIABLES  */
/**************************/
/************/
/*  COLORS  */
/************/
/*****************************/
/*  MEDIA QUERY BREAKPOINTS  */
/*****************************/
/******************/
/*  PDP SECTIONS  */
/******************/
/*************/
/*  BUTTONS  */
/*************/
/*************/
/*  ARROWS   */
/*************/
.nkn-resp-home-main .error-block {
  margin: 15px 0; }

.nkn-resp-home-main .proofing-exp-date, .nkn-resp-home-main .proofing-slugs-container {
  position: absolute; }

.nkn-resp-home-main .proofing-exp-date {
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.65);
  color: #ffffff;
  font-family: 'Open Sans';
  font-size: 1em;
  padding: 5px;
  font-weight: bold;
  width: auto !important;
  height: auto !important; }
  .nkn-resp-home-main .proofing-exp-date.panel-dt {
    top: 35px; }

.nkn-resp-home-main .proofing-slugs-container {
  top: 0;
  font-size: 13px;
  right: 0;
  z-index: 11;
  /* XS MOBILE ONLY */ }
  .nkn-resp-home-main .proofing-slugs-container button {
    width: 400px;
    background-color: #000;
    border: 1px solid transparent;
    color: #ffffff;
    border-radius: 0.25em;
    font-weight: bold; }
    .nkn-resp-home-main .proofing-slugs-container button:active {
      color: #ffffff; }
    .nkn-resp-home-main .proofing-slugs-container button:after {
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: .255em;
      vertical-align: .25em;
      content: "";
      border-top: .4em solid;
      border-right: .4em solid transparent;
      border-bottom: 0;
      border-left: .4em solid transparent; }
  .nkn-resp-home-main .proofing-slugs-container #proofing-slugs .card-body {
    width: 400px;
    color: #000;
    z-index: 100;
    background-color: #eee;
    padding: 15px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
    .nkn-resp-home-main .proofing-slugs-container #proofing-slugs .card-body > * {
      margin-bottom: 5px; }
    .nkn-resp-home-main .proofing-slugs-container #proofing-slugs .card-body p {
      display: block;
      color: #000; }
    .nkn-resp-home-main .proofing-slugs-container #proofing-slugs .card-body span {
      display: block;
      color: #a6a6a6; }
  @media print, screen and (max-width: 480px) {
    .nkn-resp-home-main .proofing-slugs-container {
      width: 100%; }
      .nkn-resp-home-main .proofing-slugs-container button {
        width: 100%; } }