/*
 * HRreview — Background Takeover v3.4 Plugin Driven
 * The WP Background Takeover plugin controls the image and URLs.
 * This CSS only exposes the plugin background and creates clickable gutters.
 */

/* Let the plugin background on body/html show through */
html,
body {
  background-color: transparent !important;
}

/* Make Newspaper wrappers transparent */
#td-outer-wrap,
.td-main-content-wrap,
.td-category-grid,
.td-header-wrap,
.td-footer-container {
  background-color: transparent !important;
}

/* Box the site to create visible left/right gutters */
@media (min-width: 1280px) {
  #td-outer-wrap {
    max-width: 1200px !important;
    margin: 0 auto !important;
    overflow-x: visible !important;
    position: relative !important;
    z-index: 1 !important;
  }
}

/* Do not let the plugin marker div capture clicks */
#wps-bt-background-takeover-id {
  pointer-events: none !important;
}

/* Keep header and menus above everything */
.td-header-wrap {
  position: relative !important;
  z-index: 9999 !important;
}