/* COLORS */
.region-branding .site-logo.site-logo--pwa,
.block-backbutton-block,
.pwa-only {
  display: none; }

@media all and (display-mode: standalone) {
  body .pwa-only,
  body .region-branding .site-logo.site-logo--pwa {
    display: block; }
  body .web-only,
  body .region-branding .site-logo:not(.site-logo--pwa),
  body .header__content .menu-toggle,
  body .header__content .search-toggle,
  body .header__content .region-secondary-menu,
  body .header__menu,
  body .block-system-breadcrumb-block,
  body .block-webform-block,
  body .footer {
    display: none; } }

body.acta-pwa .pwa-only,
body.acta-pwa .region-branding .site-logo.site-logo--pwa {
  display: block; }

body.acta-pwa .web-only,
body.acta-pwa .region-branding .site-logo:not(.site-logo--pwa),
body.acta-pwa .header__content .menu-toggle,
body.acta-pwa .header__content .search-toggle,
body.acta-pwa .header__content .region-secondary-menu,
body.acta-pwa .header__menu,
body.acta-pwa .block-system-breadcrumb-block,
body.acta-pwa .block-webform-block,
body.acta-pwa .footer {
  display: none; }

/* COLORS */
body.acta-pwa .node__content, body.acta-pwa:not(.acta-pwa--home-page) .block-backbutton-block {
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important; }

.offline-page__btn--refresh, .offline-page__btn--back, body.acta-pwa:not(.acta-pwa--home-page) .block-backbutton-block .back-button {
  padding: 0.5rem 1rem;
  border-radius: 4px;
  border: 1px solid white;
  font-weight: 600; }
  .offline-page__btn--refresh:hover, .offline-page__btn--back:hover, body.acta-pwa:not(.acta-pwa--home-page) .block-backbutton-block .back-button:hover, .offline-page__btn--refresh:focus, .offline-page__btn--back:focus, body.acta-pwa:not(.acta-pwa--home-page) .block-backbutton-block .back-button:focus {
    background-color: #3d4752;
    color: white; }

body.path-offline {
  height: 100%;
  background: url(/themes/action_canada/assets/img/acta-logo.svg) right -25% top/50% no-repeat, url(/themes/action_canada/assets/img/acta-logo.svg) right 10% bottom -20%/27% no-repeat, url(/themes/action_canada/assets/img/acta-logo.svg) center left 10%/27% no-repeat, #e26f54; }
  @media screen and (min-width: 700px) {
    body.path-offline {
      background: url(/themes/action_canada/assets/img/acta-logo.svg) top right -25%/50% no-repeat, url(/themes/action_canada/assets/img/acta-logo.svg) top left 10%/27% no-repeat, #e26f54; } }

.offline-page {
  color: white;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
  max-width: 375px; }
  .offline-page__logo {
    display: flex;
    justify-content: center;
    margin-top: 2rem; }
  .offline-page__title {
    font-size: 2rem;
    font-weight: 400;
    margin: 1rem 0; }
  .offline-page__body {
    margin-bottom: 2rem; }
  .offline-page__btn:last-child {
    float: right; }
  .offline-page__btn--refresh {
    background-color: white;
    color: #e26f54; }
  .offline-page__btn--back {
    background: none;
    color: white; }
    .offline-page__btn--back svg {
      transform: rotate(180deg); }

/* COLORS */
.acta-pwa__offline-message {
  display: none; }

body.acta-pwa--offline .acta-pwa__offline-message {
  display: flex; }

.acta-pwa__offline-message {
  align-items: center;
  gap: 0.5rem;
  font-size: .8125rem;
  color: white;
  line-height: 1.5;
  background-color: #363e47;
  padding: 0.5rem 2rem; }
  .acta-pwa__offline-message svg {
    width: 2.625rem; }
  .acta-pwa__offline-message p {
    margin: 0; }

/* COLORS */
body.acta-pwa .node__content, body.acta-pwa:not(.acta-pwa--home-page) .block-backbutton-block {
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important; }

.offline-page__btn--refresh, .offline-page__btn--back, body.acta-pwa:not(.acta-pwa--home-page) .block-backbutton-block .back-button {
  padding: 0.5rem 1rem;
  border-radius: 4px;
  border: 1px solid white;
  font-weight: 600; }
  .offline-page__btn--refresh:hover, .offline-page__btn--back:hover, body.acta-pwa:not(.acta-pwa--home-page) .block-backbutton-block .back-button:hover, .offline-page__btn--refresh:focus, .offline-page__btn--back:focus, body.acta-pwa:not(.acta-pwa--home-page) .block-backbutton-block .back-button:focus {
    background-color: #3d4752;
    color: white; }

body.acta-pwa {
  /* HEADER */
  /* TITLE */
  /* CONTENT */
  /* SUGGESTED ARTICLES */
  /* SUB-FOOTER */ }
  body.acta-pwa header.header {
    background-color: #e26f54;
    margin: 0 auto;
    grid-gap: 0; }
  body.acta-pwa .header__content {
    align-items: center; }
  body.acta-pwa .region-header {
    margin-top: unset !important; }
  body.acta-pwa .block-language .language-link::after {
    color: white; }
  body.acta-pwa .block-page-title-block {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    padding: 2rem;
    background: url(/themes/action_canada/assets/img/acta-logo.svg) right -16% top/40% no-repeat, #e26f54; }
    body.acta-pwa .block-page-title-block h1 {
      color: white;
      margin: 0; }
  body.acta-pwa .node__content {
    max-width: 768px !important; }
  body.acta-pwa main .block.block-system-main-block {
    padding-left: 0;
    padding-right: 0; }
  body.acta-pwa .node__content > .field--name-body,
  body.acta-pwa .field--name-field-paragraphs > .field__item > .paragraph {
    margin-left: 0 !important; }
  body.acta-pwa .node--view-mode-full > .node__content > .field--name-body p:first-child {
    font-size: inherit; }
  body.acta-pwa .node__content > .field--name-field-media-image:first-of-type {
    display: none; }
  body.acta-pwa .paragraph--type--content-tiles .field--name-field-tiles {
    grid-template-columns: 1fr 1fr; }
  body.acta-pwa .paragraph--type--content-tile .media--type-image {
    position: relative;
    aspect-ratio: 1/1; }
  body.acta-pwa .paragraph--type--content-tile img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    border-radius: 4px; }
  body.acta-pwa .paragraph--type--content-tile .field--name-field-title {
    font-size: 1.2rem;
    margin: 0.5rem; }
  body.acta-pwa .paragraph--type--content-tile .field--name-field-content {
    display: none; }
  body.acta-pwa .region-help-line .block--type-two-up-block {
    background-color: #363e47; }
    body.acta-pwa .region-help-line .block--type-two-up-block .block__inner {
      padding: 2rem; }

/* SUB PAGES ONLY */
body.acta-pwa:not(.acta-pwa--home-page) {
  /* BACK BUTTON */ }
  body.acta-pwa:not(.acta-pwa--home-page) .block-backbutton-block {
    max-width: 1440px !important;
    display: block;
    background-color: #e26f54; }
    body.acta-pwa:not(.acta-pwa--home-page) .block-backbutton-block .back-button {
      background: none;
      color: white; }
      body.acta-pwa:not(.acta-pwa--home-page) .block-backbutton-block .back-button svg {
        transform: rotate(180deg); }

/* HOME PAGE ONLY */
body.acta-pwa.acta-pwa--home-page .block-page-title-block {
  background: url(/themes/action_canada/assets/img/acta-logo.svg) right -25% top/50% no-repeat, url(/themes/action_canada/assets/img/acta-logo.svg) right 10% bottom -20%/27% no-repeat, url(/themes/action_canada/assets/img/acta-logo.svg) center left 10%/27% no-repeat, #e26f54; }
  @media screen and (min-width: 550px) {
    body.acta-pwa.acta-pwa--home-page .block-page-title-block {
      background: url(/themes/action_canada/assets/img/acta-logo.svg) top right -25%/50% no-repeat, url(/themes/action_canada/assets/img/acta-logo.svg) top left 10%/27% no-repeat, #e26f54; } }
  body.acta-pwa.acta-pwa--home-page .block-page-title-block::before {
    content: url(/themes/action_canada/assets/img/icon-info.svg);
    align-self: center; }

#pwaInstallBtnTarget {
  display: inline-flex; }

.block-pwa-add-to-home-screen {
  padding: 0 !important; }
  .block-pwa-add-to-home-screen .button--primary {
    border: none;
    border-radius: 3px;
    margin-bottom: 0; }
  .block-pwa-add-to-home-screen .button--dummy {
    pointer-events: none;
    background-color: #3D4752; }

.pwa-a2hs-active.show + .button--dummy {
  display: none; }