/* CSS rules for responsive_preview ========================================= */
/* The responsive_preview toolbar button is 3em height, but we want 39px. */
#toolbar-administration .responsive-preview-trigger {
  height: 39px;
}
/* Hide these elements on the parent page. */
body.responsive-preview-active div.region-tabs ul.tabs.primary,
body.responsive-preview-active .node-layout-builder-form>#edit-actions,
body.responsive-preview-active footer .block-wildfire-guest-key {
  display: none;
}
/* These toolbar buttons can mess up the preview. */
body.responsive-preview-active #toolbar-administration .toolbar-toggle-orientation,
body.responsive-preview-active #toolbar-administration .tour-toolbar-tab {
  display: none;
}
/* Reposition the responsive_menu container so that the responsive_preview
device menu shows on top of the overlay. */
body.responsive-preview-active .mm-page {
  position: static;
}
/* Font tweaks for the device label. */
#responsive-preview .responsive-preview-device-label {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
}
/* Hide the user account and logout links in the footer menu */
body.wildfire-responsive-preview footer nav.menu--footer li:nth-last-child(1),
body.wildfire-responsive-preview footer nav.menu--footer li:nth-last-child(2) {
  display: none;
}