/* googlecalendar.php (/google-calendar-docs-digital-signage): styles carried over from the previous page,
   scoped to .lp-google-calendar-docs-digital-signage so they only apply to this page's content. */

/* Rules this page used from the old template (Bootstrap, main.css) */
.lp-google-calendar-docs-digital-signage .btn {--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: inherit;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family: inherit;font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
.lp-google-calendar-docs-digital-signage .btn {transition:none}
}
.lp-google-calendar-docs-digital-signage .btn:hover {color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}
.lp-google-calendar-docs-digital-signage .btn:focus-visible {color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}
.lp-google-calendar-docs-digital-signage .btn:first-child:active {color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}
.lp-google-calendar-docs-digital-signage .btn:first-child:active:focus-visible {box-shadow:var(--bs-btn-focus-box-shadow)}
.lp-google-calendar-docs-digital-signage .btn:disabled,
.lp-google-calendar-docs-digital-signage fieldset:disabled .btn {color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}
.lp-google-calendar-docs-digital-signage .btn-primary {--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}
.lp-google-calendar-docs-digital-signage .card {--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}
.lp-google-calendar-docs-digital-signage .card>hr {margin-right:0;margin-left:0}
.lp-google-calendar-docs-digital-signage .btn:focus {
  text-decoration: none;
  outline: none;
  outline: none !important;
  border-color: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.lp-google-calendar-docs-digital-signage blockquote .icon i {
  font-size: 32px;
  color: #cbd3ff;
  display: block;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
.lp-google-calendar-docs-digital-signage blockquote .icon i {
    margin-bottom: 15px;
  }
}
.lp-google-calendar-docs-digital-signage .faq {
  padding-bottom: 80px;
  background-color: #F4F7FA;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.lp-google-calendar-docs-digital-signage .faq {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
.lp-google-calendar-docs-digital-signage .faq {
    padding-bottom: 30px;
  }
}

/* The page's own styles */
.lp-google-calendar-docs-digital-signage {
      --purple:#6b3cc9; --purple-dark:#4b2696; --purple-soft:#f3edff;
      --blue:#57b7ff; --blue-soft:#eef8ff;
      --ink:#101828; --muted:#5c6678; --line:#ddd8e9;
      --alt:#faf8ff; --green:#0e8a5f; --max:1180px;
    }
.lp-google-calendar-docs-digital-signage * {box-sizing:border-box}
.lp-google-calendar-docs-digital-signage {margin:0;font-family: inherit;color:var(--ink);line-height:1.55;background:#fff}
.lp-google-calendar-docs-digital-signage a {text-decoration:none}
.lp-google-calendar-docs-digital-signage .wrap {max-width:var(--max);margin:auto;padding:0 24px}
.lp-google-calendar-docs-digital-signage .hero {background:linear-gradient(180deg,#f4efff 0%,#eef8ff 55%,#fff 100%);padding:72px 0 58px;border-bottom:1px solid var(--line)}
.lp-google-calendar-docs-digital-signage .hero-grid {display:grid;grid-template-columns:1.04fr .96fr;gap:48px;align-items:center}
.lp-google-calendar-docs-digital-signage .eyebrow {display:inline-block;background:#eadfff;color:var(--purple-dark);border-radius:999px;padding:7px 12px;font-size:14px;font-weight:800;letter-spacing:.02em;margin-bottom:16px}
.lp-google-calendar-docs-digital-signage h1 {margin:0 0 18px;font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.04em}
.lp-google-calendar-docs-digital-signage .hero p {margin:0 0 26px;color:var(--muted);font-size:21px;max-width:720px}
.lp-google-calendar-docs-digital-signage .buttons {display:flex;gap:12px;flex-wrap:wrap}
.lp-google-calendar-docs-digital-signage .btn {display:inline-block;padding:13px 20px;border-radius:10px;font-weight:800;border:1px solid transparent}
.lp-google-calendar-docs-digital-signage .btn-primary {background:var(--purple);color:#fff}
.lp-google-calendar-docs-digital-signage .btn-primary:hover {background:var(--purple-dark)}
.lp-google-calendar-docs-digital-signage .btn-secondary {background:#fff;color:var(--purple-dark);border-color:#cbbbea}
.lp-google-calendar-docs-digital-signage .micro {margin-top:14px;color:#6e7787;font-size:14px}
.lp-google-calendar-docs-digital-signage .demo {background:#fff;border:1px solid #dcd5ea;border-radius:18px;box-shadow:0 26px 70px rgba(65,37,120,.14);overflow:hidden}
.lp-google-calendar-docs-digital-signage .demo-top {padding:14px 18px;background:#fbfaff;border-bottom:1px solid #ebe6f2;display:flex;justify-content:space-between;font-size:14px;font-weight:700;color:#51456f}
.lp-google-calendar-docs-digital-signage .demo-body {padding:18px;background:#f7f8fb;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lp-google-calendar-docs-digital-signage .panel {background:#fff;border:1px solid #e2e5ea;border-radius:14px;padding:15px}
.lp-google-calendar-docs-digital-signage .panel h3 {margin:0 0 12px;font-size:17px}
.lp-google-calendar-docs-digital-signage .calendar {display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.lp-google-calendar-docs-digital-signage .event {padding:10px;border-radius:9px;background:#f0e9ff;color:#5a2da9;font-size:12px;font-weight:800}
.lp-google-calendar-docs-digital-signage .event.blue {background:#eaf6ff;color:#17659f}
.lp-google-calendar-docs-digital-signage .event.green {background:#e9f8f2;color:#0e7754}
.lp-google-calendar-docs-digital-signage .doc {
      background:linear-gradient(180deg,#fff,#fbfbfd);
      border:1px solid #e5e7eb;border-radius:10px;padding:16px;min-height:240px
    }
.lp-google-calendar-docs-digital-signage .doc-title {font-size:21px;font-weight:900;margin-bottom:12px}
.lp-google-calendar-docs-digital-signage .line {height:8px;background:#e9edf2;border-radius:5px;margin:8px 0}
.lp-google-calendar-docs-digital-signage .line.short {width:65%}
.lp-google-calendar-docs-digital-signage .line.mid {width:82%}
.lp-google-calendar-docs-digital-signage .doc-note {margin-top:18px;padding:12px;border-radius:9px;background:#f5efff;color:#4b2696;font-size:13px;font-weight:700}
.lp-google-calendar-docs-digital-signage section {padding:72px 0}
.lp-google-calendar-docs-digital-signage .alt {background:var(--alt)}
.lp-google-calendar-docs-digital-signage h2 {font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.025em;margin:0 0 12px}
.lp-google-calendar-docs-digital-signage .section-head {max-width:810px;margin-bottom:30px}
.lp-google-calendar-docs-digital-signage .section-head p {margin:0;color:var(--muted);font-size:18px}
.lp-google-calendar-docs-digital-signage .grid-3 {display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lp-google-calendar-docs-digital-signage .grid-2 {display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.lp-google-calendar-docs-digital-signage .card {background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.lp-google-calendar-docs-digital-signage .card h3 {margin:0 0 8px;font-size:20px}
.lp-google-calendar-docs-digital-signage .card p {margin:0;color:var(--muted)}
.lp-google-calendar-docs-digital-signage .icon {width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--purple-soft);color:var(--purple-dark);font-weight:900;margin-bottom:15px}
.lp-google-calendar-docs-digital-signage .callout {border:1px solid #dacaf6;background:linear-gradient(90deg,#f5efff,#eff8ff);color:#3e2d64;border-radius:18px;padding:24px;margin-top:26px;font-size:18px}
.lp-google-calendar-docs-digital-signage .callout strong {color:var(--purple-dark)}
.lp-google-calendar-docs-digital-signage .platforms {display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.lp-google-calendar-docs-digital-signage .tag {background:#fff;border:1px solid #cfc6df;border-radius:999px;padding:8px 12px;font-weight:700;color:#463d56;font-size:14px}
.lp-google-calendar-docs-digital-signage .steps {counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lp-google-calendar-docs-digital-signage .step {background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.lp-google-calendar-docs-digital-signage .step:before {counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--purple);color:#fff;font-weight:900;margin-bottom:12px}
.lp-google-calendar-docs-digital-signage .step h3 {margin:0 0 7px;font-size:18px}
.lp-google-calendar-docs-digital-signage .step p {margin:0;color:var(--muted);font-size:15px}
.lp-google-calendar-docs-digital-signage .checklist {display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px}
.lp-google-calendar-docs-digital-signage .check {display:flex;gap:10px;align-items:flex-start;color:#344054}
.lp-google-calendar-docs-digital-signage .check b {color:var(--green)}
.lp-google-calendar-docs-digital-signage .faq {display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lp-google-calendar-docs-digital-signage .cta {background:linear-gradient(135deg,#4b2696,#6541bb 62%,#2c6ca4);color:#fff;border-radius:22px;padding:42px;display:flex;justify-content:space-between;gap:30px;align-items:center}
.lp-google-calendar-docs-digital-signage .cta p {margin:0;color:#e7ddfb;max-width:740px}
.lp-google-calendar-docs-digital-signage .cta h2 {margin-bottom:8px}
@media(max-width:900px) {
.lp-google-calendar-docs-digital-signage .hero-grid,
.lp-google-calendar-docs-digital-signage .grid-3,
.lp-google-calendar-docs-digital-signage .grid-2,
.lp-google-calendar-docs-digital-signage .steps,
.lp-google-calendar-docs-digital-signage .checklist,
.lp-google-calendar-docs-digital-signage .faq,
.lp-google-calendar-docs-digital-signage .demo-body {grid-template-columns:1fr}
.lp-google-calendar-docs-digital-signage .cta {display:block}
.lp-google-calendar-docs-digital-signage .cta .buttons {margin-top:22px}
}