/* Shim for preserved Yola/EditMySite pages whose original CSS no longer loads. */

#header,
#navigation,
#footer,
#wsite-menus,
#customer-accounts-app,
.wsite-search,
.wsite-nav-vertical {
  display: none !important;
}

html, body {
  margin: 0;
  padding: 0;
  background: #faf7f2;
  color: #1a1a1a;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.65;
  font-size: 17px;
}

#back-to-site {
  position: sticky;
  top: 0;
  z-index: 100;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  padding: 12px 20px;
  font: 500 14px/1.2 -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}
#back-to-site a {
  color: #7a1818;
  text-decoration: none;
}
#back-to-site a:hover { text-decoration: underline; }

.wsite-header {
  height: 260px;
  background-size: cover !important;
  background-position: center !important;
  background-color: #1a1a1a;
  margin: 0 0 24px;
}

#wsite-content,
.wsite-elements.wsite-not-footer {
  max-width: 780px;
  margin: 0 auto;
  padding: 8px 24px 64px;
  box-sizing: border-box;
}

#wsite-content h1,
#wsite-content h2,
#wsite-content h3,
#wsite-content .wsite-content-title {
  font-family: Georgia, "Times New Roman", serif;
  color: #1a1a1a;
  line-height: 1.25;
  margin: 1.6em 0 0.5em;
}
#wsite-content h2 { font-size: 1.75rem; }
#wsite-content h3 { font-size: 1.35rem; }

#wsite-content p { margin: 0 0 1em; }

#wsite-content a { color: #7a1818; }

#wsite-content img,
.wsite-image img,
.imageWrapper img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1em auto;
  border-radius: 4px;
}

#wsite-content table {
  max-width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
}
#wsite-content td, #wsite-content th {
  padding: 6px 10px;
  border: 1px solid #e5e5e5;
  vertical-align: top;
}

#wsite-content hr {
  border: none;
  border-top: 1px solid #e5e5e5;
  margin: 2em 0;
}

#wsite-content iframe,
#wsite-content embed,
#wsite-content object {
  max-width: 100%;
}

/* Hide any residual search/login fragments */
.wsite-search-element-form,
.wsite-login-container,
.wsite-social { display: none !important; }

@media (max-width: 640px) {
  html, body { font-size: 16px; }
  .wsite-header { height: 180px; }
  #wsite-content { padding: 4px 16px 48px; }
}