/* Self-hosted replacements for components GoDaddy rendered with JavaScript,
   plus responsive fixes. Loaded after the original GoDaddy stylesheets. */

html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
img { max-width: 100%; }

/* long citation URLs must wrap on small screens */
.x p a, .x p span { overflow-wrap: anywhere; word-break: break-word; }

/* desktop nav items were revealed by GoDaddy's NavOverflow script */
[id$="-navBarId"] li { visibility: visible !important; }

/* mobile navigation drawer (HeaderHamburger) */
html.gd-nav-open, html.gd-nav-open body { overflow: hidden; }
[data-ux="NavigationDrawer"].is-open { max-width: 100% !important; width: 100%; }
[data-ux="NavigationDrawer"] [data-close] { cursor: pointer; }

/* responsive video embeds (LazyVideo) */
.gd-embed { position: relative; width: 100%; height: 0; overflow: hidden; background: #000; }
.gd-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
[data-ux="EmbedVideo"] { width: 100%; }

/* gallery (Gallery2) */
.gd-gallery { padding: 56px 24px; }
.gd-gallery__grid {
  display: grid; gap: 16px; max-width: 1280px; margin: 0 auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gd-gallery__item { margin: 0; aspect-ratio: 1 / 1; overflow: hidden; }
.gd-gallery__item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.gd-gallery__item:hover img { transform: scale(1.04); }

/* blog list (BlogRouter3) and single article pages */
.gd-blog { display: grid; gap: 24px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); text-align: left; }
.gd-blog__card { border: 1px solid rgb(226, 226, 226); padding: 24px; background: #fff; display: flex; flex-direction: column; }
.gd-blog__card h4 a { color: inherit; text-decoration: none; }
.gd-blog__card h4 a:hover { text-decoration: underline; }
.gd-blog__more { margin-top: auto; padding-top: 16px; }
.gd-blog__date { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: rgb(94, 94, 94); margin: 0 0 8px; }
.gd-article { max-width: 760px; margin: 0 auto; text-align: left; }
.gd-article__title { font-size: 28px; margin: 0 0 16px; color: rgb(27, 27, 27); }
.gd-article__back { margin-top: 32px; }
.gd-article__back a { color: rgb(70, 103, 109); }

/* messaging bubble now links to the contact page */
.gd-msg-link { color: inherit; display: inline-block; }

/* form feedback */
.gd-form-msg { padding: 16px; margin: 0 0 16px; border-left: 4px solid rgb(70, 103, 109); background: rgba(70, 103, 109, .08); font-family: inherit; }
.gd-form-msg.is-error { border-left-color: #b00020; background: rgba(176, 0, 32, .06); }

@media (max-width: 1023px) {
  .gd-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .gd-gallery { padding: 32px 16px; }
  .gd-gallery__grid { gap: 8px; }
  .gd-article__title { font-size: 22px; }
  /* stack the subscribe input + button */
  [data-ux="InputGroup"] { flex-wrap: wrap; }
  [data-ux="InputGroup"] > * { flex: 1 1 100%; margin-right: 0 !important; }
  [data-ux="InputGroup"] button { margin-top: 12px; width: 100%; }
  iframe { max-width: 100%; }
}