/* --- personal-site-code-blocks --- */
body article pre,
body .entry-content pre,
body .post-content pre,
body .article-content pre,
body .page-content pre,
body .wp-block-code {
  display: block;
  position: relative;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;
  max-width: 100%;
  margin: 1.6rem 0;
  padding: 3.65rem 1.15rem 1.15rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: #30343d;
  color: #e8edf2;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 16px 34px rgba(23, 34, 51, 0.16);
  font-family: "SFMono-Regular", "Menlo", "Monaco", "Consolas", monospace;
  -webkit-overflow-scrolling: touch;
}

body .wp-block-code pre {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.site-code-block__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  min-height: 2.5rem;
  padding: 0.55rem 0.9rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px 8px 0 0;
  background: #3b404a;
  color: #b8c0cc;
  font-family: "Avenir Next", "Helvetica Neue", "Segoe UI", sans-serif;
}

.site-code-block__toolbar > * {
  min-width: 0;
}

.site-code-block__lang,
.site-code-block__env {
  display: inline-flex;
  align-items: center;
  min-height: 1.8rem;
  max-width: 100%;
  padding: 0.18rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.site-code-block__lang {
  color: #ffffff;
}

.site-code-block__env {
  color: #c6ced9;
}

.site-code-block__copy {
  margin-left: auto;
  min-height: 1.9rem;
  max-width: 100%;
  padding: 0.22rem 0.62rem;
  border: 1px solid rgba(130, 216, 232, 0.4);
  border-radius: 8px;
  background: rgba(130, 216, 232, 0.1);
  color: #d6f6fb;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.1;
  cursor: pointer;
}

.site-code-block__copy:hover,
.site-code-block__copy:focus-visible {
  background: rgba(130, 216, 232, 0.2);
}

body article pre code,
body .entry-content pre code,
body .post-content pre code,
body .article-content pre code,
body .page-content pre code,
body .wp-block-code code {
  display: block;
  width: max-content;
  min-width: max-content;
  max-width: none;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-family: "SFMono-Regular", "Menlo", "Monaco", "Consolas", monospace;
  font-size: 0.92rem;
  line-height: 1.65;
  tab-size: 2;
  white-space: pre;
}

body .entry-content :not(pre) > code,
body .post-content :not(pre) > code,
body .article-content :not(pre) > code,
body .page-content :not(pre) > code,
body article :not(pre) > code {
  padding: 0.08rem 0.32rem;
  border: 1px solid rgba(32, 79, 117, 0.16);
  border-radius: 6px;
  background: rgba(32, 79, 117, 0.08);
  color: #173f5f;
  font-family: "SFMono-Regular", "Menlo", "Monaco", "Consolas", monospace;
  font-size: 0.92em;
  white-space: normal;
}

body pre code .syntax-comment {
  color: #9aa4b2;
  font-style: italic;
}

body pre code .syntax-string {
  color: #a7d08c;
}

body pre code .syntax-number {
  color: #c7a6ff;
}

body pre code .syntax-keyword {
  color: #ffcc66;
}

body pre code .syntax-builtin {
  color: #f78fb3;
}

body pre code .syntax-function {
  color: #82d8e8;
}

body pre code .syntax-operator {
  color: #f1a97a;
}

@media (max-width: 720px) {
  .site-code-block__toolbar {
    align-items: stretch;
    gap: 0.35rem;
  }

  .site-code-block__lang,
  .site-code-block__env {
    width: 100%;
    justify-content: flex-start;
  }

  .site-code-block__copy {
    width: 100%;
    margin-left: 0;
  }
}

/* --- personal-site-experience --- */
.site-experience {
  --experience-ink: #172233;
  --experience-muted: #5f6876;
  --experience-line: rgba(23, 34, 51, 0.14);
  --experience-line-strong: rgba(23, 34, 51, 0.26);
  --experience-panel: rgba(255, 255, 255, 0.82);
  --experience-accent: #1f5b69;
  --experience-accent-strong: #153f49;
  --experience-good: #2f6f5e;
  width: 100%;
  max-width: 100%;
  margin: 0 auto 3rem;
  color: var(--experience-ink);
  font-family: "Avenir Next", "Helvetica Neue", "Segoe UI", sans-serif;
  letter-spacing: 0;
}

.site-experience * {
  box-sizing: border-box;
  letter-spacing: 0;
}

body.single-post article.hentry .article-inner,
body.single-post .main .entry-content,
body.single-post .main .entry-content > *,
body.page .main .entry-content > *,
body.single-post .main .entry-content img,
body.single-post .main .entry-content svg,
body.single-post .main .entry-content video,
body.single-post .main .entry-content iframe,
body.single-post .main .entry-content table,
.site-experience-article,
.site-experience__article-body,
.site-experience,
.site-experience-card,
.site-experience__compare-column {
  max-width: 100%;
  min-width: 0;
}

body.single-post .main .entry-content > *,
body.page .main .entry-content > * {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: auto;
  margin-left: auto;
}

body.single-post article.hentry,
body.page article.hentry,
body.single-post article.hentry .article-inner,
body.page article.hentry .article-inner,
body.single-post .main,
body.page .main,
body.single-post .main .entry-content,
body.page .main .entry-content {
  box-sizing: border-box;
}

body:not(.bravada-landing-page) #container {
  width: min(80vw, 1600px) !important;
  max-width: min(80vw, 1600px) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body:not(.bravada-landing-page) #container.two-columns-right,
body:not(.bravada-landing-page) #container.two-columns-left,
body:not(.bravada-landing-page) #container.three-columns-right,
body:not(.bravada-landing-page) #container.three-columns-left,
body:not(.bravada-landing-page) #container.three-columns-sided {
  display: block !important;
}

body:not(.bravada-landing-page) #container #primary.widget-area.sidey,
body:not(.bravada-landing-page) #container #secondary.widget-area.sidey {
  display: none !important;
  float: none !important;
  width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

body:not(.bravada-landing-page) #container.one-column .main,
body:not(.bravada-landing-page) #container .main,
body:not(.bravada-landing-page) #container.two-columns-right #main.main,
body:not(.bravada-landing-page) #container.two-columns-left #main.main,
body:not(.bravada-landing-page) #container.three-columns-right #main.main,
body:not(.bravada-landing-page) #container.three-columns-left #main.main,
body:not(.bravada-landing-page) #container.three-columns-sided #main.main {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body:not(.bravada-landing-page) article.hentry,
body:not(.bravada-landing-page) article.hentry .article-inner {
  width: 100% !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.single-post .main .entry-content,
body.page .main .entry-content {
  width: 100%;
  padding-right: clamp(1.25rem, 4vw, 3.5rem);
  padding-left: clamp(1.25rem, 4vw, 3.5rem);
  overflow-x: visible;
}

@media (max-width: 720px) {
  body:not(.bravada-landing-page) #container {
    width: calc(100vw - 1rem) !important;
    max-width: calc(100vw - 1rem) !important;
  }

  body.single-post .main .entry-content,
  body.page .main .entry-content {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

.bravada-landing-page #lp-boxes-1 .lp-box-image {
  background: linear-gradient(135deg, #123c4a 0%, #1f7a78 52%, #e9b44c 100%) !important;
}

.bravada-landing-page #lp-boxes-1 .lp-box:nth-child(2) .lp-box-image {
  background: linear-gradient(135deg, #172233 0%, #2f6f5e 58%, #f2c46d 100%) !important;
}

.bravada-landing-page #lp-boxes-1 .lp-box:nth-child(3) .lp-box-image {
  background: linear-gradient(135deg, #233047 0%, #1f5b69 56%, #d89f3a 100%) !important;
}

.bravada-landing-page #lp-boxes-1 .lp-box:nth-child(4) .lp-box-image {
  background: linear-gradient(135deg, #163028 0%, #0f8b8d 54%, #e9b44c 100%) !important;
}

.bravada-landing-page #lp-boxes-1 .lp-box-image::before {
  content: "ARTICLE";
  width: auto;
  height: auto;
  inset: auto;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
  font-family: "Avenir Next", "Helvetica Neue", "Segoe UI", sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.16em;
  color: rgba(255, 255, 255, 0.86);
  padding: 0.65rem 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 999px;
  background: rgba(10, 20, 28, 0.18);
}

.bravada-landing-page #lp-boxes-1 .lp-box-title a,
.bravada-landing-page #lp-boxes-1 .lp-box-readmore {
  position: relative;
  z-index: 25;
}

.bravada-landing-page #lp-boxes-1 .lp-box-title a {
  color: inherit;
  text-decoration: none;
}

.bravada-landing-page #lp-boxes-1 .lp-box-title a:hover,
.bravada-landing-page #lp-boxes-1 .lp-box-title a:focus {
  color: #0f8b8d;
}

body.single-post .main .entry-content h1,
body.single-post .main .entry-content h2,
body.single-post .main .entry-content h3,
body.single-post .main .entry-content h4,
body.single-post .main .entry-content h5,
body.single-post .main .entry-content h6,
body.single-post .main .entry-content p,
body.single-post .main .entry-content li,
body.single-post .main .entry-content blockquote,
body.single-post .main .entry-content figcaption,
body.single-post .main .entry-content td,
body.single-post .main .entry-content th,
body.single-post .main .entry-content a,
.site-experience__meta > span,
.site-experience__tags li,
.site-experience-card h3,
.site-experience-card h3 a,
.site-experience-card--home-growth strong,
.site-experience-card--home-growth em,
.site-experience-card p,
.site-experience__compare-header h2,
.site-experience__compare-header a,
.site-experience__context-header h2,
.site-experience__context-header p,
.site-experience__timeline-list li span,
.site-experience__text-link {
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.single-post .main .entry-content pre,
body.single-post .main .entry-content .wp-block-code {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
}

body.single-post .main .entry-content table {
  display: block;
  overflow-x: auto;
}

.site-experience__hero,
.site-experience__group,
.site-experience__project,
.site-experience__home-growth-panel,
.site-experience--toc,
.site-experience--run-panel,
.site-experience--post-meta,
.site-experience--related-links,
.site-experience--article-faq,
.site-experience--article-context {
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: var(--experience-panel);
  box-shadow: 0 14px 38px rgba(23, 34, 51, 0.06);
}

.site-experience__hero {
  display: grid;
  gap: 0.7rem;
  padding: 2rem;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(232, 239, 236, 0.88)),
    #fbfcfb;
}

.site-experience__hero h1,
.site-experience__project-main h2,
.site-experience__group-header h2,
.site-experience__context-header h2 {
  margin: 0;
  color: var(--experience-ink);
  font-size: 2.1rem;
  font-weight: 650;
  line-height: 1.08;
}

.site-experience__hero p,
.site-experience__group-header p,
.site-experience__project-main p,
.site-experience-card p,
.site-experience__context-header p,
.site-experience__empty,
.site-experience--run-panel p,
.site-experience__run-details dd {
  margin: 0;
  color: var(--experience-muted);
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  font-size: 1rem;
}

.site-experience__kicker,
.site-experience-card__header p,
.site-experience-card--link span,
.site-experience-card--note span {
  margin: 0;
  color: var(--experience-muted);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.site-experience__group,
.site-experience__project {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
  padding: 1.4rem;
}

.site-experience__prose {
  display: grid;
  gap: 0.75rem;
  max-width: 78ch;
}

.site-experience__prose p {
  margin: 0;
  color: var(--experience-ink);
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  font-size: 1rem;
  line-height: 1.72;
}

.site-experience--homepage-growth {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
}

.site-experience__home-growth-hero {
  margin-bottom: 0;
}

.site-experience__home-growth-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.site-experience__home-growth-panel {
  display: grid;
  align-content: start;
  gap: 1rem;
  min-width: 0;
  padding: 1.1rem;
}

.site-experience__home-growth-panel h3 {
  margin: 0;
  color: var(--experience-ink);
  font-size: 1.22rem;
  line-height: 1.2;
}

.site-experience__home-growth-links,
.site-experience__faq-list {
  display: grid;
  gap: 0.7rem;
}

.site-experience-card--home-growth {
  gap: 0.45rem;
  padding: 0.9rem;
}

.site-experience-card--home-growth span {
  color: var(--experience-accent);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.site-experience-card--home-growth strong {
  color: var(--experience-ink);
  font-size: 1rem;
  line-height: 1.25;
}

.site-experience-card--home-growth em {
  color: var(--experience-muted);
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  font-size: 0.94rem;
  font-style: normal;
  line-height: 1.45;
}

.site-experience__group-header,
.site-experience__project-main,
.site-experience__context-header {
  display: grid;
  gap: 0.65rem;
}

.site-experience__count {
  display: inline-flex;
  width: fit-content;
  padding: 0.32rem 0.58rem;
  border: 1px solid rgba(31, 91, 105, 0.18);
  border-radius: 8px;
  background: rgba(31, 91, 105, 0.08);
  color: var(--experience-accent);
  font-size: 0.86rem;
  font-weight: 700;
}

.site-experience__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.site-experience-card {
  display: grid;
  gap: 0.65rem;
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
}

.site-experience-card h3 {
  margin: 0;
  color: var(--experience-ink);
  font-size: 1.18rem;
  font-weight: 650;
  line-height: 1.25;
}

.site-experience-card h3 a,
.site-experience-card--link,
.site-experience__text-link {
  color: var(--experience-ink);
  text-decoration: none;
}

.site-experience-card h3 a:hover,
.site-experience-card h3 a:focus-visible,
.site-experience-card--link:hover strong,
.site-experience-card--link:focus-visible strong,
.site-experience__text-link:hover,
.site-experience__text-link:focus-visible {
  color: var(--experience-accent);
}

.site-experience-card--nav {
  text-decoration: none;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.site-experience-card--nav:hover,
.site-experience-card--nav:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(31, 91, 105, 0.34);
  box-shadow: 0 16px 32px rgba(23, 34, 51, 0.1);
}

.site-experience-card--nav.is-current {
  border-color: rgba(31, 91, 105, 0.42);
  background: rgba(31, 91, 105, 0.08);
}

.site-experience--nav-index .site-experience__group {
  margin-top: 1.1rem;
}

.site-experience__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.site-experience__meta > span,
.site-experience__tags li {
  display: inline-flex;
  align-items: center;
  min-height: 1.85rem;
  padding: 0.28rem 0.52rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--experience-ink);
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;
}

.site-experience__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-experience__project {
  grid-template-columns: minmax(0, 1.35fr) minmax(16rem, 0.65fr);
}

.site-experience__project-section {
  grid-column: 1 / -1;
  display: grid;
  gap: 0.8rem;
}

.site-experience__project-section h3,
.site-experience__project-side h3,
.site-experience__context-resources h3 {
  margin: 0;
  color: var(--experience-ink);
  font-size: 1.15rem;
}

.site-experience__project-side {
  display: grid;
  gap: 0.65rem;
  align-content: start;
  padding: 1rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: rgba(31, 91, 105, 0.06);
}

.site-experience__project-side ul {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding-left: 1.15rem;
}

.site-experience__button,
.site-experience__filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 2.5rem;
  padding: 0.68rem 0.9rem;
  border-radius: 8px;
  font-size: 0.92rem;
  font-weight: 750;
  line-height: 1.1;
  text-decoration: none;
  cursor: pointer;
  transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.site-experience__button {
  border: 1px solid var(--experience-accent);
  background: var(--experience-accent);
  color: #fff;
}

.site-experience__button:hover,
.site-experience__button:focus-visible {
  transform: translateY(-1px);
  border-color: var(--experience-accent-strong);
  background: var(--experience-accent-strong);
  color: #fff;
}

.site-experience__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin: 1rem 0;
}

.site-experience__filter {
  border: 1px solid var(--experience-line-strong);
  background: rgba(255, 255, 255, 0.78);
  color: var(--experience-ink);
}

.site-experience__filter.is-active {
  border-color: var(--experience-accent);
  background: rgba(31, 91, 105, 0.1);
  color: var(--experience-accent);
}

.site-experience-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  align-items: center;
}

.site-experience__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  align-items: center;
  margin: 0;
}

.site-experience__share-url {
  display: block;
  overflow-x: auto;
  max-width: 100%;
  padding: 0.72rem 0.8rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--experience-accent-strong);
  font-size: 0.9rem;
  white-space: nowrap;
}

.site-experience__share-platforms {
  padding-top: 0.15rem;
}

.site-experience__cards--animations {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}

.site-experience-card--animation {
  gap: 1rem;
}

.site-experience-card__media {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid rgba(16, 20, 24, 0.16);
  border-radius: 8px;
  background: #0b1117;
}

.site-experience__animation-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #0b1117;
}

.site-experience__animation-video[data-site-animation-loaded="true"] {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.site-experience--post-meta,
.site-experience--toc,
.site-experience--run-panel,
.site-experience--related-links,
.site-experience--article-faq,
.site-experience--article-context {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1.1rem;
}

.site-experience--post-meta {
  display: grid;
  gap: 0.6rem;
}

.site-experience--toc {
  display: grid;
  gap: 0.8rem;
}

.site-experience__toc-header {
  display: grid;
  gap: 0.55rem;
}

.site-experience__toc-progress {
  overflow: hidden;
  height: 0.44rem;
  border-radius: 8px;
  background: rgba(23, 34, 51, 0.1);
}

.site-experience__toc-progress span,
.site-reading-progress span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--experience-accent), var(--experience-good));
  transition: width 120ms linear;
}

.site-experience--toc ol {
  display: grid;
  gap: 0.32rem;
  margin: 0;
  padding-left: 1.2rem;
}

.site-experience--toc a {
  color: var(--experience-ink);
  text-decoration: none;
}

.site-experience--toc a.is-active,
.site-experience--toc a:hover,
.site-experience--toc a:focus-visible {
  color: var(--experience-accent);
}

.site-experience__toc-level-3 {
  margin-left: 0.8rem;
}

.site-reading-progress {
  --experience-accent: #1f5b69;
  --experience-good: #2f6f5e;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 0.22rem;
  background: transparent;
  pointer-events: none;
}

.site-reading-progress span {
  border-radius: 0;
}

.site-experience--run-panel {
  display: grid;
  gap: 0.8rem;
}

.site-experience__command-group {
  display: grid;
  gap: 0.55rem;
}

.site-experience__command-group h2 {
  margin: 0;
  color: var(--experience-ink);
  font-size: 1rem;
}

.site-experience__command-group ul {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-experience__command-group code {
  display: block;
  overflow-x: auto;
  max-width: 100%;
  padding: 0.7rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: #15202b;
  color: #f8fafc;
  font-size: 0.9rem;
}

.site-experience__run-details {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0.35rem 0.8rem;
  margin: 0;
}

.site-experience__run-details dt {
  color: var(--experience-ink);
  font-weight: 800;
}

.site-experience__context-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
  margin-top: 1rem;
}

.site-experience-card--link,
.site-experience-card--note {
  align-content: start;
}

.site-experience-card--link strong,
.site-experience-card--note strong {
  color: var(--experience-ink);
  font-size: 1rem;
  line-height: 1.25;
}

.site-experience__context-resources {
  display: grid;
  gap: 0.8rem;
  margin-top: 1rem;
}

.site-experience--comments-slot {
  width: 100%;
  max-width: 100%;
  margin: 1rem 0 0;
}

.site-experience--comments-slot .comments-shell {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.site-experience-card[hidden],
.site-experience__empty[hidden] {
  display: none;
}

@media (max-width: 820px) {
  .site-experience__cards,
  .site-experience__project,
  .site-experience__home-growth-grid,
  .site-experience__context-grid {
    grid-template-columns: 1fr;
  }

  .site-experience__hero {
    padding: 1.25rem;
  }

  .site-experience__hero h1,
  .site-experience__project-main h2,
  .site-experience__group-header h2,
  .site-experience__context-header h2 {
    font-size: 1.62rem;
  }

  .site-experience__run-details {
    grid-template-columns: 1fr;
  }

  .site-experience__button,
  .site-experience__filter,
  .site-experience-card__actions a {
    width: 100%;
  }
}

.site-experience__button--ghost {
  border: 1px solid var(--experience-line-strong);
  background: rgba(255, 255, 255, 0.82);
  color: var(--experience-ink);
}

.site-experience__button--ghost:hover,
.site-experience__button--ghost:focus-visible {
  background: rgba(31, 91, 105, 0.1);
  color: var(--experience-accent);
}

.site-experience__inline-actions,
.site-experience__article-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  align-items: center;
}

.site-experience__article-tools {
  margin-top: 0.35rem;
}

.site-experience-card--context {
  gap: 1rem;
}

.site-experience__smart-next {
  display: grid;
  gap: 0.7rem;
}

.site-experience__timeline {
  display: grid;
  gap: 0.9rem;
  padding: 1rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
}

.site-experience__timeline h3 {
  margin: 0;
  font-size: 1.15rem;
}

.site-experience__timeline-sections,
.site-experience__timeline-section {
  display: grid;
  gap: 0.8rem;
}

.site-experience__timeline-list {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding-left: 1.15rem;
}

.site-experience__timeline-list li {
  display: grid;
  gap: 0.2rem;
}

.site-experience__timeline-list li.is-current {
  color: var(--experience-accent);
  font-weight: 700;
}

.site-experience__timeline-list li span {
  color: var(--experience-muted);
  font-size: 0.9rem;
}

.site-experience__context-timeline {
  margin-top: 1rem;
}

.site-experience__run-checklist {
  display: grid;
  gap: 0.75rem;
  margin-top: 1rem;
}

.site-experience__run-checklist-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.site-experience__run-checklist-list {
  display: grid;
  gap: 0.7rem;
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.site-experience__run-checklist-list li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.7rem;
  align-items: start;
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
}

.site-experience__run-checklist-list li.is-complete {
  border-color: rgba(47, 111, 94, 0.28);
  background: rgba(47, 111, 94, 0.08);
}

.site-experience__run-checklist-list strong {
  display: block;
  margin-bottom: 0.28rem;
  font-size: 0.85rem;
}

.site-experience__run-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  min-height: 2rem;
  padding: 0;
  border: 1px solid var(--experience-line-strong);
  border-radius: 8px;
  background: #fff;
  color: var(--experience-accent);
}

.site-experience__run-checklist-list code {
  white-space: pre-wrap;
  word-break: break-word;
}

.site-experience-article {
  display: grid;
  gap: 1rem;
  justify-items: stretch;
}

.site-experience__article-body {
  width: 100%;
  max-width: 880px;
  min-width: 0;
  margin-right: auto;
  margin-left: auto;
}

.site-experience__article-body[hidden],
.site-experience--compare[hidden] {
  display: none !important;
}

.site-experience--compare {
  padding: 1.25rem;
}

.site-experience__compare-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.site-experience__compare-column {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
}

.site-experience__compare-header {
  display: grid;
  gap: 0.45rem;
  margin-bottom: 1rem;
}

.site-experience__compare-header h2 {
  margin: 0;
  font-size: 1.3rem;
}

.site-experience__glossary-term {
  position: relative;
  display: inline-flex;
  vertical-align: baseline;
}

.site-experience__glossary-button {
  display: inline-flex;
  align-items: center;
  padding: 0 0.1rem;
  border: 0;
  border-bottom: 1px dotted rgba(31, 91, 105, 0.48);
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.site-experience__glossary-popover {
  position: absolute;
  left: 0;
  top: calc(100% + 0.45rem);
  z-index: 40;
  display: none;
  width: min(18rem, 80vw);
  padding: 0.8rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(23, 34, 51, 0.16);
  color: var(--experience-ink);
}

.site-experience__glossary-popover strong,
.site-experience__glossary-popover span,
.site-experience__glossary-popover a {
  display: block;
}

.site-experience__glossary-popover span {
  margin-top: 0.35rem;
  color: var(--experience-muted);
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
}

.site-experience__glossary-popover a {
  margin-top: 0.55rem;
  color: var(--experience-accent);
  text-decoration: none;
}

.site-experience__glossary-term:hover .site-experience__glossary-popover,
.site-experience__glossary-term.is-open .site-experience__glossary-popover {
  display: block;
}

.site-experience--playground,
.site-experience--knowledge-map,
.site-experience--llm-visualizer {
  display: grid;
  gap: 1rem;
}

.site-experience__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.site-experience__tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0.68rem 0.95rem;
  border: 1px solid var(--experience-line-strong);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--experience-ink);
  font-size: 0.92rem;
  font-weight: 750;
}

.site-experience__tab.is-active {
  border-color: var(--experience-accent);
  background: rgba(31, 91, 105, 0.08);
  color: var(--experience-accent);
}

.site-experience__tab-panel {
  display: none;
}

.site-experience__tab-panel.is-active {
  display: block;
}

.site-experience__playground-grid,
.site-experience__llm-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(16rem, 0.55fr);
  gap: 1rem;
}

.site-experience__map-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}

.site-experience__playground-stage,
.site-experience__playground-side,
.site-experience__llm-input,
.site-experience__llm-stage,
.site-experience__llm-side,
.site-experience__map-canvas,
.site-experience__map-detail {
  padding: 1rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
}

.site-experience__llm-input {
  display: grid;
  gap: 1rem;
}

.site-experience__llm-demo {
  display: grid;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(232, 247, 249, 0.82), rgba(255, 255, 255, 0.86)),
    rgba(255, 255, 255, 0.82);
}

.site-experience__llm-pipeline {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.65rem;
}

.site-experience__llm-pipeline-step {
  display: grid;
  gap: 0.35rem;
  min-height: 7.8rem;
  padding: 0.8rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
  color: var(--experience-ink);
  text-align: left;
}

.site-experience__llm-pipeline-step strong {
  color: var(--experience-accent-strong);
  font-size: 0.95rem;
}

.site-experience__llm-pipeline-step span {
  color: var(--experience-muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.site-experience__llm-pipeline-step.is-active {
  border-color: var(--experience-accent);
  background: rgba(31, 91, 105, 0.11);
  box-shadow: inset 0 0 0 2px rgba(31, 91, 105, 0.08);
}

.site-experience__llm-samples {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.site-experience__llm-prompt {
  display: grid;
  gap: 0.45rem;
  font-weight: 750;
}

.site-experience__llm-prompt textarea {
  width: 100%;
  min-height: 6rem;
  padding: 0.85rem;
  border: 1px solid var(--experience-line-strong);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--experience-ink);
  font: inherit;
  line-height: 1.5;
  resize: vertical;
}

.site-experience__llm-stage,
.site-experience__llm-side {
  display: grid;
  align-content: start;
  gap: 0.9rem;
  min-width: 0;
}

.site-experience__llm-side h2 {
  margin: 0;
  color: var(--experience-ink);
  font-size: 1.2rem;
  line-height: 1.25;
}

.site-experience__llm-side p {
  margin: 0;
  color: var(--experience-muted);
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
}

.site-experience__llm-token-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.site-experience__llm-token {
  display: grid;
  gap: 0.18rem;
  min-width: 4.8rem;
  padding: 0.55rem 0.62rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--experience-ink);
  text-align: left;
}

.site-experience__llm-token.is-active {
  border-color: var(--experience-accent);
  background: rgba(31, 91, 105, 0.1);
}

.site-experience__llm-token strong,
.site-experience__llm-token span {
  overflow-wrap: anywhere;
}

.site-experience__llm-token span {
  color: var(--experience-muted);
  font-size: 0.78rem;
  font-weight: 750;
}

.site-experience__llm-window,
.site-experience__llm-generated,
.site-experience__llm-kv-summary {
  padding: 0.8rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: rgba(31, 91, 105, 0.08);
  color: var(--experience-accent-strong);
  font-weight: 750;
}

.site-experience__llm-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
}

.site-experience__llm-stat {
  display: grid;
  gap: 0.2rem;
  padding: 0.7rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
}

.site-experience__llm-stat span,
.site-experience__llm-mini-title {
  margin: 0;
  color: var(--experience-muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.site-experience__llm-stat strong {
  color: var(--experience-ink);
  font-size: 1.05rem;
}

.site-experience__llm-projection,
.site-experience__llm-flow,
.site-experience__llm-cost {
  display: grid;
  gap: 0.65rem;
}

.site-experience__llm-projection-graph {
  position: relative;
  min-height: 18rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background:
    linear-gradient(rgba(31, 91, 105, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(31, 91, 105, 0.08) 1px, transparent 1px),
    rgba(255, 255, 255, 0.78);
  background-size: 20% 20%;
  overflow: hidden;
}

.site-experience__llm-projection-dot {
  position: absolute;
  transform: translate(-50%, -50%);
  max-width: 8rem;
  padding: 0.38rem 0.55rem;
  border: 1px solid rgba(31, 91, 105, 0.28);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--experience-ink);
  font-size: 0.78rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.site-experience__llm-projection-dot.is-active {
  border-color: var(--experience-accent);
  background: rgba(31, 91, 105, 0.16);
}

.site-experience__llm-similarity,
.site-experience__llm-flow-bars {
  display: grid;
  gap: 0.4rem;
}

.site-experience__llm-bar-row,
.site-experience__llm-cost-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(5.5rem, 1fr) minmax(6rem, 1.4fr) auto;
  gap: 0.55rem;
  align-items: center;
  min-height: 2.45rem;
  padding: 0.5rem 0.6rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--experience-ink);
  text-align: left;
}

.site-experience__llm-bar-row i,
.site-experience__llm-cost-row i,
.site-experience__llm-candidate i {
  display: block;
  height: 0.68rem;
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(31, 91, 105, 0.88), rgba(47, 111, 94, 0.72));
}

.site-experience__llm-bar-row.is-active {
  border-color: var(--experience-accent);
  background: rgba(31, 91, 105, 0.1);
}

.site-experience__llm-flow-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
}

.site-experience__llm-flow-chip {
  min-height: 2.4rem;
  padding: 0.45rem 0.62rem;
  border: 1px solid rgba(31, 91, 105, 0.28);
  border-radius: 8px;
  background: rgba(31, 91, 105, var(--attention-weight, 0.08));
  color: var(--experience-ink);
  font-weight: 800;
}

.site-experience__llm-flow-chip.is-query {
  border-color: var(--experience-accent);
  background: rgba(31, 91, 105, 0.2);
}

.site-experience__llm-matrix {
  display: grid;
  gap: 0.35rem;
  max-width: 100%;
  overflow-x: auto;
  padding-bottom: 0.25rem;
  -webkit-overflow-scrolling: touch;
}

.site-experience__llm-matrix-row {
  display: grid;
  grid-auto-columns: minmax(4.2rem, auto);
  grid-auto-flow: column;
  gap: 0.28rem;
  width: max-content;
  min-width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}

.site-experience__llm-matrix-row--header {
  font-weight: 800;
}

.site-experience__llm-attention-row {
  cursor: pointer;
}

.site-experience__llm-attention-row.is-active .site-experience__llm-matrix-label,
.site-experience__llm-attention-row:hover .site-experience__llm-matrix-label {
  border-color: var(--experience-accent);
  color: var(--experience-accent);
}

.site-experience__llm-matrix-label,
.site-experience__llm-matrix-cell {
  min-height: 2.35rem;
  padding: 0.48rem 0.55rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  color: var(--experience-ink);
  font-size: 0.82rem;
  font-weight: 750;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.site-experience__llm-matrix-label {
  background: rgba(255, 255, 255, 0.86);
}

.site-experience__llm-matrix-cell {
  text-align: center;
}

.site-experience__llm-qkv {
  display: grid;
  gap: 0.4rem;
}

.site-experience__llm-qkv code {
  display: block;
  overflow-x: auto;
  max-width: 100%;
  padding: 0.55rem;
  border-radius: 8px;
  background: #15202b;
  color: #f8fafc;
}

.site-experience__llm-candidates,
.site-experience__llm-kv-steps {
  display: grid;
  gap: 0.55rem;
}

.site-experience__llm-candidates {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.site-experience__llm-candidate,
.site-experience__llm-kv-row {
  display: grid;
  grid-template-columns: minmax(4.5rem, 0.75fr) minmax(0, 1fr);
  gap: 0.6rem;
  align-items: center;
  padding: 0.68rem;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
}

.site-experience__llm-candidate.is-kept {
  border-color: rgba(31, 91, 105, 0.36);
  background: rgba(31, 91, 105, 0.09);
}

.site-experience__llm-candidate span {
  display: grid;
  gap: 0.28rem;
}

.site-experience__llm-candidate b {
  color: var(--experience-muted);
  font-size: 0.78rem;
}

.site-experience__llm-candidate em {
  grid-column: 1 / -1;
  color: var(--experience-muted);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 800;
}

.site-experience__llm-kv-row {
  grid-template-columns: minmax(4rem, 0.5fr) minmax(0, 1fr) minmax(0, 1fr);
  font-size: 0.86rem;
}

.site-experience__llm-kv-row.is-new {
  border-color: rgba(47, 111, 94, 0.36);
}

.site-experience__playground-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-bottom: 1rem;
}

.site-experience__playground-toolbar label {
  display: grid;
  gap: 0.35rem;
  min-width: 0;
  font-size: 0.88rem;
  font-weight: 700;
}

.site-experience__playground-toolbar input,
.site-experience__playground-toolbar select {
  min-width: 10rem;
}

.site-experience__board {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  width: min(100%, 34rem);
  margin: 0 auto;
  aspect-ratio: 1;
  border: 1px solid var(--experience-line-strong);
  border-radius: 8px;
  overflow: hidden;
}

.site-experience__board-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  font-size: 1.35rem;
  font-weight: 700;
}

.site-experience__board-cell.is-light {
  background: #f7f8f6;
}

.site-experience__board-cell.is-dark {
  background: #d4dedb;
}

.site-experience__board-cell.has-queen {
  color: var(--experience-accent-strong);
}

.site-experience__board-cell.is-current-row {
  outline: 2px solid rgba(31, 91, 105, 0.45);
  outline-offset: -2px;
}

.site-experience__playground-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  justify-content: center;
  margin-top: 1rem;
}

.site-experience__digit-board {
  display: grid;
  grid-template-columns: repeat(28, minmax(0, 1fr));
  width: min(100%, 34rem);
  margin: 0 auto;
  aspect-ratio: 1;
  border: 1px solid var(--experience-line-strong);
  border-radius: 8px;
  overflow: hidden;
  background: #eef3f5;
  touch-action: none;
  user-select: none;
}

.site-experience__digit-cell {
  min-height: 0;
  border-right: 1px solid rgba(23, 34, 51, 0.05);
  border-bottom: 1px solid rgba(23, 34, 51, 0.05);
  background: rgba(31, 91, 105, var(--digit-ink, 0));
}

.site-experience__digit-probabilities {
  display: grid;
  gap: 0.45rem;
}

.site-experience__digit-probability {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) 3.6rem;
  gap: 0.55rem;
  align-items: center;
}

.site-experience__digit-probability-label {
  font-weight: 800;
  color: var(--experience-accent-strong);
  text-align: center;
}

.site-experience__digit-probability-meter {
  display: block;
  position: relative;
  height: 0.7rem;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(23, 34, 51, 0.08);
}

.site-experience__digit-probability-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--experience-accent) 0%, var(--experience-accent-strong) 100%);
}

.site-experience__stat-list,
.site-experience__centroid-list,
.site-experience__map-meta {
  display: grid;
  gap: 0.45rem;
}

.site-experience__stat-list p,
.site-experience__centroid-list p,
.site-experience__map-meta dd,
.site-experience__map-meta dt {
  margin: 0;
}

.site-experience__plot {
  width: 100%;
  min-height: 22rem;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(235, 240, 237, 0.92));
}

.site-experience__media-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
}

.site-experience__media-grid img {
  width: 100%;
  height: auto;
  border: 1px solid var(--experience-line);
  border-radius: 8px;
  background: #fff;
}

.site-experience__map-canvas {
  position: relative;
  height: clamp(32rem, 46vw, 42rem);
  min-height: 32rem;
  overflow: hidden;
  cursor: grab;
  touch-action: none;
  user-select: none;
}

.site-experience__map-canvas.is-dragging {
  cursor: grabbing;
}

.site-experience__map-stage {
  position: relative;
  min-width: 120rem;
  min-height: 70rem;
  transform-origin: 0 0;
  will-change: transform;
}

.site-experience__map-controls {
  position: absolute;
  z-index: 4;
  top: 0.75rem;
  left: 0.75rem;
  right: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  pointer-events: none;
}

.site-experience__map-controls span {
  max-width: min(25rem, 70%);
  padding: 0.45rem 0.62rem;
  border: 1px solid rgba(156, 166, 179, 0.58);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--experience-muted);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.25;
  box-shadow: 0 10px 28px rgba(23, 34, 51, 0.1);
}

.site-experience__map-control {
  pointer-events: auto;
  padding: 0.45rem 0.65rem;
  border: 1px solid rgba(31, 91, 105, 0.3);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.95);
  color: var(--experience-accent);
  font-size: 0.72rem;
  font-weight: 800;
  box-shadow: 0 10px 28px rgba(23, 34, 51, 0.1);
}

.site-experience__map-lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.site-experience__map-lines line {
  stroke: rgba(23, 34, 51, 0.18);
  stroke-width: 0.4;
}

.site-experience__map-lines line.is-active {
  stroke: rgba(31, 91, 105, 0.66);
}

.site-experience__map-nodes {
  position: absolute;
  inset: 0;
}

.site-experience__map-node {
  position: absolute;
  transform: translate(-50%, -50%);
  width: max-content;
  min-width: 4.9rem;
  max-width: 8.4rem;
  padding: 0.42rem 0.48rem;
  border: 1px solid var(--experience-line-strong);
  border-radius: 8px;
  background: #fff;
  color: var(--experience-ink);
  box-shadow: 0 10px 26px rgba(23, 34, 51, 0.1);
  font-size: 0.74rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
}

.site-experience__map-node.is-map-hidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0.84);
}

.site-experience__map-node[data-node-type="project"],
.site-experience__map-node[data-node-type="learning_path"],
.site-experience__map-node[data-node-type="tool"] {
  max-width: 8.8rem;
  min-width: 6rem;
  font-size: 0.78rem;
}

.site-experience__map-node[data-node-type="resource"] {
  max-width: 7.4rem;
  font-size: 0.68rem;
  font-weight: 650;
}

.site-experience__map-node.is-active {
  border-color: var(--experience-accent);
  background: rgba(31, 91, 105, 0.12);
  color: var(--experience-accent);
}

.site-experience__map-node.is-related {
  border-color: rgba(31, 91, 105, 0.28);
}

.site-experience__map-links {
  margin: 1rem 0;
}

.site-experience__map-neighbors ul {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding-left: 1.15rem;
}

.site-experience__map-neighbor-button {
  appearance: none;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--experience-accent);
  font: inherit;
  font-weight: 700;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 0.16em;
  cursor: pointer;
}

.site-experience__map-detail {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(12rem, 0.45fr);
  align-items: start;
  gap: 0.7rem 1rem;
}

.site-experience__map-detail > .site-experience__kicker,
.site-experience__map-detail > h2,
.site-experience__map-detail > p {
  grid-column: 1;
}

.site-experience__map-detail .site-experience__map-meta,
.site-experience__map-detail .site-experience__map-links,
.site-experience__map-detail .site-experience__map-neighbors {
  grid-column: 2;
}

.site-experience--knowledge-map.is-stacked .site-experience__map-lines {
  display: none;
}

.site-experience--knowledge-map.is-stacked .site-experience__map-canvas {
  min-height: 0;
  overflow: visible;
  cursor: auto;
  touch-action: auto;
}

.site-experience--knowledge-map.is-stacked .site-experience__map-stage {
  min-width: 0;
  min-height: 0;
}

.site-experience--knowledge-map.is-stacked .site-experience__map-nodes {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
}

.site-experience--knowledge-map.is-stacked .site-experience__map-node {
  position: static;
  transform: none;
  width: 100%;
  max-width: none;
  min-height: 4.1rem;
}

nav#mobile-menu {
  box-sizing: border-box;
  height: 100vh;
  overflow: hidden !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  justify-content: center;
  align-items: center;
  background:
    linear-gradient(180deg, rgba(214, 240, 252, 0.18), rgba(214, 240, 252, 0.08)),
    #e7f7ff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.24s ease, visibility 0.24s ease;
}

body.admin-bar nav#mobile-menu {
  height: calc(100vh - 32px);
}

nav#mobile-menu.burgermenu-active {
  background:
    linear-gradient(180deg, rgba(214, 240, 252, 0.18), rgba(214, 240, 252, 0.08)),
    center / cover no-repeat url("https://www.haotianblog.com/wp-content/mu-plugins/mobile-menu-waterfall-960.webp");
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

nav#mobile-menu .structured-mobile-menu.side-menu.side-section {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  width: min(28rem, calc(100% - 1.5rem));
  min-width: 0;
  max-width: none;
  max-height: calc(100vh - 1.5rem);
  margin: 0 auto;
  padding: calc(env(safe-area-inset-top, 0px) + 3.8rem) 1rem calc(env(safe-area-inset-bottom, 0px) + 1.1rem);
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid rgba(16, 18, 20, 0.16);
  border-radius: 8px;
  background: rgba(154, 214, 244, 0.1);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transform: translateY(1rem) scale(0.98);
  transition: transform 0.28s ease;
  scrollbar-width: thin;
  scrollbar-color: rgba(16, 18, 20, 0.34) transparent;
}

nav#mobile-menu.burgermenu-active .structured-mobile-menu {
  transform: translateY(0) scale(1);
}

nav#mobile-menu .structured-mobile-menu__intro {
  margin-bottom: 1rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(16, 18, 20, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.16);
}

nav#mobile-menu .structured-mobile-menu__eyebrow {
  margin: 0 0 0.4rem;
  color: #111111;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

nav#mobile-menu .structured-mobile-menu__title {
  margin: 0;
  color: #111111;
  font-size: clamp(1.4rem, 4.8vw, 1.8rem);
  line-height: 1.1;
}

nav#mobile-menu .structured-mobile-menu__current {
  margin: 0.55rem 0 0;
  color: rgba(17, 17, 17, 0.78);
  font-size: 0.95rem;
  line-height: 1.45;
}

nav#mobile-menu .structured-mobile-menu__current strong {
  color: #111111;
}

nav#mobile-menu .structured-mobile-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

nav#mobile-menu .structured-mobile-nav ul {
  list-style: none;
}

nav#mobile-menu .structured-mobile-nav > li {
  margin-bottom: 0.95rem;
  padding: 0.9rem;
  border: 1px solid rgba(16, 18, 20, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.18);
}

nav#mobile-menu .structured-mobile-nav > li:last-child {
  margin-bottom: 0;
}

@media (min-width: 980px) {
  nav#mobile-menu {
    padding: 0.75rem;
  }

  nav#mobile-menu .structured-mobile-menu.side-menu.side-section {
    display: grid;
    grid-template-rows: auto auto;
    width: min(85vw, 110rem);
    min-width: min(85vw, 110rem);
    max-width: min(85vw, 110rem);
    height: auto;
    min-height: 0;
    max-height: 85vh;
    padding: calc(env(safe-area-inset-top, 0px) + 1.25rem) 1.5rem calc(env(safe-area-inset-bottom, 0px) + 1.15rem);
    overflow-x: hidden;
    overflow-y: auto;
  }

  nav#mobile-menu ul#mobile-nav.structured-mobile-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: auto;
    gap: 1rem 1.15rem;
    height: auto;
    align-items: start;
    align-content: start;
    min-height: 0;
  }

  nav#mobile-menu ul#mobile-nav.structured-mobile-nav > li {
    display: grid;
    grid-template-rows: auto 1fr;
    margin-bottom: 0;
    min-height: auto;
    padding: 1rem 1rem 0.95rem;
    align-self: start;
  }

  nav#mobile-menu ul#mobile-nav.structured-mobile-nav > li > ul.sub-menu {
    display: grid;
    gap: 0.6rem;
    align-content: start;
  }

  nav#mobile-menu ul#mobile-nav.structured-mobile-nav > li > ul.sub-menu > li {
    margin-bottom: 0;
  }

  nav#mobile-menu ul#mobile-nav.structured-mobile-nav > li > ul.sub-menu > li > a {
    min-height: 4.4rem;
    padding: 0.9rem 1rem;
    font-size: 1.08rem;
  }

  nav#mobile-menu .structured-mobile-menu__intro {
    margin-bottom: 0.9rem;
    padding: 0.95rem 1rem;
  }

  nav#mobile-menu .structured-mobile-menu__title {
    font-size: 2.8rem;
  }

  nav#mobile-menu .structured-mobile-menu__current {
    font-size: 1rem;
  }

  nav#mobile-menu .structured-mobile-menu__heading {
    margin-bottom: 0.8rem;
    font-size: 0.88rem;
  }
}

nav#mobile-menu .structured-mobile-menu__heading {
  display: block;
  margin: 0 0 0.85rem;
  color: #111111;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

nav#mobile-menu .structured-mobile-nav > li.current_page_ancestor > .structured-mobile-menu__heading,
nav#mobile-menu .structured-mobile-nav > li.current-menu-ancestor > .structured-mobile-menu__heading {
  color: #111111;
}

nav#mobile-menu .structured-mobile-nav > li > ul.sub-menu {
  display: block;
  height: auto !important;
  max-height: none !important;
  margin: 0;
  opacity: 1 !important;
  overflow: visible !important;
  padding: 0;
  border-left: 0;
}

nav#mobile-menu .structured-mobile-nav > li > ul.sub-menu > li {
  margin-bottom: 0.55rem;
}

nav#mobile-menu .structured-mobile-nav > li > ul.sub-menu > li:last-child {
  margin-bottom: 0;
}

nav#mobile-menu ul#mobile-nav.structured-mobile-nav > li > ul.sub-menu > li > a {
  display: flex;
  align-items: center;
  width: 100%;
  margin-right: 0;
  min-height: 3.15rem;
  padding: 0.75rem 0.9rem;
  color: #111111;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  border: 1px solid rgba(16, 18, 20, 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.28);
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

nav#mobile-menu ul#mobile-nav.structured-mobile-nav > li > ul.sub-menu > li > a span {
  display: block;
  width: 100%;
}

nav#mobile-menu ul#mobile-nav.structured-mobile-nav > li > ul.sub-menu > li > a:hover,
nav#mobile-menu ul#mobile-nav.structured-mobile-nav > li > ul.sub-menu > li > a:focus-visible {
  color: #111111;
  background: rgba(255, 255, 255, 0.42);
  border-color: rgba(16, 18, 20, 0.18);
  transform: translateX(-2px);
}

nav#mobile-menu ul#mobile-nav.structured-mobile-nav > li > ul.sub-menu li.current_page_item > a,
nav#mobile-menu ul#mobile-nav.structured-mobile-nav > li > ul.sub-menu li.current-menu-item > a {
  color: #111111;
  background: rgba(255, 255, 255, 0.46);
  border-color: rgba(16, 18, 20, 0.22);
}

nav#mobile-menu .side-socials.side-section {
  display: none;
}

nav#mobile-menu .structured-mobile-menu::-webkit-scrollbar {
  width: 6px;
}

nav#mobile-menu .structured-mobile-menu::-webkit-scrollbar-thumb {
  background: rgba(16, 18, 20, 0.34);
  border-radius: 999px;
}

body.site-focus-mode #masthead,
body.site-focus-mode #nav-below,
body.site-focus-mode #footer,
body.site-focus-mode #secondary,
body.site-focus-mode .author-container,
body.site-focus-mode .byline,
body.site-focus-mode .entry-meta.beforetitle-meta,
body.site-focus-mode .entry-meta.aftertitle-meta,
body.site-focus-mode #header-image-main,
body.site-focus-mode #colophon-inside,
body.site-focus-mode #toTop {
  display: none !important;
}

body.site-focus-mode .site-header,
body.site-focus-mode .site-footer,
body.site-focus-mode .single-shell__footer,
body.site-focus-mode .single-shell__comments {
  display: none !important;
}

body.site-focus-mode #container,
body.site-focus-mode #content,
body.site-focus-mode #main,
body.site-focus-mode article.hentry,
body.site-focus-mode article.hentry .article-inner,
body.site-focus-mode .entry-content {
  float: none !important;
  width: min(960px, calc(100% - 1.5rem)) !important;
  max-width: min(960px, calc(100% - 1.5rem)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.site-focus-mode .site-main,
body.site-focus-mode .single-shell,
body.site-focus-mode .single-shell__header,
body.site-focus-mode .single-shell__body {
  width: min(960px, calc(100% - 1.5rem)) !important;
  max-width: min(960px, calc(100% - 1.5rem)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.site-focus-mode #content {
  padding-top: 1rem;
}

body.site-focus-mode .site-main {
  padding-top: 1rem;
}

body.site-focus-mode .single-shell__body {
  padding: clamp(1.25rem, 3vw, 2rem);
}

#branding {
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.75rem;
}

#branding #site-text {
  top: auto !important;
  transform: none !important;
  margin: 0 !important;
}

#branding #site-title {
  margin: 0 !important;
}

#branding .identity {
  display: flex;
  align-items: center;
  min-width: 0;
}

#branding a.personal-site-language-switcher {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.55rem;
  min-height: 2rem;
  padding: 0.34rem 0.62rem;
  border: 1px solid rgba(16, 18, 20, 0.14);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.84);
  color: #111111;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(16, 18, 20, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

#branding a.personal-site-language-switcher:hover,
#branding a.personal-site-language-switcher:focus-visible {
  background: rgba(214, 240, 252, 0.9);
  color: #111111;
  text-decoration: none;
}

nav#mobile-menu .structured-mobile-menu__title {
  overflow-wrap: anywhere;
}

@media (min-width: 821px) {
  #access ul#top-nav,
  #access .top-nav,
  ul#top-nav {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #access ul#top-nav > li,
  #access .top-nav > li,
  ul#top-nav > li {
    display: block;
    float: none !important;
  }

  #access ul#top-nav > li > a,
  #access .top-nav > li > a,
  ul#top-nav > li > a {
    white-space: nowrap;
  }

  html[lang^="en"] #access {
    min-width: 0;
  }

  html[lang^="en"] #access ul#top-nav,
  html[lang^="en"] #access .top-nav,
  html[lang^="en"] ul#top-nav {
    flex-wrap: nowrap !important;
    justify-content: flex-end;
    min-width: 0 !important;
  }

  html[lang^="en"] #access ul#top-nav > li > a,
  html[lang^="en"] #access .top-nav > li > a,
  html[lang^="en"] ul#top-nav > li > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 75px;
    padding-left: clamp(0.5rem, 0.9vw, 1.05rem) !important;
    padding-right: clamp(0.5rem, 0.9vw, 1.05rem) !important;
    font-size: clamp(0.82rem, 0.95vw, 0.95rem) !important;
    line-height: 1.2;
    letter-spacing: 0;
  }
}

@media (min-width: 821px) and (max-width: 960px) {
  html[lang^="en"] #access,
  html[lang^="en"] #top-nav {
    display: none !important;
  }
}

@media (max-width: 960px) {
  .site-experience__compare-grid,
  .site-experience__playground-grid,
  .site-experience__llm-layout,
  .site-experience__map-detail {
    grid-template-columns: 1fr;
  }

  .site-experience__llm-pipeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-experience__map-canvas {
    height: 32rem;
    min-height: 30rem;
  }

  .site-experience__map-detail > .site-experience__kicker,
  .site-experience__map-detail > h2,
  .site-experience__map-detail > p,
  .site-experience__map-detail .site-experience__map-meta,
  .site-experience__map-detail .site-experience__map-links,
  .site-experience__map-detail .site-experience__map-neighbors {
    grid-column: 1;
  }
}

@media (max-width: 720px) {
  .site-experience__media-grid {
    grid-template-columns: 1fr;
  }

  .site-experience__board,
  .site-experience__digit-board {
    width: 100%;
  }

  .site-experience__llm-candidate,
  .site-experience__llm-kv-row,
  .site-experience__llm-bar-row,
  .site-experience__llm-cost-row {
    grid-template-columns: 1fr;
  }

  .site-experience__llm-candidates {
    grid-template-columns: 1fr;
  }

  .site-experience__llm-stats,
  .site-experience__llm-pipeline {
    grid-template-columns: 1fr;
  }

  .site-experience__llm-projection-graph {
    min-height: 15rem;
  }

  .site-experience__map-node {
    max-width: 7.8rem;
    font-size: 0.74rem;
  }

  .site-experience__map-controls {
    align-items: flex-start;
    flex-direction: column;
  }

  .site-experience__map-controls span {
    max-width: 100%;
  }
}

@media (max-width: 820px) {
  #branding .identity {
    gap: 0.4rem;
  }

  #branding a.personal-site-language-switcher {
    min-width: 2.35rem;
    min-height: 1.85rem;
    padding: 0.28rem 0.48rem;
    font-size: 0.72rem;
  }

  nav#mobile-menu {
    background:
      linear-gradient(180deg, rgba(214, 240, 252, 0.18), rgba(214, 240, 252, 0.08)),
      #e7f7ff;
  }

  nav#mobile-menu.burgermenu-active {
    background:
      linear-gradient(180deg, rgba(214, 240, 252, 0.18), rgba(214, 240, 252, 0.08)),
      center / cover no-repeat url("https://www.haotianblog.com/wp-content/mu-plugins/mobile-menu-waterfall-960.webp");
  }

  #access,
  #top-nav {
    display: none !important;
  }

  .menu-burger {
    display: flex !important;
    float: none !important;
    width: auto !important;
    min-width: 0;
    margin-left: auto;
    align-items: center;
    justify-content: flex-end;
    z-index: 10002;
  }

  .hamburger {
    position: relative;
    top: auto;
    bottom: auto;
    width: 2.9rem;
    height: 2.9rem;
    margin: 0;
    border: 1px solid rgba(16, 18, 20, 0.1);
    border-radius: 8px;
    background: rgba(214, 240, 252, 0.86);
    box-shadow: 0 12px 30px rgba(16, 18, 20, 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .hamburger:hover {
    background: rgba(214, 240, 252, 0.96);
  }

  .hamburger span {
    left: 0.72rem;
    right: 0.72rem;
    width: auto;
    height: 2px;
    background: #111111;
    border-radius: 999px;
  }

  .hamburger span:nth-child(1) {
    top: 0.9rem;
  }

  .hamburger span:nth-child(2) {
    top: 1.4rem;
  }

  .hamburger span:nth-child(3) {
    top: 1.9rem;
  }

  .burgermenu-active .hamburger {
    background: rgba(154, 214, 244, 0.78);
    border-color: rgba(16, 18, 20, 0.18);
  }

  .burgermenu-active .hamburger span {
    background: #111111;
  }

  .burgermenu-active .hamburger span:nth-child(1) {
    top: 0.72rem;
  }

  .burgermenu-active .hamburger span:nth-child(3) {
    top: 2.08rem;
  }

  nav#mobile-menu {
    display: flex !important;
  }
}

@media (max-width: 480px) {
  nav#mobile-menu .structured-mobile-menu {
    width: calc(100% - 1rem);
    max-height: calc(100vh - 1rem);
    padding-top: calc(env(safe-area-inset-top, 0px) + 4.1rem);
  }

  nav#mobile-menu .structured-mobile-menu__intro {
    padding: 0.9rem;
  }

  nav#mobile-menu .structured-mobile-nav > li {
    padding: 0.8rem;
  }
}

/* Global Bravada title animation override. The per-letter yellow motion hurts readability. */
.animated-title,
.animated-title span,
.animated-title .animated-letter,
#header-page-title .animated-letter,
.singular-title .animated-letter,
.staticslider-caption-title .animated-letter {
  animation: none !important;
  color: inherit !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

.animated-title span.cry-double,
.animated-title span.cry-double.animated-letter {
  display: none !important;
}

.animated-title span.cry-single,
.animated-title span.cry-single.animated-letter {
  display: inline !important;
  position: static !important;
}

.personal-site-article-hero {
  margin: 0 0 1.5rem;
}

.personal-site-article-hero img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.personal-site-article-hero figcaption {
  margin-top: 0.55rem;
  color: #4a5568;
  font-size: 0.92rem;
  line-height: 1.6;
  text-align: center;
}

.site-experience--dl-math {
  overflow: hidden;
}

.site-experience--dl-math .site-experience__tabs {
  flex-wrap: wrap;
}

.site-experience__dl-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(240px, 0.65fr);
  gap: 1.2rem;
  align-items: stretch;
}

.site-experience__dl-stage,
.site-experience__dl-side {
  border: 1px solid rgba(31, 41, 55, 0.14);
  border-radius: 8px;
  background: #f7faf9;
  padding: 1rem;
  min-width: 0;
}

.site-experience__dl-side {
  background: #fffdf7;
}

.site-experience__dl-side h3 {
  margin-top: 0;
}

.site-experience__dl-equation {
  margin-bottom: 0.9rem;
  border: 1px solid rgba(31, 41, 55, 0.16);
  border-left: 5px solid #2f8fb8;
  border-radius: 8px;
  background: #eef6f4;
  padding: 0.85rem 1rem;
  color: #13201c;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.site-experience__dl-matrix {
  display: grid;
  grid-template-columns: minmax(82px, 0.8fr) repeat(3, minmax(86px, 1fr));
  gap: 0.45rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}

.site-experience__dl-matrix-head,
.site-experience__dl-matrix-label,
.site-experience__dl-matrix-cell {
  border-radius: 8px;
  padding: 0.65rem;
  white-space: nowrap;
}

.site-experience__dl-matrix-head {
  background: #25313a;
  color: #f5f7f8;
  font-weight: 800;
}

.site-experience__dl-matrix-label {
  background: #e6ece9;
  font-weight: 800;
}

.site-experience__dl-matrix-cell {
  border: 1px solid rgba(31, 41, 55, 0.12);
  background: #ffffff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.site-experience__dl-mini-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 0.9rem;
}

.site-experience__dl-mini-grid > div {
  border: 1px solid rgba(31, 41, 55, 0.12);
  border-radius: 8px;
  background: #ffffff;
  padding: 0.75rem;
}

.site-experience__dl-mini-grid strong,
.site-experience__dl-mini-grid span {
  display: block;
}

.site-experience__dl-mini-grid span {
  margin-top: 0.35rem;
  color: #46515c;
  overflow-wrap: anywhere;
}

.site-experience__dl-plot {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 260px;
  border: 1px solid rgba(31, 41, 55, 0.14);
  border-radius: 8px;
  background: #ffffff;
}

.site-experience__dl-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1rem;
}

.site-experience__dl-legend span {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border: 1px solid rgba(31, 41, 55, 0.12);
  border-radius: 8px;
  background: #ffffff;
  padding: 0.45rem 0.65rem;
  font-weight: 800;
}

.site-experience__dl-legend i {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 4px;
}

.site-experience__dl-conv-grid {
  display: grid;
  gap: 0.45rem;
  max-width: 100%;
}

.site-experience__dl-conv-grid span {
  min-height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(31, 41, 55, 0.13);
  border-radius: 8px;
  background: #ffffff;
  font-weight: 800;
}

.site-experience__dl-conv-grid span.is-active {
  background: #f5d46f;
}

.site-experience__dl-heatmap {
  display: grid;
  grid-template-columns: minmax(58px, 0.7fr) repeat(3, minmax(72px, 1fr));
  gap: 0.5rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}

.site-experience__dl-heatmap-label,
.site-experience__dl-heatmap-cell,
.site-experience__dl-heatmap-empty {
  min-height: 54px;
  display: grid;
  place-items: center;
  border-radius: 8px;
}

.site-experience__dl-heatmap-label {
  background: #25313a;
  color: #f5f7f8;
  font-weight: 800;
}

.site-experience__dl-heatmap-cell {
  border: 1px solid rgba(31, 41, 55, 0.14);
  color: #101418;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-weight: 800;
}

@media (max-width: 820px) {
  .site-experience__dl-layout,
  .site-experience__dl-mini-grid {
    grid-template-columns: 1fr;
  }

  .site-experience__dl-stage,
  .site-experience__dl-side {
    padding: 0.85rem;
  }

  .site-experience__dl-plot {
    min-height: 210px;
  }
}

.site-experience--network {
  overflow: hidden;
}

.site-experience--network .site-experience__tabs {
  flex-wrap: wrap;
}

.site-experience__network-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(230px, 0.65fr);
  gap: 1rem;
}

.site-experience__network-stage,
.site-experience__network-side {
  min-width: 0;
  border: 1px solid rgba(23, 34, 51, 0.14);
  border-radius: 8px;
  background: #f5f8f8;
  padding: 1rem;
}

.site-experience__network-side {
  background: #ffffff;
}

.site-experience__network-side h3 {
  margin: 0 0 0.6rem;
}

.site-experience__network-control {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

.site-experience__network-control input[type="range"] {
  flex: 1 1 160px;
}

.site-experience__network-control input[type="number"] {
  width: min(140px, 100%);
}

.site-experience__network-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(88px, 1fr));
  gap: 0.55rem;
  overflow-x: auto;
}

.site-experience__network-event {
  display: grid;
  gap: 0.32rem;
  min-width: 88px;
  border: 1px solid rgba(23, 34, 51, 0.12);
  border-top: 5px solid #247864;
  border-radius: 8px;
  background: #ffffff;
  padding: 0.65rem;
}

.site-experience__network-event.is-miss {
  border-top-color: #b8514b;
}

.site-experience__network-event span {
  color: var(--experience-muted);
  font-weight: 800;
}

.site-experience__network-event em {
  font-style: normal;
  font-variant-numeric: tabular-nums;
}

.site-experience__network-routes {
  display: grid;
  gap: 0.55rem;
}

.site-experience__network-route {
  min-width: max-content;
  border: 1px solid rgba(23, 34, 51, 0.14);
  border-radius: 6px;
  background: #dbe5e5;
  padding: 0.5rem 0.65rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.site-experience__network-route.is-selected {
  border-color: #1f5b69;
  background: #c9e0df;
  font-weight: 800;
}

.site-experience__network-bars {
  display: flex;
  align-items: end;
  gap: 0.7rem;
  height: 170px;
  border-bottom: 2px solid rgba(23, 34, 51, 0.2);
  padding: 0 0.5rem 0.3rem;
}

.site-experience__network-bar {
  display: grid;
  align-content: space-between;
  justify-items: center;
  flex: 1;
  border-radius: 6px 6px 2px 2px;
  background: #247864;
  color: #ffffff;
  padding: 0.3rem 0.15rem;
  font-weight: 800;
}

.site-experience__network-bar.is-loss {
  background: #b8514b;
}

.site-experience__network-bar small {
  font-size: 0.7rem;
}

.site-experience__network-flights {
  display: grid;
  gap: 0.7rem;
}

.site-experience__network-flight {
  display: flex;
  justify-content: space-between;
  gap: 0.7rem;
  width: 83%;
  border-radius: 8px;
  background: #d6e7e6;
  padding: 0.7rem;
}

.site-experience__network-flight.is-return {
  margin-left: auto;
  background: #e3ecef;
}

.site-experience__network-flight span {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.site-experience__network-waterfall {
  display: grid;
  gap: 0.85rem;
  overflow-x: auto;
}

.site-experience__waterfall-row {
  display: grid;
  grid-template-columns: 112px 1fr 1fr 1fr 72px;
  align-items: center;
  gap: 0.35rem;
  min-width: 470px;
}

.site-experience__waterfall-row span {
  display: grid;
  place-items: center;
  min-width: 24px;
  height: 34px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 0.76rem;
  font-variant-numeric: tabular-nums;
}

.site-experience__waterfall-row .is-dns {
  background: #708c91;
}

.site-experience__waterfall-row .is-connect {
  background: #1f5b69;
}

.site-experience__waterfall-row .is-edge {
  background: #ad6542;
}

.site-experience__waterfall-row em {
  font-style: normal;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
}

@media (max-width: 820px) {
  .site-experience__network-layout {
    grid-template-columns: 1fr;
  }

  .site-experience__network-stage,
  .site-experience__network-side {
    padding: 0.85rem;
  }
}

.personal-site-scroll-cue {
  position: fixed;
  right: calc(env(safe-area-inset-right, 0px) + clamp(0.85rem, 2.5vw, 1.6rem));
  bottom: calc(env(safe-area-inset-bottom, 0px) + clamp(1.1rem, 4vh, 2.6rem));
  z-index: 9996;
  display: inline-grid;
  grid-template-columns: auto 2.35rem;
  align-items: center;
  gap: 0.72rem;
  min-height: 3.3rem;
  padding: 0.72rem 0.82rem 0.72rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.52);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(174, 226, 243, 0.66)),
    rgba(255, 255, 255, 0.78);
  color: #111820;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.22);
  text-decoration: none;
  transform: translate3d(0, 0, 0);
  transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
  -webkit-backdrop-filter: blur(14px) saturate(1.1);
  backdrop-filter: blur(14px) saturate(1.1);
}

.personal-site-scroll-cue:hover,
.personal-site-scroll-cue:focus-visible {
  color: #111820;
  text-decoration: none;
  transform: translate3d(0, -4px, 0);
}

.personal-site-scroll-cue:focus-visible {
  outline: 3px solid rgba(102, 204, 238, 0.72);
  outline-offset: 4px;
}

.personal-site-scroll-cue.is-hidden,
body.burgermenu-active .personal-site-scroll-cue,
body.site-focus-mode .personal-site-scroll-cue {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transform: translate3d(0, 12px, 0);
}

.personal-site-scroll-cue__text {
  display: block;
  color: #111820;
  font-size: 0.94rem;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.personal-site-scroll-cue__motion {
  position: relative;
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border: 1px solid rgba(17, 24, 32, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.42);
  overflow: hidden;
}

.personal-site-scroll-cue__motion::before,
.personal-site-scroll-cue__motion::after {
  content: "";
  position: absolute;
  display: block;
}

.personal-site-scroll-cue__motion::before {
  width: 1px;
  height: 1.2rem;
  top: 0.42rem;
  background: linear-gradient(180deg, rgba(17, 24, 32, 0), rgba(17, 24, 32, 0.75));
  animation: personal-site-scroll-cue-flow 1.55s ease-in-out infinite;
}

.personal-site-scroll-cue__motion::after,
.personal-site-scroll-cue__motion span {
  width: 0.48rem;
  height: 0.48rem;
  border-right: 2px solid #111820;
  border-bottom: 2px solid #111820;
  transform: translateY(0.3rem) rotate(45deg);
}

.personal-site-scroll-cue__motion span {
  opacity: 0.45;
  transform: translateY(-0.28rem) rotate(45deg);
  animation: personal-site-scroll-cue-chevron 1.55s ease-in-out infinite;
}

@keyframes personal-site-scroll-cue-flow {
  0%,
  100% {
    opacity: 0.35;
    transform: translateY(-0.28rem);
  }

  50% {
    opacity: 1;
    transform: translateY(0.16rem);
  }
}

@keyframes personal-site-scroll-cue-chevron {
  0%,
  100% {
    opacity: 0.3;
    transform: translateY(-0.36rem) rotate(45deg);
  }

  50% {
    opacity: 0.9;
    transform: translateY(-0.08rem) rotate(45deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .personal-site-scroll-cue,
  .personal-site-scroll-cue__motion::before,
  .personal-site-scroll-cue__motion span {
    animation: none;
    transition: none;
  }
}

@media (max-width: 640px) {
  .personal-site-scroll-cue {
    right: calc(env(safe-area-inset-right, 0px) + 7rem);
    bottom: calc(env(safe-area-inset-bottom, 0px) + 0.7rem);
    grid-template-columns: auto 2.1rem;
    gap: 0.55rem;
    min-height: 3rem;
    padding: 0.58rem 0.62rem 0.58rem 0.78rem;
  }

  .personal-site-scroll-cue__text {
    font-size: 0.86rem;
  }

  .personal-site-scroll-cue__motion {
    width: 2.1rem;
    height: 2.1rem;
  }
}

.site-experience--nav-index {
  display: grid;
  gap: 0.7rem;
  margin: 1.1rem 0;
}

.site-experience--nav-index .site-experience__hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: none;
}

.site-experience--nav-index .site-experience__hero h1,
.site-experience--nav-index .site-experience__hero h2 {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.18;
}

.site-experience--nav-index .site-experience__kicker {
  flex: 0 0 auto;
}

.site-experience--nav-index .site-experience__group {
  gap: 0.6rem;
  margin-top: 0;
  padding: 0.75rem;
  box-shadow: none;
}

.site-experience--nav-index .site-experience__group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}

.site-experience--nav-index .site-experience__group-header h2 {
  font-size: 1rem;
  line-height: 1.2;
}

.site-experience--nav-index .site-experience__count {
  min-height: auto;
  padding: 0.22rem 0.46rem;
  font-size: 0.78rem;
}

.site-experience--nav-index .site-experience__cards {
  grid-template-columns: repeat(auto-fit, minmax(8.8rem, 1fr));
  gap: 0.42rem;
}

.site-experience--nav-index .site-experience-card--nav {
  gap: 0.22rem;
  padding: 0.5rem 0.6rem;
  box-shadow: none;
}

.site-experience--nav-index .site-experience-card--nav:hover,
.site-experience--nav-index .site-experience-card--nav:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(23, 34, 51, 0.08);
}

.site-experience--nav-index .site-experience-card--nav h3 {
  font-size: 0.95rem;
  line-height: 1.2;
}

.site-experience--nav-index .site-experience__meta {
  gap: 0.24rem;
}

.site-experience--nav-index .site-experience__meta > span {
  min-height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 0.72rem;
  line-height: 1.25;
}

@media (max-width: 640px) {
  .site-experience--nav-index .site-experience__hero,
  .site-experience--nav-index .site-experience__group-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .site-experience--nav-index .site-experience__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* --- personal-site-search --- */
/* 全站搜索框。
 *
 * 视觉直接沿用 /downloads/ 页那个 .download-search-panel：
 * 深色半透明胶囊 + backdrop-filter 模糊 + 金色渐变按钮。
 * 前提是它一定落在 bravada 的深色头图上（挂在 cryout_headerimage_hook 里），
 * 白字才成立——换到浅色背景上会看不清。
 */

.site-search-panel {
  position: relative;
  z-index: 8;
  max-width: 760px;
  margin: 0 auto 2.4rem;
  padding: 0.72rem 0.78rem 0.72rem 1.15rem;
  color: #fff;
  background: linear-gradient(135deg, rgba(13, 24, 37, 0.46) 0%, rgba(16, 34, 51, 0.24) 100%);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  box-shadow: 0 28px 80px rgba(7, 16, 27, 0.34);
  backdrop-filter: blur(16px) saturate(135%);
  -webkit-backdrop-filter: blur(16px) saturate(135%);
}

.site-search-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.02) 100%);
  pointer-events: none;
}

.site-search-panel.is-in-hero {
  width: min(760px, calc(100vw - 3rem));
  margin: 1.45rem auto 0;
  text-align: left;
}

.site-search-panel form {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  margin: 0;
}

.site-search-panel strong {
  display: inline-flex;
  align-items: center;
  font-size: 0.9rem;
  letter-spacing: 0.03em;
  color: #f7fafc;
  white-space: nowrap;
  margin-right: 0.8rem;
  opacity: 0.92;
}

.site-search-row {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  min-width: 0;
}

.site-search-row input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0.82rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 0.98rem;
  box-shadow: inset 0 1px 2px rgba(23, 33, 48, 0.08);
  /* Safari 会给 type=search 套一层自带外观，抹掉才能和按钮对齐 */
  -webkit-appearance: none;
  appearance: none;
}

.site-search-row input[type="search"]::placeholder {
  color: rgba(240, 245, 250, 0.78);
}

.site-search-row input[type="search"]:focus-visible {
  outline: 2px solid rgba(233, 180, 76, 0.9);
  outline-offset: 1px;
}

.site-search-row button {
  flex: 0 0 auto;
  padding: 0.82rem 1.2rem;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #e9b44c 0%, #d49c2d 100%);
  color: #17314d;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.95rem;
  box-shadow: 0 14px 26px rgba(212, 156, 45, 0.28);
}

.site-search-row button:hover,
.site-search-row button:focus-visible {
  filter: brightness(1.06);
}

@media (max-width: 720px) {
  .site-search-panel {
    padding: 0.7rem;
    border-radius: 20px;
  }

  .site-search-panel.is-in-hero {
    width: calc(100vw - 2rem);
    margin-top: 1.1rem;
  }

  /* 窄屏放不下「站内搜索 + 输入框 + 按钮」一行，标签换行到上方 */
  .site-search-panel form {
    display: block;
  }

  .site-search-panel strong {
    display: block;
    margin: 0 0 0.5rem 0.35rem;
    font-size: 0.84rem;
  }

  .site-search-row input[type="search"] {
    padding: 0.72rem 0.9rem;
    font-size: 0.92rem;
  }

  .site-search-row button {
    padding: 0.72rem 1rem;
    font-size: 0.9rem;
  }
}

/* 减动效偏好：backdrop-filter 在低端机上很贵，关掉换成实色 */
@media (prefers-reduced-transparency: reduce) {
  .site-search-panel {
    background: rgba(13, 24, 37, 0.86);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* 「你可能在找」直达卡片。
 *
 * 只在搜索结果页、且查询命中工具词表时出现，紧贴搜索框下方（同一个 hero 里）。
 * 视觉上要比搜索框轻——它是建议不是主功能，不能喧宾夺主。
 */

.site-search-hint {
  position: relative;
  z-index: 8;
  width: min(760px, calc(100vw - 3rem));
  margin: 0.7rem auto 0;
  padding: 0.7rem 1.05rem;
  color: #fff;
  background: rgba(233, 180, 76, 0.14);
  border: 1px solid rgba(233, 180, 76, 0.42);
  border-radius: 18px;
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  text-align: left;
}

.site-search-hint__eyebrow {
  display: block;
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  color: #f2d79a;
  margin-bottom: 0.2rem;
}

.site-search-hint__link {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.25rem 0.6rem;
  color: #fff;
  text-decoration: none;
}

.site-search-hint__link strong {
  font-size: 1.02rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}

.site-search-hint__link span {
  font-size: 0.88rem;
  color: rgba(240, 245, 250, 0.82);
}

.site-search-hint__link:hover strong,
.site-search-hint__link:focus-visible strong {
  border-bottom-color: #e9b44c;
  color: #f7e2b4;
}

@media (max-width: 720px) {
  .site-search-hint {
    width: calc(100vw - 2rem);
    padding: 0.65rem 0.85rem;
    border-radius: 16px;
  }

  .site-search-hint__link {
    flex-direction: column;
    gap: 0.2rem;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .site-search-hint {
    background: rgba(70, 52, 18, 0.9);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* 站内全文检索结果。
 *
 * 插在原生 ?s= 结果列表之前（loop_start），所以在正文区不在 hero 里——
 * 背景是页面底色，不能用上面那套白字玻璃拟态。
 */

.site-index-results {
  margin: 0 0 2rem;
  padding: 1rem 1.2rem 1.1rem;
  border: 1px solid rgba(128, 128, 128, 0.26);
  border-radius: 12px;
}

.site-index-results__title {
  margin: 0 0 0.7rem;
  font-size: 0.95rem;
  letter-spacing: 0.03em;
  opacity: 0.72;
}

.site-index-results__list {
  margin: 0;
  padding-left: 1.3rem;
  display: grid;
  gap: 0.85rem;
}

.site-index-results__list > li {
  line-height: 1.55;
}

.site-index-results__list a {
  font-weight: 600;
}

.site-index-results__crumb {
  margin-left: 0.35rem;
  font-size: 0.85rem;
  opacity: 0.6;
}

.site-index-results__snippet {
  margin: 0.25rem 0 0;
  font-size: 0.88rem;
  line-height: 1.65;
  opacity: 0.82;
}

/* snippet() 的高亮。用底色而不是背景块，避免在深浅两套配色下都难读。 */
.site-index-results__snippet mark {
  background: transparent;
  color: inherit;
  font-weight: 700;
  box-shadow: inset 0 -0.45em 0 rgba(233, 180, 76, 0.32);
}

@media (max-width: 720px) {
  .site-index-results {
    padding: 0.85rem 0.9rem;
    border-radius: 10px;
  }
  .site-index-results__list { padding-left: 1.1rem; }
  .site-index-results__crumb { display: block; margin-left: 0; }
}

/* 站内助手（搜索结果页顶部，按钮触发）。
 * 视觉要比检索结果更轻——它是可选增强，不是主功能。 */

.hb-assist {
  margin: 0 0 1.4rem;
  padding: 0.9rem 1.1rem;
  border: 1px dashed rgba(128, 128, 128, 0.34);
  border-radius: 12px;
}

.hb-assist__btn {
  padding: 0.45rem 1rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.9rem;
  cursor: pointer;
}

.hb-assist__btn:hover:not(:disabled) { background: rgba(233, 180, 76, 0.14); }
.hb-assist__btn:disabled { opacity: 0.55; cursor: default; }

.hb-assist__note {
  margin: 0.55rem 0 0;
  font-size: 0.8rem;
  line-height: 1.6;
  opacity: 0.62;
}

.hb-assist__out {
  margin-top: 0.85rem;
  font-size: 0.92rem;
  line-height: 1.75;
}

.hb-assist__answer {
  margin: 0;
  white-space: pre-wrap;   /* 模型输出的换行要保留，但内容是纯文本 */
}

.hb-assist__src {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 0.9rem;
  margin-top: 0.7rem;
  padding-top: 0.6rem;
  border-top: 1px solid rgba(128, 128, 128, 0.22);
  font-size: 0.84rem;
}

.hb-assist__src > span { opacity: 0.6; }

@media (max-width: 720px) {
  .hb-assist { padding: 0.8rem 0.85rem; }
  .hb-assist__src { flex-direction: column; gap: 0.3rem; }
}

/* ===== 非 hero 挂载点（</header> 之后）的覆盖 =====
 *
 * 玻璃拟态那一版是为深色头图写的，白字。落到页面底色上会看不见，
 * 所以这里统一改成跟随页面配色。
 *
 * **必须排除 .is-in-hero**：首页那一版仍然坐在照片上，需要保留白字和模糊。
 * 早先没加这个 :not()，等于把刚做好的 hero 版又压平了一次。
 *
 * 用 currentColor 而不是写死颜色：站点有深浅两套配色，写死必然在其中一套上出问题。
 */

#content-top-search {
  max-width: 1100px;
  margin: 1.1rem auto 0;
  padding: 0 1.2rem;
}

.site-search-panel:not(.is-in-hero) {
  position: static;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  color: inherit;
  /* 6% / 22% 实测几乎看不见。抬到能形成一个明确的「面」，
     同时和头图下沿拉开距离——原来它正贴着接缝。 */
  /* 底色**要浅**：面板越暗，压在上面的正文色（主题是 #707070）对比度越低。
     实测 12% 混色时标签只有 4.22，达不到 AA 的 4.5。
     「这是一个面」由边框和阴影去表达，不靠加深底色。 */
  background: color-mix(in srgb, canvas 96%, currentColor 4%);
  /* 76% 不是拍脑袋：主题正文色是 #707070，本身对白底才 4.9:1，
     要让边框达到 UI 边界的 3:1，混色比例必须接近实色。
     38% 时实测只有 1.63——面板等于没有轮廓。 */
  border: 1px solid color-mix(in srgb, currentColor 76%, transparent);
  border-radius: 14px;
  margin-top: 1.4rem;
  box-shadow: 0 2px 10px color-mix(in srgb, currentColor 8%, transparent);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* 「站内搜索」这四个字原来是隐形的。
 *
 * hero 版给 `.site-search-panel strong` 写死了 `color: #f7fafc`（近白），
 * 因为它坐在深色照片上。挪到浅色页面后我只改了面板本身的 color: inherit，
 * **漏了这条**——实测前景 rgb(247,250,252) 压在近白底上，对比度 **1.03**。
 * 用户的原话是「搜索框这么不明显」，指的就是这个。
 */
.site-search-panel:not(.is-in-hero) strong {
  color: inherit;
  opacity: 0.85;
}

/* 输入框要看起来像个输入框：自己的底色 + 实边框，不能是透明的一条线 */
.site-search-panel:not(.is-in-hero) input[type="search"] {
  color: inherit;
  background: color-mix(in srgb, canvas 99%, currentColor 1%);
  border: 1px solid color-mix(in srgb, currentColor 76%, transparent);
  box-shadow: none;
}

.site-search-panel:not(.is-in-hero) input[type="search"]:focus-visible {
  border-color: #e9b44c;
  outline: 2px solid color-mix(in srgb, #e9b44c 70%, transparent);
  outline-offset: 1px;
}

.site-search-panel:not(.is-in-hero) input[type="search"]::placeholder {
  /* 占位符不是装饰：它写着「试试：显存计算器、TLS 握手…」，
     是告诉访客这个框能搜什么的唯一提示。62% 时对比度 2.41，太淡。 */
  color: color-mix(in srgb, currentColor 88%, transparent);
}

/* 按钮用站点已有的金色 CTA 语言（主题自带的搜索按钮也是这个金色），
 * 深色字压金底约 8:1。透明按钮读起来是一段文字，不是可点的东西。 */
.site-search-panel:not(.is-in-hero) button {
  color: #1f2933;
  background: #e9b44c;
  border: 1px solid #d99f2e;
  font-weight: 600;
}

.site-search-panel:not(.is-in-hero) button:hover,
.site-search-panel:not(.is-in-hero) button:focus-visible {
  background: #f0c268;
}

.site-search-hint {
  max-width: 640px;
  margin: 0.6rem auto 0;
  color: inherit;
  background: color-mix(in srgb, #e9b44c 12%, transparent);
  border-color: color-mix(in srgb, #e9b44c 40%, transparent);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.site-search-hint__eyebrow { color: inherit; opacity: 0.66; }
.site-search-hint__link,
.site-search-hint__link strong { color: inherit; }
.site-search-hint__link strong { border-bottom-color: color-mix(in srgb, currentColor 40%, transparent); }
.site-search-hint__link span { color: inherit; opacity: 0.75; }

.hb-assist {
  max-width: 640px;
  margin: 0.6rem auto 0;
}

/* 搜索结果页：把整屏头图压矮，而不是收掉。
 *
 * 一开始我用主题自带的 `bravada-metahide-headerimg` 把它归零，结果更糟——
 * 导航条压在了搜索框上。原因在 custom-styles.php:30：
 *
 *     if ( $options['theme_menuposition'] && ! empty( $header_image ) )
 *         $classes[] = 'bravada-over-menu';
 *
 * 有头图才加 over-menu，而 `.bravada-over-menu #site-header-main` 是
 * **绝对定位**的。把头图归零 = 抽掉导航唯一的立足点，它就落到下面的内容上。
 * 头图和导航是绑定的，只能一起留、不能只去其一。
 *
 * 第二版写死 300px 也不对：标题块本身就有 339px，比盒子还高，是溢出居中的，
 * 于是标题往上顶进了导航。
 *
 * 第三版试过 height:auto 让它跟着内容走——**盒子直接塌成 0**。
 * 标题块是绝对定位的，不参与父级高度计算。
 *
 * 第四版写死 430px，在 820–880 这一档翻车：那里导航是**三行**（底边 235px），
 * 标题被压进菜单 35px。导航折几行 CSS 查不到，所以现在由一小段内联脚本
 * 量出真实高度写进 --hb-nav-h（见 personal-site-search.php 的
 * personal_site_search_nav_height），这里跟着变量算。
 *
 * 盒子高度直接取 --hb-head-h（脚本量出的标题块实高 + 24）。
 * 不再用「留白 + 固定值」：标题随关键词长短折 1–3 行，块高是变的，
 * 固定盒子遇到三行标题会上下同时溢出。
 *
 * 配套把 #header-page-title 从垂直居中改成顶部对齐——居中意味着
 * 块高一变，上沿位置就跟着漂，而上沿正是要躲开菜单的那条线。
 * 顶部对齐后标题上沿恒等于 padding-top，与折行数无关。
 *
 * !important 是必须的：撑高度的是 style.css 的 100vh 和一条写死 1080px 的
 * inline <style>，后者排在本文件之后，特异性也更高。
 */
body.search.bravada-cropped-headerimage #masthead #header-image-main-inside {
  height: var(--hb-head-h, 520px) !important;
  min-height: 0 !important;
}

/* 主题给标题块的 `padding-top: 85px` 是按**导航单行 75px** 算的。
 *
 * 但导航会不会折行取决于菜单项总宽和视口宽的关系，不是单调的——
 * 实测 1440 和 1152 是单行（底边 85px），而 1280、1100、1024 折成两行
 * （底边 160px）。所以不能用媒体查询按断点分档，只能按最坏情况留够。
 *
 * 原设计里这个 85px 从来没被考验过：头图原本 900px，内容垂直居中后
 * 标题落在 280px 上下，离导航很远。是我把盒子压矮才把这个假设暴露出来。
 */
/* 选择器必须带上父级 ID：主题那条来自 inline <style> 的
 * `#header-page-title #header-page-title-inside`（两个 ID，特异性 2,0,0）
 * 压得过 `body.search #header-page-title-inside`（1,1,1）。
 * 用等价加权的选择器，不用 !important。 */
body.search #header-page-title {
  align-items: flex-start;
}

body.search #header-page-title #header-page-title-inside {
  padding-top: calc(var(--hb-nav-h, 240px) + 40px);
  padding-bottom: 28px;
}

/* ===== 「直接问 AI」入口 =====
 *
 * 和搜索框同处一条：两者都是「我想找点什么」，并排读起来是一组。
 * 放 hero 的 CTA 行会变成三个同级按钮，把金色主按钮夹在中间，层级散掉。
 *
 * 视觉上刻意比搜索按钮弱一档——搜索是这一条的主动作，
 * AI 是「另一条路」，不该抢它。
 */
.site-search-ai {
  display: inline-flex;
  align-items: center;
  gap: 0.42em;
  margin-top: 0.62rem;
  padding: 0.3rem 0.72rem 0.3rem 0.6rem;
  border-radius: 999px;
  font-size: 0.86rem;
  line-height: 1.5;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .15s ease, border-color .15s ease;
}

.site-search-ai__mark {
  font-size: 0.92em;
  opacity: 0.9;
}

.site-search-ai__arrow {
  transition: transform .15s ease;
}

.site-search-ai:hover .site-search-ai__arrow,
.site-search-ai:focus-visible .site-search-ai__arrow {
  transform: translateX(2px);
}

/* hero 里：坐在照片上，走浅色描边 */
.site-search-panel.is-in-hero .site-search-ai {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.28);
}

.site-search-panel.is-in-hero .site-search-ai:hover,
.site-search-panel.is-in-hero .site-search-ai:focus-visible {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
}

.site-search-panel.is-in-hero .site-search-ai__mark { color: #e9b44c; }

/* 页面版：跟随配色 */
.site-search-panel:not(.is-in-hero) .site-search-ai {
  color: inherit;
  /* 不填充。主题正文色是 #707070，压在金色浅底上实测只有 4.44，差一点到 AA 的 4.5。
     身份靠金边和 ✦ 标记表达就够了，不必用底色。 */
  background: transparent;
  border: 1px solid color-mix(in srgb, #e9b44c 56%, transparent);
}

.site-search-panel:not(.is-in-hero) .site-search-ai:hover,
.site-search-panel:not(.is-in-hero) .site-search-ai:focus-visible {
  background: color-mix(in srgb, #e9b44c 18%, transparent);
  border-color: #e9b44c;
}

.site-search-panel:not(.is-in-hero) .site-search-ai__mark { color: #b8860b; }

/* 表单和 AI 入口排同一行：右边本来空着一大片，
   把入口丢在左下角既不平衡，也弱化了「两个并列动作」这层意思。
   `flex-wrap: wrap` 是必须的——窄屏一行塞不下时自动换行，不硬挤。 */
.site-search-panel {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
}

/* 表单吃掉剩余宽度；320px 是换行阈值——低于它 AI 入口就掉到下一行 */
.site-search-panel form {
  flex: 1 1 320px;
}

.site-search-panel .site-search-ai {
  margin-top: 0;
  flex: 0 0 auto;
}

/* ===== 首页 hero 版：坐在 CTA 两个按钮下面 =====
 *
 * 挂载点是 personal_site_hero_hook（见 personal-site-performance.php 里
 * 被接管的 bravada_lpslider_output）。这里是 .staticslider-caption-inside
 * 内部，父级 text-align:center，所以表单要自己改回左对齐。
 *
 * 不挂 cryout_absolute_top_hook 的原因：落地页的 #masthead 浮在 hero 之上，
 * 那个钩子虽然在 </header> 之后，输出仍会被导航条正面压住。
 */
.site-search-panel.is-in-hero {
  width: min(680px, calc(100vw - 3rem));
  margin: 1.6rem auto 0;
  text-align: left;
  /* CTA 按钮是硬边直角，这里跟着收一点圆角，避免两种语言打架 */
  border-radius: 14px;
  padding: 0.62rem 0.7rem 0.62rem 1.05rem;
}

.staticslider-caption-buttons + .site-search-panel.is-in-hero {
  margin-top: 1.5rem;
}

/* 窄屏：hero 高度本来就紧张，标签换行折叠，只留输入框和按钮 */
@media (max-width: 560px) {
  .site-search-panel.is-in-hero {
    width: calc(100vw - 2.2rem);
    padding: 0.55rem 0.6rem;
    border-radius: 12px;
  }

  .site-search-panel.is-in-hero strong {
    display: none;
  }
}

/* 搜索结果页藏掉「向下探索」浮标。
 *
 * 它是首屏大图的引导件（personal-site-experience.php），在搜索页没有意义——
 * 用户刚输完关键词，要的是结果不是"继续往下看"。
 * 而且窄屏上它是**居中**的 fixed 元素，实测 390px 下正好压在第一条结果的标题上。
 */
body.search .personal-site-scroll-cue {
  display: none;
}

/* 语义检索补充：页面画完之后异步追加的条目。
 * 只往列表后面加，不重排已有条目——重排会让访客正在读的东西跳走。 */
.site-index-results__more {
  margin-top: 1.1rem;
  padding-top: 0.9rem;
  border-top: 1px dashed color-mix(in srgb, currentColor 18%, transparent);
}

.site-index-results__more-title {
  margin: 0 0 0.5rem;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  opacity: 0.6;
}

.site-index-results__more-list {
  margin: 0;
  padding-left: 1.4rem;
}

.site-index-results__more-list > li {
  margin-bottom: 0.9rem;
}

/* --- bravada-main --- */
/*
Theme Name: Bravada
Theme URI: http://www.cryoutcreations.eu/wordpress-themes/bravada
Description: Bravada looks amazing, behaves flawlessly and scales to any screen. It goes anywhere, it's for everyone and everything. It's clear, clean and simply gorgeous. It has CSS powered animations that will bring users to their knees. Being designed as mobile-first, it's as responsive as you'll ever get. Being highly customizable, it comes with a plethora of options that will truly make it your own while still being extremely easy to use. Google fonts are supported, but you can also use your own fonts if GPPR is giving you trouble. You can dynamically change every aspect of your fonts for many site elements (size, line height, font styles, etc.) Colors are also editable and, if you want, you'll have a great time making your own color schemes. You have multiple layouts to choose from, the site, content and sidebar widths are also customizable, magazine layouts with masonry are enabled by default, but you can also edit those. Metas like author, date, tags, categories and comments are toggleable, you can decide which ones to show on blog pages and which ones to show on single pages. Widget areas galore, place your widgets almost anywhere you want, the theme doesn't discriminate. And then there's a fully customizable landing page with icon blocks, featured boxes, text areas and a slider (you can use our own or paste in a shortcut from any other slider). We also thought about socials and you can choose from a seemingly countless number of socials to populate your site with. Gutenberg blocks? They feel right at home in our theme! Of course it's also translation ready and Right To Left (RTL) languages are fully supported out of the box. WooCommerce feels right at home with our theme, we've taken all measures to seamlessly integrate it. Oh, and just like with our other themes, the updates will keep on coming, constantly improving and keeping it relevant for years to come. Bravada is a theme for all types of sites out there: blogs, businesses, presentation or photography sites, news or portfolio sites. There are no limits - there is only Bravada.
Author: Cryout Creations
Author URI: http://www.cryoutcreations.eu
Version: 1.2.0
Requires at least: 4.5
Tested up to: 6.8
Requires PHP: 7.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, flexible-header, custom-menu, featured-image-header, featured-images, front-page-post-form, full-width-template, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, photography, portfolio
Text Domain: bravada

Bravada WordPress Theme - Copyright 2020-25, Cryout Creations - http://www.cryoutcreations.eu
This theme, like WordPress, is licensed under the GPL.
*/

/*
--------------------------------------------------------------
	== IMPORTANT ==
--------------------------------------------------------------

Any changes made to this or any other of the theme's files will be lost at the next update.

To safely make customizations to the theme:
- for CSS-only use the theme's "Custom CSS" field or a CSS plugin;
- for advanced CSS, layout changes and other customizations use a child theme;

--------------------------------------------------------------
	== TABLE OF CONTENTS ==
--------------------------------------------------------------

	# Reset CSS
	# Theme specific defaults
	# Accessibility
	# Gutenberg
	# Layout
	# Header
		## Main menu
		## Mobile menu
	# Footer
		## Footer menu
		## Footer widget area
	# Content
		## Page titles
		## Post metas
		## Header titles
		## Author info
		## Articles
		## Article animation
		## Images
		## Page navigation
	# Landing Page
		## LP Slider
		## LP Blocks
		## LP Blocks 2
		## LP Boxes
			### Animated Boxes
			### Animated Boxes 2
			### Static Boxes
			### Static Boxes 2
		## LP Text areas
		## LP Portfolio
		## LP Testimonials
		## LP Posts
		## LP Onscroll Animations
	# Post formats
	# Comments
		## Comment form
	# Widget areas
		## Main widget areas
		## Inner/outer top/bottom widget areas
		## Left sidebar menu
		## Calendar widget
		## Tag cloud (normalized)
		## Empty Page
	# Widgets
		## Cryout Tabs
		## Cryout Posts
		## Cryout Related Posts
		## Cryout About
		## Cryout Contact
		## Cryout Socials
		## Cryout Portfolio
	# Searchform
	# Socials
	# Miscellaneous
		## Back to top
		## Custom image border
		## Custom captions
		## Breadcrumbs
		## Pagination
		## Continue reading
		## Blockquotes
		## Preloader
	# Templates
	# Portfolio
	# Testimonials
	# Conditionals
	# Fixes
		## Woocommerce
		## Team Members
	# Responsiveness
		## LP Responsiveness
	# Print styles


/*--------------------------------------------------------------
	# RESET CSS
--------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	/*vertical-align: baseline;*/
}

html {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	scroll-behavior: smooth;
}

*,
*::before,
*::after {
	-webkit-box-sizing: inherit;
	        box-sizing: inherit;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: grayscale;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

blockquote {
	quotes: none;
}

blockquote::before,
blockquote::after {
	content: '';
	content: none;
}

blockquote cite {
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.7em;
}

table {
	max-width: 100%;
	margin: 0 0 1.5em;
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------------------------------------------------------------
	# THEME SPECIFIC DEFAULTS
--------------------------------------------------------------*/
html {
	line-height: 1.8;
}

body {
	font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
}


pre {
	overflow: auto;
	max-width: 100%;
	border: 1px solid transparent;
	padding: 1em;
	font-family: "Courier 10 Pitch", Courier, monospace;
}

kbd,
tt,
var,
code {
	overflow: auto;
	padding: 0 5px;
	vertical-align: middle;
	text-indent: 0;
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

q,
blockquote {
	font-size: 1.1em;
	font-family: Georgia, "Bitstream Charter", serif;
}

address {
	padding-left: 1em;
}

del {
	text-decoration: line-through;
}

img {
	max-width: 100%; /* Adhere to container width. */
	height: auto; /* Make sure images are scaled correctly. */
	border: 0;
}

a img {
	border: none;
	vertical-align: middle;
}

hr {
	clear: both;
	height: 1px;
	border: 0;
}

/* Text elements */

.main li > ul,
.main li > ol {
	margin-bottom: 0;
	margin-left: 2em;
}

ul {
	list-style-type: disc;
}

ul ul {
	list-style-type: square;
}

ul ul ul {
	list-style-type: circle;
}

ol {
	list-style-type: decimal;
}

ol ol {
	list-style-type: upper-alpha;
}

ol ol ol {
	list-style-type: lower-roman;
}

ol ol ol ol {
	list-style-type: lower-alpha;
}

dl {
	margin: 0 0 2em 0;
}

dt {
	font-weight: bold;
}

strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

big {
	font-size: 125%;
}

mark,
ins {
	text-decoration: none;
}

abbr,
acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

sup,
sub {
	position: relative;
	vertical-align: baseline;
	font-size: .8em;
	line-height: 0;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

textarea,
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"] {
	max-width: 100%;
	border: 0;
	border-radius: 0;
	padding: 1rem 1.2rem;
	font-size: inherit;
	font-family: inherit;
	background: transparent;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

input[type="file"] {
	font-size: initial;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	border: 0;
	border-radius: 0;
	padding: 1em 2em;
	font-size: 1em;
	-webkit-transition: background .75s ease-out;
	transition: background .75s ease-out;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
}

button[disabled],
html input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

select option {
	padding: .25em .5em;
}

select optgroup,
select option {
    color: initial;
}

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

.fluid-width-video-wrapper {
  max-height: 100vh;
}

a:link,
a:visited {
	text-decoration: none;
}

/*--------------------------------------------------------------
	# ACCESSIBILITY
--------------------------------------------------------------*/

a:hover,
a:active,
a:focus:active,
a:focus:hover,
input:hover:focus,
textarea:hover:focus,
button:hover:focus {
	outline: 0;
}

.post-thumbnail-container > a,
.post-thumbnail-container > a:focus {
	outline: 0;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.entry-content a:not([class]),
.entry-excerpt a:not([class]),
#comments .comment-body a:not([class]),
.widget-container.widget_text a:not([class]),
.lp-text .lp-text-content a:not([class]),
.lp-block .lp-block-text a:not([class]),
.lp-box .lp-box-text-inside a:not([class]) {
	text-decoration: underline;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #222;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 6px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 6px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
	# GUTENBERG
--------------------------------------------------------------*/

.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-latest-posts {
    padding: 0;
    list-style: none;
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
	padding: 2em 2em 2em 5em;
}

.wp-block-columns ul,
.wp-block-columns ol {
	list-style-position: inside;
}

.wp-block-separator {
	max-width: 25%;
}
.wp-block-separator.is-style-wide {
	max-width: 100%;
}
.wp-block-separator.is-style-dots::before {
	color: inherit;
}

.wp-block-button .wp-block-button__link {
	position: relative;
	outline: 2px solid;
	border-radius: 0;
	padding: 0.5em 1.5em;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	/* background: transparent; */
}

.wp-block-button .wp-block-button__link::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	outline: 2px solid;
	-webkit-transition: .25s ease all;
	transition: .25s ease all;
}

.wp-block-button .wp-block-button__link:hover::after {
	opacity: 0;
	-webkit-transform: scale(1.05, 1.3);
	transform: scale(1.05, 1.3);
}

.wp-block-pullquote {
	padding: 1.5em 0;
}

.wp-block-button {
	-webkit-transition: .2s opacity;
	transition: .2s opacity;
}

.wp-block-button:hover {
	opacity: 0.85;
}

.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-item a {
	-webkit-transition: .2s ease-out opacity;
	transition: .2s ease-out opacity;
}

.wp-block-gallery.is-cropped .blocks-gallery-image a:hover,
.wp-block-gallery.is-cropped .blocks-gallery-item a:hover {
	opacity: 0.8;
}

/* workaround for buttons misalign in 5.7 */
.wp-block-button.aligncenter,
.wp-block-buttons.aligncenter,
.wp-block-calendar {
    text-align: center;
}

/*--------------------------------------------------------------
	# LAYOUT
--------------------------------------------------------------*/

#site-wrapper {
	overflow: hidden;
}

.bravada-boxed-layout #site-wrapper {
	overflow: hidden;
	margin: 0 auto;
	box-shadow: 0 0 8px rgba(0,0,0,.2);
}

#container {
	position: relative;
	float: none;
	display: block;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	overflow: hidden;
	width: 100%;
	margin: 0;
}

#container::after {
	content: "";
	display: table;
	clear: both;
}

#container.two-columns-left #primary,
#container.three-columns-left #primary,
#container.three-columns-left #secondary,
#container.three-columns-sided #primary  	{ -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; }
#container.three-columns-sided .main 		{ -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; }
#container.three-columns-sided #secondary 	{ -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }

.main {
	clear: both;
	overflow: hidden;
	/* min-height: 400px; */
	margin-bottom: 0;
}

/* Left/right padding for content */
.site-header-inside,
#access .menu-search-animated .searchform input[type="search"],
#colophon-inside,
.footer-inside,
.lp-staticslider .staticslider-caption,
.seriousslider.seriousslider-theme .seriousslider-caption,
.bravada-landing-page .lp-blocks2 .lp-blocks-inside,
.bravada-landing-page .lp-text-inside,
.bravada-landing-page .lp-posts-inside,
.bravada-landing-page .lp-page-inside,
.bravada-landing-page .lp-portfolio-inside,
.bravada-landing-page .lp-testimonials-inside,
.bravada-landing-page .lp-section-header,
.bravada-landing-page .content-widget {
	padding-left: 2.5em;
	padding-right: 2.5em;
}

#container:not(.bravada-landing-page) .main {
	position: relative;
	z-index: 9;
	padding-top: 4em;
	padding-bottom: 4em;
}

#container:not(.bravada-landing-page) .main > *:not(#content-masonry) {
	padding-left: 4em;
	padding-right: 4em;
}

.page-template-template-fullwidth #container:not(.bravada-landing-page) .main > :not(#content-masonry) {
	padding-left: 0;
	padding-right: 0;
}

#site-wrapper > #breadcrumbs-container #breadcrumbs-container-inside {
	/* padding-left: 4em;
	padding-right: 4em; */
}

.sidey {
	position: relative;
	display: block;
	float: left;
	padding-top: 4em;
}

@media (min-width: 1024px) {
	.sidey {
		padding-bottom: 100px;
	}
}

#primary {
	padding-left: 0;
	padding-right: 3%;
}

#secondary {
	padding-right: 0;
	padding-left: 3%;
}

#container.three-columns-right #primary {
	padding-left: 3%;
	padding-right: 0;
}

#container.three-columns-left #secondary {
	padding-left: 0;
	padding-right: 3%;
}

.bravada-boxed-layout #primary,
.bravada-boxed-layout #secondary {
	padding-left: 3%;
	padding-right: 3%;
}

#content {
	position: relative;
}

#main {
	position: relative;
	overflow: hidden;
}

#footer {
	clear: both;
	width: 100%;
}

/*--------------------------------------------------------------
	# HEADER
--------------------------------------------------------------*/

#masthead::after {
	display: table;
	clear: both;
	content: "";
}

#masthead {
	position: relative;
	z-index: 999;
}

#branding {
	float: left;
	-webkit-transition: .5s height ease-in-out;
	transition: .5s height ease-in-out;
}

#branding .identity {
	float: left;
}

a.custom-logo-link {
	display: inline;
}

img.custom-logo {
	max-height: 70%;
}

#site-text {
	position: relative;
	top: 50%;
	display: inline-block;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

#branding .identity + #site-text {
	clear: none;
	margin-left: 0.5em;
}

#site-title {
	position: relative;
	display: inline-block;
	-webkit-transition: .35s ease-out all;
	transition: .35s ease-out all;
}

#site-title a {
	position: relative;
	padding: 0 6px 0;
	letter-spacing: 0.05em;
	-webkit-transition: .15s ease-out all;
	transition: .15s ease-out all;
}

#site-title a::before {
	content: "";
	position: absolute;
	z-index: -1;
	display: block;
	right: 0;
	top: 0;
	bottom: 0;
	width: 95%;
	width: calc(100% - 1.2em);
	/* handled by option since 1.0.4 */
	height: 100%;
	-webkit-transition: .15s ease-out all;
	transition: .15s ease-out all;
}

#site-title a:hover::before {
	width: 100%;
}

#site-title a:active::before {
	width: 0;
}

#site-description {
	clear: left;
	display: none;
	margin-top: 0;
	font-size: .6em;
	line-height: 1.1;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-left: 6px;
	opacity: .75;
}

#site-header-main {
	z-index: 251;
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	vertical-align: top;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.bravada-over-menu #site-header-main {
	position: absolute;
	top: 10px;
}

@media (max-width: 480px) {
	.bravada-over-menu #site-header-main {
		top: 0;
	}
}
.bravada-over-menu #site-header-main {
	background: transparent;
}

.header-fixed#site-header-main {
	-webkit-transition: .25s background-color ease-in-out;
	transition: .25s background-color ease-in-out;
}

.site-header-top,
.site-header-bottom {
	float: none;
	clear: both;
	display: block;
}

/* Used by the prepareTransition jQuery Plugin */
.is-transitioning {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	visibility: visible !important;
}

.site-header-top {
	position: fixed;
	z-index: 100000;
	top: 0;
	left: 100%;
	width: 100vw;
	height: 100vh;
	padding: 4em;
	-webkit-transition: .25s ease transform;
	transition: .25s ease transform;
	display: none;
}

.site-header-top.is-active {
	display: block;
	-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
}

@media (max-width: 800px) {

	.site-header-top {
		left: 0;
		max-width: 100vw;
		width: 100vw;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	.site-header-top.is-active {
		left: 0;
		-webkit-transform: translateY(0);
				transform: translateY(0);
	}

}

@media (max-width: 800px) {

	#masthead .site-header-bottom.header-fixed .site-header-bottom-fixed {
		position: absolute;
		top: -75px;
		-webkit-transition: .3s ease-out top;
		transition: .3s ease-out top;
		-webkit-animation: none;
		animation: none;
	}
	.mobile-fixed #masthead .site-header-bottom.header-fixed .site-header-bottom-fixed {
		position: fixed;
		top: 0;
	}

}



.site-header-top .site-header-inside {
	padding: 0;
}

.site-header-top.is-active .site-header-inside {
	width: 30%;
	max-width: 300px;
	margin: 0 auto;
}

.site-header-bottom-fixed.is-active .menu-burger {
	position: absolute !important;
	left: 0;
	right: 0;
	margin: auto;
}

body.admin-bar .site-header-top .site-header-inside {
	margin-top: 32px;
}

.site-header-top .site-header-inside > div + div {
	margin: 50px 0 0 0;
}

.widget-side-section-inner section + section {
	padding-top: 10px;
}

/*--------------------------------------------------------------
	## TOP MENU
--------------------------------------------------------------*/
.topmenu {
	display: block;
}

.topmenu > ul {}

.topmenu ul li {
	display: block;
	white-space: nowrap;
	font-size: 0.8333em;
	padding: 10px 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.topmenu ul li[class*="icon-"]::before {
	font-size: 0.8333em;
	margin-right: .8333em;
}

.topmenu ul li span.sep {
	margin: 0 .5em;
	font-weight: bold;
	visibility: hidden;
}

.topmenu ul li:last-child span.sep {
	display: none;
}

.topmenu ul li a {
	position: relative;
	display: inline-block;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.topmenu ul li a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0;
	height: 2px;
	border-radius: 100px;
	opacity: 0;
	background: #fff;
	-webkit-transition: .25s all ease;
	transition: .25s all ease;
}

.topmenu ul li a:hover::after {
	width: 100%;
	opacity: 1;
}

#header-image-main,
#header-image-main-inside {
	position: relative;
	overflow: hidden;
}

body:not(.bravada-fullscreen-headerimage).bravada-cropped-headerimage div.header-image {
	height: 100%;
}

body:not(.bravada-fullscreen-headerimage).bravada-responsive-headerimage img.header-image {
	height: auto;
}

.bravada-responsive-headerimage #masthead div.header-image {
	display: none;
}

.bravada-cropped-headerimage #masthead img.header-image {
	display: none;
}

#masthead .header-image {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	opacity: 0;
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: fixed;
	-webkit-transition: .2s ease-out opacity;
	transition: .2s ease-out opacity;
}

.wp-custom-header {
	position: relative;
	line-height: 0;
}

 .wp-custom-header #wp-custom-header-video {
	width: 100%; /* fill header with video iframe */
}

.wp-custom-header-video-button.wp-custom-header-video-button {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: rgba(255,255,255,.1);
	opacity: 0;
	cursor: pointer;
	-webkit-transition: .3s all ease-out;
	transition: .3s all ease-out;
}

.wp-custom-header:hover .wp-custom-header-video-button.wp-custom-header-video-button {
    opacity: .7;
}

.wp-custom-header video {
	display: block;
	-o-object-fit: cover;
	   object-fit: cover;
	max-width: 100%;
	margin: 0 auto;
}

/* Header widget area */
#header-widget-area {
	position: absolute;
	z-index: 30;
	top: 10px;
	display: block;
	overflow: hidden;
	height: 100%;
}

/* Fixed menu */
.site-header-bottom .site-header-inside {
	-webkit-transition: .3s ease-out all;
	transition: .3s ease-out all;
}

.site-header-bottom.header-fixed .site-header-bottom-fixed {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9999;
	border-bottom: 1px solid rgba(0,0,0,.05);
	box-shadow: 0 15px 30px rgba(0,0,0,.05);
	-webkit-transition: .25s ease all;
	transition: .25s ease all;
	-webkit-animation: header-fixed 1s ease-out forwards;
	animation: header-fixed 1s ease-out forwards;
}

body.admin-bar .site-header-bottom.header-fixed .site-header-bottom-fixed {
	margin-top: 32px;
}

@media (min-width: 600px) and (max-width: 782px) {
	body.admin-bar .site-header-bottom.header-fixed .site-header-bottom-fixed {
		margin-top: 46px;
	}
}

@media (max-width: 600px) {
	body.admin-bar .site-header-bottom.header-fixed .site-header-bottom-fixed {
		margin-top: 0;
	}
}


@keyframes header-fixed {
	from {
		opacity: 0;
		top: -100px;
	}

	to {
		opacity: 1;
		top: 0;
	}
}

@-webkit-keyframes header-fixed {
	from {
		opacity: 0;
		top: -100px;
	}

	to {
		opacity: 1;
		top: 0;
	}
}

/*--------------------------------------------------------------
	## MAIN MENU
--------------------------------------------------------------*/

#access {
	display: inline-block;
	float: right;
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: .3s ease-out all;
	transition: .3s ease-out all;
}

.burgermenu-active #access {
	opacity: 0;
	-webkit-transform: translateX(50px);
	transform: translateX(50px);
	pointer-events: none;
}


.bravada-menu-left #access {
	float: left;
}

.bravada-menu-center #access {
	display: table;
	float: none;
	margin: 0 auto;
}

.menu-item a img {
	vertical-align: middle;
}

#access ul.sub-menu > li.current_page_item > a,
#access ul.sub-menu > li.current-menu-item > a,
#access ul.sub-menu > li.current_page_ancestor > a,
#access ul.sub-menu > li.current-menu-ancestor > a,
#access ul.children > li.current_page_item > a,
#access ul.children > li.current-menu-item > a,
#access ul.children > li.current_page_ancestor > a,
#access ul.children > li.current-menu-ancestor > a {
}

#access a {
	display: block;
	padding: 0 2em;
	text-decoration: none;
	line-height: 3;
	-webkit-transition: .3s color ease-out;
	transition: .3s color ease-out;
}

@media (max-width: 1200px) {
	#access a {
		padding: 0 1.4em;
	}
}

@media (max-width: 800px) {
	#access a {
		padding: 0 0.7em;
	}
}

#access ul li[class*="icon"]:not(:first-child) {
	padding-left: 2em;
}

#access ul li[class*="icon"]::before {
	float: left;
	font-size: .9em;
}

#access a > span {
	display: block;
}

#access > div > ul > li > a > span {
	position: relative;
	display: inline-block;
	line-height: 2.5em;
}

#access > div > ul > li > a > span::before {
    content: "";
	position: absolute;
	left: -15px;
	right: 0;
	width: 0;
	height: 100%;
	padding: 0 15px;
	background: #FFF;
	opacity: 0;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

#access > div > ul > li > a > span:hover::before {
    opacity: 0.1;
	width: calc(100% + 30px);
}

.bravada-over-menu .header-fixed.site-header-bottom #access > div > ul > li > a > span::before {
	background: #000;
}

#access > div ul li a:not([href]) { /* Default cursor for menu items with no link */
	cursor: default;
}

#access a:hover {}

#access > div > ul > li > a {
	position: relative;
	z-index: 999;
}

#access ul.children {
	z-index: -1;
}

#access > div > ul > li > a:not(:only-child) span {
	padding-right: .5em;
}

#access > div > ul li > a:not(:only-child) > span::after {
	position: absolute;
	z-index: 251;
	right: -.6em;
	top: 0;
	bottom: 0;
	margin: auto;
	font-family: "iconmeta";
	/* icon in fontfaces */
	opacity: .5;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#access > div > ul li:hover > a:not(:only-child) > span::after {
	opacity: 1;
}

#access > div > ul ul > li a:not(:only-child)::after {
	content: "";
	position: absolute;
	left: calc(100% - 6px);
	top: 0;
	bottom: 0;
	width: 6px;
	height: 6px;
	margin: auto;
	border: 6px solid;
	border-color: transparent transparent transparent #FFF;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#access > div > ul ul > li:hover > a:not(:only-child)::after {
	left: 100%;
}

#access > div > ul ul > li a:not(:only-child) > span::after {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	right: 0.25em;
}

#access > div > ul ul > li:hover > a:not(:only-child) > span::after {
	top: 0;
	right: -0.5em;
	opacity: 0;
}

#access ul li {
	display: block;
	float: left;
	position: relative;
	white-space: nowrap;
}

#access ul li a {
	font-size: 1em;
}

#access .sub-menu,
#access .children {
	z-index: 21;
	box-shadow: 10px 10px 20px rgba(0,0,0,.05);
}

#access ul ul {
	position: absolute;
	z-index: 1000;
	clear: both;
	margin-left: 0;
	min-width: 125%;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(-25px);
	transform: translateY(-25px);
	-webkit-transition: .2s all ease-in;
	transition: .2s all ease-in;
}

#access ul ul ul {
	/* -webkit-transform: translateX(25px);
	transform: translateX(25px); */
}

#access > div > ul > li > ul::before {
	/* content: ""; */
	position: absolute;
	top: -12px;
	left: 30%;
	border: 6px solid;
	border-color: transparent transparent #FFF transparent;
}

#access .sub-menu li a,
#access .children li a {
	padding: 0;
}

#access .sub-menu li a span,
#access .children li a span {
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

#access .sub-menu li a:hover span,
#access .children li a:hover span {
	background: rgba(255,255,255,.1);
}

/* #access .sub-menu li:first-child > a,
#access .children li:first-child > a {
	border-radius: 5px 5px 0 0;
}

#access .sub-menu li:last-child > a,
#access .children li:last-child > a {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
} */

#access .sub-menu li span,
#access .children li span {
	padding: 0.3em 1.5em;
}

#access ul li.menu-hover > ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

#access li ul ul {
	height: 0;
}

#access li.menu-hover > ul > li > ul {
	width: auto;
	height: auto;
}

#access ul ul li { /* level 2 */
	position: relative;
	display: table;
	clear: both;
	float: left;
	width: 100%; /* submenu width fix */
	min-width: 150px;
	margin: 0;
}

#access ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	left: calc(100% + 10px);
	min-width: 150px;
	margin: 0;
	border-top: 0;
}

#access ul ul ul li { /* level 3 */
	display: block;
	float: none;
	width: 100%;
}

#access ul ul ul ul li { /* level 4 */}

#access ul ul a,
#access ul ul ul a {
	display: block;
	float: none;
	width: 100%;
}

#access ul ul li:hover,
#access ul ul ul li:hover {}

#access li,
#access ul ul li {
	-webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
	transition: background .3s ease-in-out, color .3s ease-in-out;
}

#access ul li.current_page_item > a,
#access ul li.current-menu-item > a{}

#access ul ul li.current_page_item ,
#access ul ul li.current-menu-ancestor,
#access ul ul li.current-menu-item ,
#access ul ul li.current-menu-parent {}

#access ul li.current_page_item a,
#access ul li.current-menu-ancestor a,
#access ul li.current-menu-item a,
#access ul li.current-menu-parent a,
#access ul li a:hover {}


/* Burger menu */
.menu-burger {
	position: relative;
	float: right;
	width: 42px;
	width: calc(36px + 1em);
}

.hamburger {
	position: absolute;
	top: 0;
	bottom: 0;
	overflow: visible;
	display: inline-block;
	width: 36px;
	height: 20px;
	margin: auto 0 auto 1em;
	border: 0;
	border-radius: 0;
	padding: 0;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	background: transparent;
	cursor: pointer;
}

.hamburger:hover {
	background: transparent;
}

.hamburger span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	border-radius: 3px;
	opacity: 1;
	right: 0;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.hamburger span:nth-child(1) {
	top: 0;
	-webkit-transform-origin: left top;
	transform-origin: left top;
}

.hamburger span:nth-child(2) {
	top: 9px;
	width: 75%;
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.hamburger span:nth-child(3) {
	top: 18px;
	width: 45%;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}

.hamburger:hover span:nth-child(n),
.burgermenu-active .hamburger span:nth-child(n) {
	width: 100%;
}

.burgermenu-active .hamburger span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -3px;
}

.burgermenu-active .hamburger span:nth-child(2) {
	width: 0;
	opacity: 0;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.burgermenu-active .hamburger span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 22px;
}


/*--------------------------------------------------------------
	## MOBILE MENU
--------------------------------------------------------------*/

.noscroll { /* to be added to body on mobile */
	overflow: hidden;
}

nav#mobile-menu { /* Actual mobile menu */
	position: fixed;
	z-index: 999; /* two too many */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	height: 100%;
	padding: 2em;
	line-height: 2em;
	-webkit-transform-origin: top right;
	transform-origin: top right;
	opacity: 0;
	-webkit-transition: .5s ease-out all;
	transition: .5s ease-out all;
	pointer-events: none;
	display: none;
}

nav#mobile-menu.burgermenu-active {
	opacity: 1;
	pointer-events: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.burgermenu-active .site-header-bottom.header-fixed .site-header-bottom-fixed {
	border: 0;
    box-shadow: none;
}

.burgermenu-active .site-header-bottom:not(.header-fixed) .site-header-bottom-fixed {
	position: relative;
	z-index: 10001;
}

#mobile-menu .side-section {
	min-width: 400px;
	max-width: 35vw;
	margin: 0 auto;
}

@media (max-width: 480px) {
	#mobile-menu .side-section {
		min-width: 0;
		max-width: 400px;
		width: 100%;
	}
}

#mobile-menu .side-menu {
	max-height: 80vh;
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;  /* IE 10+ */
}

#mobile-menu .side-menu::-webkit-scrollbar {
	width: 0;
	background: transparent;
}


#mobile-menu .side-section-widget {
	margin-top: 1em;
	opacity: 0;
	-webkit-transition: .3s .5s ease-out all;
	transition: .3s .5s ease-out all;
}

nav#mobile-menu.burgermenu-active .side-section-widget {
	opacity: 1;
}

nav#mobile-menu #site-title {
	font-size: 1em;
}

nav#mobile-menu #mobile-nav #site-title a {
	font-size: 1em;
	padding: 5px;
	letter-spacing: 1px;
	-webkit-padding-end: 5px;
	   -moz-padding-end: 5px;
			padding-inline-end: 5px;
}

nav#mobile-menu a#logo > img {
	max-height: 50px;
}

nav#mobile-menu #mobile-nav > li {
	position: relative;
	opacity: 0;
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

nav#mobile-menu.burgermenu-active #mobile-nav > li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

nav#mobile-menu #mobile-nav a {
	display: inline-block;
	margin-right: 1em;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: .3s ease-out color;
	transition: .3s ease-out color;
}

nav#mobile-menu #mobile-nav ul.sub-menu a {
	/* font-size: .9em; */
}

nav#mobile-menu a span {
	display: inline-block;
}

nav#mobile-menu > div  ul li a:not([href]) { /* Default cursor for menu items with no link */
	cursor: default;
}

nav#mobile-menu > div > ul > li > a {
	position: relative;
	z-index: 9999;
}

nav#mobile-menu ul li {
	position: relative;
	clear: both;
	float: none;
	display: block;
	margin-bottom: 1.75em;
	margin-bottom: min(4vw, 1.75em);
	white-space: normal;
	line-height: 1.1;
}

nav#mobile-menu ul li::before {
	margin-right: 10px;
}

nav#mobile-menu ul li.menu-burger {
	width: 100%;
	margin: 2em auto;
	text-align: center;
	border-radius: 100px;
	background: rgba(0,0,0,.05);
}

#mobile-nav ul li a span {
	/* overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis; */
}

.dropdown-toggle {
	position: absolute;
	top: 0;
	right: 2px;
	display: inline-block;
	margin: 0;
	border: 0;
	padding: .5em 1em;
	cursor: pointer;
	color: inherit;
	background: transparent;
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
	-webkit-transition: .6s all ease-in-out;
	transition: .6s all ease-in-out;
}

.sub-menu .dropdown-toggle,
.children .dropdown-toggle {
	padding: 0.5 1em;
}

.dropdown-toggle:hover {
	background: transparent;
}

.toggle-on.dropdown-toggle {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

a.toggled-on {
	border-bottom: 3px solid;
}

.dropdown-toggle::after {
	font-family: "iconmeta";
    /* icon in fontfaces */
	font-size: 1.3em;
}

nav#mobile-menu .sub-menu,
nav#mobile-menu .children {
	display: none;
	max-height: 0;
	margin: 1em auto 0.5em;
	opacity: 0;
	-webkit-transition: .5s max-height ease-in-out, .3s opacity ease-in-out, .3s padding ease;
	transition: .5s max-height ease-in-out, .3s opacity ease-in-out, .3s padding ease;
}

nav#mobile-menu .sub-menu.toggled-on,
nav#mobile-menu .children.toggled-on {
	display: block;
	max-height: 1500px;
	opacity: .9;
	-webkit-transition: 1s max-height ease-in-out, .3s .3s opacity ease-in-out, .3s .3s padding ease;
	transition: 1s max-height ease-in-out, .3s .3s opacity ease-in-out, .3s .3s padding ease;
}

nav#mobile-menu #nav-cancel {
	position: absolute;
	z-index: 99;
	top: 0;
	right: 0;
	display: inline-block;
	width: auto;
	/* height: 60px;
	line-height: 60px; */
	padding: 1em;
	font-size: 22px;
	border-radius: 0;
	cursor: pointer;
	color: inherit;
	background: transparent;
}

#mobile-menu .menu-main-search { /* Searchbar in main menu will always be top */
	width: 100%;
}

#mobile-menu .searchform .searchsubmit,
#mobile-menu .searchform:hover input[type="search"],
#mobile-menu .searchform input[type="search"]:focus {
	color: inherit;
}

nav#mobile-menu #smobile {
	display: table;
	margin: 3em auto 1em;
	text-align: center;
}


body.admin-bar #mobile-menu .menu-main-search {
	padding-top: 32px;
}

body.admin-bar nav#mobile-menu #nav-cancel,
body.admin-bar #bmobile {
	margin-top: 32px;
}

@media (max-width: 782px) {

	body.admin-bar #mobile-menu .menu-main-search {
		padding-top: 46px;
	}

	body.admin-bar nav#mobile-menu #nav-cancel,
	body.admin-bar #bmobile {
		margin-top: 46px;
	}
}

@media (max-width: 600px) {
	body.admin-bar.mobile-fixed nav#mobile-menu {
		padding-top: 2em;
	}

	body.admin-bar.mobile-fixed #mobile-menu .menu-main-search {
		padding-top: 0;
	}

	body.admin-bar.mobile-fixed nav#mobile-menu #nav-cancel,
	body.admin-bar.mobile-fixed #bmobile {
		margin-top: 0;
	}
}


/*--------------------------------------------------------------
	# FOOTER
--------------------------------------------------------------*/

#footer {
	position: relative;
	display: block;
	overflow: visible;
	width: 100%;
	padding-top: 2em;
	padding-bottom: 2em;
}

.footer-inside {
	position: relative;
	float: none;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-top: 1.25em;
	padding-bottom: 1.25em;
}

#footer-top .footer-inside::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	width: calc( 100% - 5em);
	height: 1px;
	background: rgba(255,255,255,.1);
}

#footer::after {
	display: table;
	clear: both;
	content: "";
}

#colophon a,
#footer a {
	-webkit-transition: color .2s;
	transition: color .2s;
}

#site-copyright {
	display: block;
	float: left;
	font-style: italic;
	margin: 0.5em auto;
}

#footer-separator {
	display: block;
	float: left;
	clear: both;
	height: 0;
	width: 100%;
	margin: .5em 0;
}

#footer a,
#footer a:hover{
	text-decoration: none;
}

img#wpstats {
	display: block;
	margin: 0 auto .5em;
}

/*--------------------------------------------------------------
	## FOOTER MENU
--------------------------------------------------------------*/
.footermenu {
	display: block;
	float: left;
	margin: 0.5em auto;
}

.footermenu > ul {}

.footermenu ul li {
	display: inline-block;
	float: left;
	font-size: 1em;
	line-height: 2.6;
	white-space: nowrap;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.footermenu ul li span.sep {
	visibility: hidden;
	margin: 0 .5em;
	font-weight: bold;
}

.footermenu ul li:last-child span.sep {
	display: none;
}

.footermenu ul li a {
	position: relative;
	display: inline-block;
	margin: 0 7px;
}

/*--------------------------------------------------------------
	## FOOTER WIDGET AREA
--------------------------------------------------------------*/
#colophon {
	position: relative;
	width: 100%;
}

#colophon-inside {
	float: none;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	display: flex;
	flex: 1;
	-ms-flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row wrap;
	overflow: hidden;
	height: 100%;
	min-height: 100%;
	max-width: 100%;
	margin: 3em auto 0;
}

#colophon .widget-container {
	position: relative;
	float: left;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	padding: 3em 2em 0;
}

.footer-center .footer-widget-inside {
	display: table;
	margin: 0 auto;
}

@media (max-width: 640px) {
	.footer-center .footer-widget-inside {
		width: 100%;
	}
}

#colophon .footer-four .widget-container {
	width: 25%;
}

#colophon.footer-four .widget-container:nth-child(4n+1) {
	clear: both;
	padding-left: 0;
}

#colophon .footer-three .widget-container {
	width: 33.333%;
}

#colophon .footer-three .widget-container:nth-child(3n+1) {
	clear: both;
	padding-left: 0;
}

#colophon .footer-two .widget-container {
	width: 50%;
}

#colophon .footer-two .widget-container:nth-child(2n+1) {
	clear: both;
	padding-left: 0;
}

#colophon .footer-one .widget-container {
	clear: both;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.footer-all .widget-container {
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}


/*--------------------------------------------------------------
	# CONTENT
--------------------------------------------------------------*/

.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6 {
	margin: 1em 0 .5em;
}

.entry-content h1, .entry-summary h1,
.entry-content h2, .entry-summary h2,
.entry-content h3, .entry-summary h3,
.entry-content h4, .entry-summary h4,
.entry-content h5, .entry-summary h5,
.entry-content h6, .entry-summary h6 {
	margin-top: 1.5em;
	line-height: 1.2;
}

.entry-content h5,
.entry-content h6 {
	font-weight: bold;
}

.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child,
.entry-content > h5:first-child,
.entry-content > h6:first-child {
	margin-top: 0;
}

.main article ul:not([class]),
.main article ol:not([class]) {
	margin-left: 2em;
}

.main table {
	max-width: 100%;
	width: 100%;
	margin: 0 0 2em 0;
	border: 0;
	vertical-align: top;
}

.main tr {
	vertical-align: top;
}

.main .alternate {}

.main th{
	font-weight: 600;
}

.main th,
.main td {
	padding: .75em;
}

.bravada-stripped-table .main td {
	border-top: 1px solid transparent;
}

.bravada-stripped-table .main tr.odd {
	background-color: transparent;
}

.bravada-bordered-table .main th,
.bravada-bordered-table .main td {
	border: 1px solid transparent;
}

.bravada-stripped-table .main th,
.bravada-bordered-table .main th {
	border-top: 1px solid transparent;
}


.bravada-stripped-table .main thead th,
.bravada-bordered-table .main thead th {
	border-bottom: 2px solid transparent;
}

.bravada-stripped-table .main thead th {
	border-top-width: 2px;
}

.entry-content,
.entry-summary {
	clear: both;
	word-wrap: break-word;
}

.entry-content::after,
.entry-summary::after,
.content-masonry::after {
	content: "";
	clear: both;
	display: block;
}

.content-masonry .entry-content,
.content-masonry .entry-summary {
}

.content-masonry .entry-meta {
	padding-top: 2em;
	padding-bottom: 0.5em;
	padding-left: 2em;
	padding-right: 2em;
}

.content-masonry .entry-meta.aftertitle-meta {
	padding-bottom: 1em;
}

.content-masonry .entry-after-image .entry-meta {
	padding-top: 0.75em;
	padding-left: 0;
	padding-right: 0;
}

.main .entry-summary p:last-child {
	/*margin-bottom: 1em;*/
	margin-bottom: 0;
}

.entry-summary .excerpt-fade {
	width: 3em;
	height: 1em;
	display: inline-block;
	position: relative;
	margin-left: -3em;
	line-height: 1.5;
	background: linear-gradient(to left, white 50%, transparent);
}

.entry-content fieldset {
	margin: 0 0 2em 0;
	border: 1px solid transparent;
}

.entry-content fieldset legend {
	font-weight: bold;
}

.entry-content blockquote.left {
	float: left;
	width: 33%;
	margin-right: 2em;
	margin-left: 0;
	text-align: right;
}

.entry-content blockquote.right {
	float: right;
	width: 33%;
	margin-right: 0;
	margin-left: 2em;
	text-align: left;
}

/*--------------------------------------------------------------
	## PAGE TITLES
--------------------------------------------------------------*/
.main .page-title {
	float: none;
	display: block;
	margin: 0;
	padding-bottom: .1em;
}

.main .page-title:only-child {
	padding: 0;
}

.main .pad-container p:last-child {
	margin: 0;
}

.entry-title {
	margin: 0;
	padding: 0;
	line-height: 1.2;
	word-wrap: break-word;
}

.single .main .entry-title {
	padding: 0 0 10px 0;
	/* margin-top: -5px; */
}

.entry-title a {
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

.entry-title a:link,
.entry-title a:visited {
	color: inherit;
	text-decoration: none;
}

.main #comments-title,
.main .entry-title {
	margin: 0;
}

.main #content-masonry .entry-after-image {
	padding: 2em;
	padding-top: 0;
}

.main #content-masonry .post-thumbnail-container + .entry-after-image {
	padding-top: 2em;
}

/* One column magazine layout */
@media (min-width: 720px) {

	.bravada-magazine-one .main #content-masonry article.has-post-thumbnail .article-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.bravada-magazine-one .main #content-masonry .post-thumbnail-container {
		float: left;
		width: 40%;
	}

	.bravada-magazine-one .main #content-masonry .post-thumbnail-container + .entry-after-image {
		position: relative;
		left: 0;
		float: left;
		width: 60%;
		margin-top: 0;
		margin-right: 0;
		padding: 15px 30px;
		padding: min(15px 5%) 30px;
	}

	.bravada-magazine-one .main #content-masonry .entry-title {
		width: 100%;
		padding: 0;
	}

	.bravada-magazine-one .main #content-masonry .entry-title::before {
		content: none;
	}

}

/*--------------------------------------------------------------
	## POST METAS
--------------------------------------------------------------*/
.entry-meta {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.entry-meta:empty {
	/* display: none; */
}

.entry-meta em {
	display: inline-block;
	font-style: normal;
}

.entry-meta > span {
	position: relative;
	display: inline-block;
	margin-right: .5em;
}

body:not(.single) .entry-meta > span {
	margin-right: .1em;
}

body:not(.single) .entry-meta .sep {
	padding-left: .5em;
	opacity: 0;
}

.entry-meta > span.tags .sep {
	opacity: 1;
	padding-left: 0;
}

.entry-meta > span.tags > a {
	margin-right: 0.35em;
}

body:not(.single) .entry-meta.aftertitle-meta > span:not(:last-child)::after {
	content: '\00B7';
	position: relative;
	margin-left: .5em;
	font-weight: bold;
}

.hentry-featured .entry-meta.aftertitle-meta > span:not(:last-child)::after {
	display: none;
}

.single .entry-meta > span {
	vertical-align: middle;
}

.single .entry-meta:not(.entry-utility) .sep {
	padding: 0 .3em;
}

.single .entry-meta:not(.entry-utility) .sep::after {
	content: '\00B7';
	position: relative;
	font-family: 'iconmeta';
}

.entry-meta span a {
	position: relative;
	/* border-bottom: 2px solid transparent; */
	-webkit-transition: .25s all ease;
	transition: .25s all ease;
}

.entry-meta .icon-metas:not(.icon-comments) {
	display: none;
}

.entry-meta .updated {
	display: none;
}

.entry-meta .author-avatar {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	/* top: .5em; */
	line-height: 0;
}

.entry-meta .author-avatar .avatar {
	width: 4em;
	height: 4em;
	border-radius: 100%;
	margin-bottom: 8px;
	border: 2px solid #BBB;
	border-radius: 100px;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.entry-utility {
	float: none;
	clear: both;
	overflow: visible;
}

.entry-utility span.bl_bookmark {
	display: inline;
	float: none;
	padding: 0;
}

.post-continue-container {
	overflow: hidden;
}

.comments-link {
	float: right;
	position: relative;
	display: inline-block;
}

.comments-link a {
	-webkit-transition: .2s ease-out color;
	transition: .2s ease-out color;
}

.single .comments-link {
	float: none;
}

.single .comments-link i {
	display: none;
}

.single .comments-link a {
	padding: 0;
}

.article-inner .entry-header {
	position: relative;
}

.main .article-inner > header {
	display: none;
}

#container#container .page-header.pad-container {
	margin-bottom: 2.5em;
	padding: 2em;
}

body:not(.page-template-template-blog) .page-header.pad-container {
	display: none;
}

body.bravada-desc-in-content.archive .page-header.pad-container {
	display: block;
}

body.bravada-desc-in-content.archive .page-header.pad-container .page-title {
	display: none;
}


body.page-template-template-blog .page-header.pad-container .page-title {
	display: none;
}

.page-header.pad-container:empty {
	display: none;
}

.entry-meta abbr,
.entry-utility abbr {
	border: none;
}

.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted transparent;
}

.entry-meta span i::before {
	cursor: default;
	-webkit-transition: .6s all ease-in-out .2s;
	transition: .6s all ease-in-out .2s;
}

.tag-links {
	margin-left: 2em;
}

span.edit-link a.post-edit-link,
span.edit-link a.post-edit-link:hover,
span.edit-link .icon-edit::before {
	margin: 0;
	padding: 0;
}

span.edit-link:hover {
	opacity: 1;
}

span.edit-link .icon-edit::before {
	font-size: 0.8em;
}

.entry-meta > span.edit-link {
	border: 1px dashed;
	padding: 0 10px;
	float: right;
}

.single .entry-meta > span.edit-link {
	font-size: 0.8em;
}

/* ## Header titles */
#header-overlay {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#header-page-title {
	position: absolute;
	z-index: 11;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	height: 100%;
	padding: 0 2em;
}

#header-page-title-overlay {
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#header-page-title #header-page-title-inside {
	margin: 0 auto;
	padding: 2em 2em;
}

#header-page-title .entry-title {
	position: relative;
	margin: 0.1em auto 0.3em;
	text-align: center;
	/* opacity: 0; */
	/* -webkit-animation: .5s .15s animation-fadeIn forwards;
	animation: .5s .15s animation-fadeIn forwards; */
}

#header-page-title #breadcrumbs-container {
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom: -10px;
	margin: auto;
	text-align: center;
	line-height: 1.3;
	opacity: 0;
	-webkit-animation: .5s 1s animation-fadeIn ease-out forwards;
	animation: .5s 1s animation-fadeIn ease-out forwards;
}

#header-page-title #breadcrumbs {
	width: 100%;
	margin: 0;
	padding: 0;
}

#header-page-title .icon-bread-home::before {
	margin-left: 0.3em;
}

#header-page-title #breadcrumbs-nav > a i {
	color: inherit;
}

#header-page-title #breadcrumbs-nav > a,
#header-page-title #breadcrumbs-nav > span {
	display: inline-block;
	margin: 0 1px;
	/* border-left: 2px solid rgba(255,255,255,.5); */
	padding: 5px 10px;
	font-size: 0.9em;
	color: inherit;
	background: rgba(255,255,255,.2);
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
	opacity: 0.5;
}

#header-page-title #breadcrumbs-nav > a:hover {
	opacity: 0.75;
}

#header-page-title .byline {
	position: relative;
	clear: both;
	display: block;
	overflow: hidden;
	max-width: 70%;
	min-width: 300px;
	margin: 1.5em auto 1em;
	font-size: 1em;
	text-align: center;
	opacity: 0;
	-webkit-animation: .5s .45s animation-fadeIn forwards;
	animation: .5s .45s animation-fadeIn forwards;
}

#header-page-title .byline:empty {
	margin: 0;
}

@media (max-width: 640px) {
	#header-page-title .byline {
		max-width: none;
		min-width: 0;
	}
}

#header-page-title .pretitle-meta {
	position: relative;
	opacity: 0;
	text-align: center;
	-webkit-animation: .5s .05s animation-fadeIn forwards;
	animation: .5s .05s animation-fadeIn forwards;
}

#header-page-title .aftertitle-meta {
	margin-bottom: 1em;
	text-align: center;
	opacity: 0;
	-webkit-animation: .5s .25s animation-fadeIn forwards;
	animation: .5s .25s animation-fadeIn forwards;
}

#header-page-title .category-metas a {
	border-bottom: 1px dotted;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

#header-page-title .category-metas a:hover {
	border-bottom-color: #FFF;
}

#header-page-title .icon-date {
	font-size: 0.833em;
}

#header-page-title .date {
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: .4em;
	opacity: .5;
}

#header-page-title .author-container {
	margin: 2em auto;
	font-weight: 300;
	letter-spacing: 0.5px;
}

#header-page-title .author-container > .author {
	display: inline-block;
}

.author #header-page-title .avatar {
	display: table;
	margin: 0 auto;
	border: 2px solid #BBB;
	border-radius: 100px;
}

.meta-arrow {
	position: absolute;
	z-index: 15;
	left: 0;
	right: 0;
	bottom: 80px;
	width: 100px;
	height: 65px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.5em;
	font-weight: 300;
	color: inherit;
}

@media (max-width: 1200px) {
	.meta-arrow {
		/* display: none; */
		bottom: 50px;
	}
}

body:not(.bravada-fullscreen-headerimage) .meta-arrow {
	display: none;
}

a.meta-arrow:hover {
	color: inherit;
}

.meta-arrow > i {
	margin: auto;
}

.meta-arrow > i::before {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	-webkit-animation: meta-arrow 2.2s ease-out infinite;
	animation: meta-arrow 2.2s ease-out infinite;
}

@keyframes meta-arrow {
	60% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
}

@-webkit-keyframes meta-arrow {
	60% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
}


/*--------------------------------------------------------------
	## AUTHOR INFO
--------------------------------------------------------------*/
.author-info {
	clear: both;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	overflow: hidden;
}

.single .author-info {
	margin: 4em 0;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	padding-top: 3em;
	padding-bottom: 3em;
}


.author-info .author-avatar {
	display: table;
	float: left;
	height: 80px;
	width: 80px;
	margin: 0 auto;
	line-height: 0;
}

.author-info .author-description {
	overflow: hidden;
	width: 100%;
	margin-left: 40px;
}

.author-description .page-title span {
	position: relative;
}

article .author-info {
	clear: both;
	overflow: hidden;
	margin: 2.5em 0 0;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	padding: 1.5em 0;
}

.author-info .avatar {
	position: relative;
	top: 0;
	display: block;
	padding: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
	border-radius: 50%;
	-webkit-transition: .3s ease-out all;
	transition: .3s ease-out all;
}

.author-info:hover .avatar {
	top: -5px;
	padding: 0;
}

.author-info .author-link {
	font-size: .9em;
	opacity: .5;
}

.author-info .author-link a {
	color: inherit;
}

.author-description .author-text {
	margin: 1em auto;
	text-align: justify;
	line-height: 1.5;
}

@media (max-width: 640px) {

	.author-info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
		padding: 1.5em;
		text-align: center;
	}

	.author-info .author-description {
		margin-left: 0;
		text-align: center;
	}

	.author-description .author-text {
		text-align: center;
	}

}

/*--------------------------------------------------------------
	## ARTICLES
--------------------------------------------------------------*/

article.sticky .date {
	display: none;
}

article.hentry,
.main .content-widget {
	display: block;
	overflow: hidden;
	margin-bottom: 2em;
}

.single article.hentry,
.page article.hentry {
	overflow: visible;
}

article.hentry .article-inner {
	clear: both;
	display: block;
}

#content-masonry {
	margin-right: -2%;
	margin-left: -2%;
}

@media (min-width: 1024px) {
	.bravada-magazine-three #content-masonry {
		margin-right: -1%;
		margin-left: -1%;
	}
}

#content-masonry article.hentry {
	display: block;
	overflow: hidden;
	margin: 0;
	margin-right: 2%;
	margin-bottom: 4%;
	margin-left: 2%;
}

@media (min-width: 1024px) {
	.bravada-magazine-three #content-masonry article.hentry {
		margin-right: 1%;
		margin-bottom: 2%;
		margin-left: 1%;
	}
}

.bravada-magazine-one #content-masonry article.hentry {
	width: 96%;
}

.bravada-magazine-two #content-masonry article.hentry {
	float: left;
	width: 46%;
}

.bravada-magazine-two #content-masonry article.hentry:nth-child(2n+1) {
	clear: both;
}

.bravada-magazine-three #content-masonry article.hentry {
	float: left;
	width: 31.33333333%;
}

.bravada-magazine-three #content-masonry article.hentry:nth-child(3n+1) {
	clear: both;
}

#content-masonry article.hentry .article-inner {
	padding: 0;
}

article.hentry .post-thumbnail-container {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	line-height: 0;
}

body:not(.single) article.hentry .post-thumbnail-container::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	opacity: 0;
	-webkit-transition: .3s opacity ease-out;
	transition: .3s opacity ease-out;
}

body:not(.single) article.hentry .post-thumbnail-container:hover::after {
	opacity: 1;
}

article.hentry .post-thumbnail-container > .responsive-featured-image {
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.bravada-cropped-featured .main .post-thumbnail-container picture.responsive-featured-image {
	display: none;
}

.bravada-responsive-featured .main .post-thumbnail-container a.post-featured-image {
	display: none;
}

.post-thumbnail-container .featured-image-overlay {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.post-thumbnail-container .featured-image-overlay::before,
.post-thumbnail-container .featured-image-overlay::after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	pointer-events: none;
	-webkit-transition: 0.2s ease-out all;
	transition: 0.2s ease-out all;
}

.post-thumbnail-container .featured-image-overlay::after {
	opacity: 0;
}

.post-thumbnail-container:hover .featured-image-overlay:before {
	opacity: 0;
}

.post-thumbnail-container:hover .featured-image-overlay:after {
	opacity: 0;
}

.post-thumbnail-container .responsive-featured-image {
	/* -webkit-transform: scale(1.05);
	transform: scale(1.05); */
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.post-thumbnail-container:hover .responsive-featured-image {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.post-thumbnail-container .featured-image-overlay a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/*--------------------------------------------------------------
	## ARTICLE ANIMATION
--------------------------------------------------------------*/

article.hentry {
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	opacity: 1;
	-webkit-filter: none;
	filter: none;
	-webkit-transform: translateY(0) scale(1, 1) perspective(1000px) rotateX(0) rotateY(0);
	transform: translateY(0) scale(1, 1) perspective(1000px) rotateX(0) rotateY(0);
	-webkit-transition: .5s opacity ease-in-out, .5s transform ease-in-out, .5s filter ease;
	transition: .5s opacity ease-in-out, .5s transform ease-in-out, .5s filter ease;
}

body:not(.bravada-landing-page):not(.bravada-lazy-noanimation) #content img[loading="lazy"] {
	opacity: 0;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

body:not(.bravada-landing-page) #content img[loading="lazy"].animate-lazy {
	opacity: 1;
}

/* Article Fade */
.bravada-article-animation-fade .animated-onscroll {
	opacity: 0;
}

/* Article Slide */
.bravada-article-animation-slide .animated-onscroll {
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
}

/* Article Grow */
.bravada-article-animation-grow .animated-onscroll {
	-webkit-transform: scale(0.85, 0.85);
	transform: scale(0.85, 0.85);
}

/* Article Slide Left */
.bravada-article-animation-slideLeft .animated-onscroll {
	opacity: 0;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
}

/* Article Slide Right */
.bravada-article-animation-slideRight .animated-onscroll {
	opacity: 0;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}

/* Article Zoom In */
.bravada-article-animation-zoomIn .animated-onscroll {
	opacity: 0;
	-webkit-transform: scale(.9, .9);
	transform: scale(.9, .9);
}

/* Article Zoom out */
.bravada-article-animation-zoomOut .animated-onscroll {
	opacity: 0;
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}

/* Article Blur */
.bravada-article-animation-blur .animated-onscroll {
	opacity: 0;
	-webkit-filter: blur(8px);
	-ms-filter: blur(8px);
	filter: blur(8px);
}

/* Article Flip Left */
.bravada-article-animation-flipLeft .animated-onscroll {
	-webkit-transform: perspective(1000px) rotateY(-20deg);
	transform: perspective(1000px) rotateY(-20deg);
}

/* Article Flip Right */
.bravada-article-animation-flipRight .animated-onscroll {
	-webkit-transform: perspective(1000px) rotateY(20deg);
	transform: perspective(1000px) rotateY(20deg);
}

/* Article Flip Up */
.bravada-article-animation-flipUp .animated-onscroll {
	-webkit-transform: perspective(1000px) rotateX(-20deg);
	transform: perspective(1000px) rotateX(-20deg);
}

/* Article Flip Down */
.bravada-article-animation-flipDown .animated-onscroll {
	-webkit-transform: perspective(1000px) rotateX(20deg);
	transform: perspective(1000px) rotateX(20deg);
}

/*--------------------------------------------------------------
	## IMAGES
--------------------------------------------------------------*/

/* Prevent overlfow */
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	height: auto;
	max-width: 100%;
}

.main a.post-featured-image {
	position: relative;
	display: inline-block;
	height: 100%;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.main a.post-featured-image:hover {
	background-position: 50% 0%;
}

.main a.post-featured-image::before {
	content: "";
	position: absolute;
	bottom: 100%;
	width: 100%;
	height: 100%;
	border-bottom: 1px solid rgba(255,255,255,.4);
	background: rgba(0, 0, 0, .2);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.main a.post-featured-image:hover::before {
	bottom: -1px;
}

.alignleft,
img.alignleft {
	float: left;
	margin-right: 2em;
}

.alignright,
img.alignright {
	float: right;
	margin-left: 2em;
}

.aligncenter,
img.aligncenter {
	/* 	display: block; */
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
img.aligncenter {
	display: block;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1em;
}

img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone,
.wp-caption img {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

img.alignleft:hover,
img.alignright:hover,
img.aligncenter:hover,
img.alignnone:hover,
.wp-caption img:hover {}

.wp-caption {
	max-width: 100%;
	margin-bottom: 1em;
	text-align: center;
}

body .main .wp-caption > a {
	display: block;
}

.wp-caption img {
	display: block;
	width: 100%;
	border: none;
	padding: 0;
    box-shadow: none;
}

.wp-caption .wp-caption-text {
	padding: .7em .5em;
	text-align: center;
	font-style: italic;
}

.wp-smiley {
	width: auto;
	margin: 0;
	border: 0;
	vertical-align: middle;
	background: none;
    box-shadow: none;
}

/*--------------------------------------------------------------
	## PAGE NAVIGATION
--------------------------------------------------------------*/

/* Multiple page navigation */
.page-link {
	clear: both;
	display: block;
	margin: .7em 0;
}

.page-link a,
.page-link > span > span > em {
	display: inline-block;
	height: 1.5em;
	width: 1.5em;
	margin-right: 1px;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.page-link > span {
	display: inline-block;
}

.page-link a:hover {}

.page-link em {
	font-style: normal;
}

.page-link span > em,
.pagination span {
	cursor: default;
}

.page-link a:hover {}

/* Single Previous/Next Post Navigation */
#nav-below {
	float: none;
	clear: both;
	display: block;
	overflow: hidden;
	margin-top: 3em;
}

#nav-below > div {
	min-height: 1em;
}

#nav-below em:only-child {
	display: none;
}

#nav-below .nav-previous,
#nav-below .nav-next {
	position: relative;
	display: block;
	float: left;
	height: 200px;
	width: 50%;
	line-height: 0;
}

@media (max-width: 480px) {
	#nav-below .nav-previous,
	#nav-below .nav-next {
		width: 100%;
		float: none;
	}
}

#nav-below .nav-previous::before,
#nav-below .nav-next::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.6)) , color-stop(95%, rgba(0,0,0,0.9)));
	background: linear-gradient(to right, rgba(0,0,0,0.6) , rgba(0,0,0,0.9) 95%);
}


#nav-below .nav-next::before {
	background: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.6)) , color-stop(95%, rgba(0,0,0,0.9)));
	background: linear-gradient(to left, rgba(0,0,0,0.6) , rgba(0,0,0,0.9) 95%);
}

#nav-below .nav-previous::after,
#nav-below .nav-next::after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
}

#nav-below .nav-next {
	text-align: right;
}

#nav-below .nav-previous a,
#nav-below .nav-next a  {
	display: block;
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 3em;
	max-width: 90%;
	line-height: 1.5;
	word-wrap: break-word;
	color: #FFF;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#nav-below .nav-next a  {
	left: auto;
	right: 3em;
}

@media (max-width: 1024px) {
	#nav-below .nav-previous a {
		left: 2em;
	}

	#nav-below .nav-next a  {
		right: 2em;
	}
}

@media (max-width: 640px) {
	#nav-below .nav-previous a {
		left: 1em;
		line-height: 1.3;
	}

	#nav-below .nav-next a  {
		right: 1em;
		line-height: 1.3;
	}
}

#nav-below img {
	height: 200px;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: 50% 50%;
	   object-position: 50% 50%;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

#nav-below .nav-previous:hover img,
#nav-below .nav-next:hover img {
	-o-object-position: 50% 55%;
	   object-position: 50% 55%;
}

#nav-below em {
	position: relative;
	display: inline-block;
	float: none;
	font-style: normal;
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 400;
}

#nav-below span {
	display: block;
	font-size: 1.7em;
}


/* Single Fixed Previous/Next Post Navigation */
#nav-fixed {
	opacity: 0;
}

#nav-fixed,
#nav-fixed * {
	-webkit-transition: .3s ease-out all;
	transition: .3s ease-out all;
}

#nav-fixed a {
	color: inherit;
}

#nav-fixed.nav-fixed-show {
	opacity: 1;
}

#nav-fixed.nav-fixed-show .nav-previous i {
	left: 0;
}

#nav-fixed.nav-fixed-show .nav-next i {
	right: 0;
}

#nav-fixed a + a {
	position: relative;
	z-index: -1;
	visibility: hidden;
	display: inline-block;
	max-width: 500px;
	padding: 17px 20px 17px 44px;
	font-size: 0.8333em;
	line-height: 30px;
	font-style: italic;
	opacity: 0;
}

#nav-fixed .nav-previous a + a {
	margin-left: 30px;
}

#nav-fixed .nav-next a + a {
	padding: 17px 44px 17px 20px;
	margin-right: 30px;
}

#nav-fixed .nav-previous a:hover + a,
#nav-fixed .nav-previous a + a:hover {
	visibility: visible;
	margin-left: 0;
	opacity: 1;
}

#nav-fixed .nav-next a:hover + a,
#nav-fixed .nav-next a + a:hover {
	visibility: visible;
	margin-right: 0;
	opacity: 1;
}

#nav-fixed span {
	position: relative;
}

#nav-fixed span::before,
#nav-fixed span:after {
	content: '"';
	position: relative;
}

#nav-fixed .nav-previous span {
	padding-right: 10px;
}

#nav-fixed .nav-next span {
	padding-left: 10px;
}

#nav-fixed i {
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 44px;
	height: 64px;
	margin: auto;
}

#nav-fixed .nav-previous i {
	left: -70px;
}

#nav-fixed .nav-next i {
	right: -70px;
}

#nav-fixed i::before {
	position: absolute;
	left: 50%;
	right: auto;
	top: 50%;
	margin: auto;
	font-size: 30px;
	text-align: center;
	-webkit-transform: translateY(-50%) translateX(-40%);
	transform: translateY(-50%) translateX(-40%);
	-webkit-transition: .3s ease-out all;
	transition: .3s ease-out all;
}

#nav-fixed .nav-previous i::before {
	-webkit-transform: translateY(-50%) translateX(-60%) rotate(180deg);
	transform: translateY(-50%) translateX(-60%) rotate(180deg);
}

#nav-fixed .nav-previous:hover i::before {
	-webkit-transform: translateY(-50%) translateX(-80%) rotate(180deg);
	transform: translateY(-50%) translateX(-80%) rotate(180deg);
}

#nav-fixed .nav-next:hover i::before {
	-webkit-transform: translateY(-50%) translateX(-20%);
	transform: translateY(-50%) translateX(-20%);
}

#nav-fixed .nav-previous,
#nav-fixed .nav-next {
	position: fixed;
	top: 50%;
	z-index: 50;
	max-width: 44px;
	max-height: 64px;
}

#nav-fixed .nav-previous:hover,
#nav-fixed .nav-next:hover {
	max-width: 9999px;
	-webkit-transition: none;
	transition: none;
}

#nav-fixed .nav-previous {
	left: 0;
}

#nav-fixed .nav-next {
	right: 0;
}

/* Blog, Archive Pages Previous/Next Posts Pagination */
#nav-old-below {
	float: none;
	clear: both;
	display: table;
	width: 100%;
	max-width: 480px;
	margin: 2em auto;
}

#nav-old-below .nav-previous{
	float: left;
}

#nav-old-below .nav-next {
	float: right;
}

#nav-old-below .nav-previous a,
#nav-old-below .nav-next a {
	display: block;
	-webkit-transition: .3s all ease;
	transition: .3s all ease;
}

#nav-old-below i::before {
	margin: 0 .5em;
}

.schema-publisher,
.schema-image {
    display: none;
}

/*--------------------------------------------------------------
	# LANDING PAGE
--------------------------------------------------------------*/

.bravada-landing-page .lp-blocks-inside,
.bravada-landing-page .lp-boxes-inside,
.bravada-landing-page .lp-page-inside,
.bravada-landing-page .lp-posts-inside {
	/* margin: 0 auto; */
	overflow: hidden;
}

@media (max-width: 1200px) {
	.bravada-landing-page .lp-blocks-inside,
	.bravada-landing-page .lp-boxes-inside,
	.bravada-landing-page .lp-page-inside,
	.bravada-landing-page .lp-posts-inside {
		max-width: 100%;
	}
}

.bravada-landing-page .lp-portfolio-inside {
	margin: 0 auto;
}

.bravada-landing-page .lp-text-inside,
.bravada-landing-page .lp-blocks-inside,
.lp-boxes .lp-boxes-inside,
.lp-boxes .lp-boxes-margins,
.lp-portfolio-inside,
.lp-testimonials-inside,
.lp-posts-inside,
.lp-page-inside {
	margin: 5em auto;
}

@media (max-width: 800px) {
	.bravada-landing-page .lp-text-inside,
	.bravada-landing-page .lp-blocks-inside,
	.lp-boxes .lp-boxes-inside,
	.lp-boxes .lp-boxes-margins,
	.lp-portfolio-inside,
	.lp-testimonials-inside,
	.lp-posts-inside,
	.lp-page-inside {
		margin: 3em auto;
	}
}

@media (max-width: 480px) {
	.bravada-landing-page .lp-text-inside,
	.bravada-landing-page .lp-blocks-inside,
	.lp-boxes .lp-boxes-inside,
	.lp-boxes .lp-boxes-margins,
	.lp-portfolio-inside,
	.lp-testimonials-inside,
	.lp-posts-inside,
	.lp-page-inside {
		margin: 2em auto;
	}
}

.bravada-landing-page #header-image-main-inside {
	display: none;
}

.bravada-landing-page #content {
	margin-top: 0;
}

.bravada-landing-page #main {
	width: 100%;
}

.lp-section-header {
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-flow: column wrap-reverse;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 5em auto 2em;
	text-align: center;
}

@media (max-width: 800px) {
	.lp-section-header {
		margin: 3em auto 1.5em;
	}
}

@media (max-width: 480px) {
	.lp-section-header {
		margin: 2em auto 1em;
	}
}

.lp-section-header .lp-section-title,
.lp-section-header .lp-section-desc {
	max-width: 60%;
	-ms-flex-order: 1;
	-webkit-box-ordinal-group: 2;
	order: 1;
}

@media (max-width: 800px) {
	.lp-section-header .lp-section-title,
	.lp-section-header .lp-section-desc {
		max-width: 90%;
	}
}

.main .lp-section-header .lp-section-title {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 5em;
	font-size: clamp(2.5em, 10vw, 5em);
	line-height: 1;
	font-weight: 900;
	opacity: 0.1;
}

.lp-section-header .lp-section-desc {
	position: relative;
	-ms-flex-order: 2;
	-webkit-box-ordinal-group: 3;
	order: 2;
	max-width: 45%;
	margin: 0;
	margin-top: -1.4em;
	padding: 0;
	font-size: 1.4em;
	line-height: 1.2;
}

.lp-section-header + .lp-boxes-padding {
	margin-top: 4em;
}

/* ## LP Slider */
.lp-staticslider {
	position: relative;
	overflow: hidden;
	text-align: center; /* for images on >1920 */
}

.lp-staticslider-image {
	vertical-align: middle;
}

.lp-staticslider-image,
.header-image {
	/* opacity: 0;
	-webkit-animation: .75s animation-fadeIn ease-out forwards;
	animation: .75s animation-fadeIn ease-out forwards; */
}

.bravada-fullscreen-headerimage.bravada-cropped-headerimage #masthead #header-image-main-inside {
	height: 100vh;
}

.bravada-fullscreen-headerimage.bravada-responsive-headerimage #masthead #header-image-main-inside {
	max-height: 100vh;
}

.bravada-fullscreen-headerimage.bravada-cropped-headerimage div.header-image {
	height: 100%;
}

.bravada-fullscreen-headerimage .lp-staticslider {
	height: 100vh;
}

.bravada-fullscreen-headerimage .lp-staticslider-image,
.bravada-fullscreen-headerimage .header-image {
	height: 100vh;
	width: 100%;
	object-fit: cover;
}

@media (max-width: 640px) {
	.bravada-fullscreen-headerimage .lp-staticslider,
	.bravada-fullscreen-headerimage .lp-staticslider-image {
		/* height: auto; */
		min-height: 100vh;
	}

}

.lp-staticslider .staticslider-caption,
.seriousslider-theme .seriousslider-caption {
	position: absolute;
	z-index: 3;
	left: 0;
/* 	top: 0; */ /* breaks slider caption vertical positioning */
	bottom: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}

/*
@media (max-width: 1024px) {
	.lp-staticslider .staticslider-caption,
	.seriousslider-theme .seriousslider-caption {
		justify-content: flex-start;
		bottom: auto;
		padding-top: 5vh;
	}
} */

.lp-staticslider::after,
.seriousslider-theme .item::after {
	content: "";
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.lp-staticslider .staticslider-caption-inside,
.seriousslider-theme .seriousslider-caption-inside {
	max-width: 90%;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 900px) {

	.lp-staticslider .staticslider-caption-inside,
	.seriousslider-theme .seriousslider-caption-inside {
		max-width: 100%;
	}

}

@-webkit-keyframes animation-fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes animation-fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes animation-fadeIn-blur {

	0% {
		opacity: 0;
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}
	50% {
		opacity: 1;
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}
	100% {
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}

}

@keyframes animation-fadeIn-blur {

	0% {
		opacity: 0;
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}
	50% {
		opacity: 1;
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}
	100% {
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}

}

@-webkit-keyframes animation-slideUp {
	from {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes animation-slideUp {
	from {
		opacity: 0;
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes animation-slideRight {
	from {
		opacity: 0;
		-webkit-transform: translateX(-25px);
		transform: translateX(-25px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes animation-slideRight {
	from {
		opacity: 0;
		-webkit-transform: translateX(-25px);
		transform: translateX(-25px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes animation-slideRightShow {
	from {
		opacity: 0;
		-webkit-transform: translateX(150%);
		transform: translateX(150%);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes animation-slideRightShow {
	from {
		opacity: 0;
		-webkit-transform: translateX(150%);
		transform: translateX(150%);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes animation-slideRightHide {
	from {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		opacity: 0;
		-webkit-transform: translateX(150%);
		transform: translateX(150%);
	}
}

@keyframes animation-slideRightHide {
	from {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		opacity: 0;
		-webkit-transform: translateX(150%);
		transform: translateX(150%);
	}
}

@-webkit-keyframes animation-slideLeftHide {
	from {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		opacity: 0;
		-webkit-transform: translateX(-150%);
		transform: translateX(-150%);
	}
}

@keyframes animation-slideLeftHide {
	from {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		opacity: 0;
		-webkit-transform: translateX(-150%);
		transform: translateX(-150%);
	}
}

@-webkit-keyframes animation-slideLeftShow {
	from {
		opacity: 0;
		-webkit-transform: translateX(-150%);
		transform: translateX(-150%);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes animation-slideLeftShow {
	from {
		opacity: 0;
		-webkit-transform: translateX(-150%);
		transform: translateX(-150%);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.lp-staticslider .staticslider-caption-title,
.seriousslider-theme .seriousslider-caption-title {
	position: relative;
	float: none;
	display: block;
	margin-top: 0;
	margin-bottom: 0.1em;
	font-size: 5em;
	line-height: 1.1;
	font-weight: bold;
	letter-spacing: 0;
	opacity: 0;
	-webkit-animation: .5s 0.25s animation-slideRight ease-out forwards;
	animation: .5s 0.25s animation-slideRight ease-out forwards;
}

.lp-staticslider .staticslider-sep {
	display: none;
}

.animated-title .caption-title-word {
	display: inline-block;
	font-style: normal;
}

.animated-title .caption-title-word > span {
	position: relative;
	display: inline-block;
	line-height: 1.2;
	opacity: 0;
	-webkit-animation: showwords 2.5s ease forwards;
	animation: showwords 2.5s ease forwards;
}

.animated-title .caption-title-word > span:nth-child(n) {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
}

.animated-title .caption-title-word > span:nth-child(2n) {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
}

.animated-title .caption-title-word > span:nth-child(3n) {
	-webkit-animation-duration: 2.8s;
	animation-duration: 2.8s;
}

.animated-title .caption-title-word > span:nth-child(4n) {
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
}

.animated-title .caption-title-word > span:nth-child(5n) {
	-webkit-animation-duration: 3.6s;
	animation-duration: 3.6s;
}

.animated-title .caption-title-word > span:nth-child(6n) {
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
}

.animated-title .caption-title-word > span:nth-child(7n) {
	-webkit-animation-duration: 3.2s;
	animation-duration: 3.2s;
}

.animated-title .caption-title-word > span:nth-child(8n) {
	-webkit-animation-duration: 2.0s;
	animation-duration: 2.0s;
}

.animated-title .caption-title-word > span:nth-child(9n) {
	-webkit-animation-duration: 2.8s;
	animation-duration: 2.8s;
}

@-webkit-keyframes showwords {
	to {
		opacity: 1;
	}
}

@keyframes showwords {
	to {
		opacity: 1;
	}
}

.animated-title .caption-title-word span.cry-single {
	position: relative;
}

.animated-title .caption-title-word span.cry-double {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.animated-title span.cry-single,
.animated-title span.cry-double {
	-webkit-transition: color .5s ease-out;
	transition: color .5s ease-out;
}

.animated-title .caption-title-word > span:nth-child(n) span.cry-single.animated-letter {
	-webkit-animation: 1.5s 0.25s animation-slideLeftHide ease-in-out forwards;
	animation: 1.5s 0.25s animation-slideLeftHide ease-in-out forwards;
}

.animated-title .caption-title-word > span:nth-child(2n) span.cry-single.animated-letter {
	-webkit-animation: 1.5s 0.25s animation-slideRightHide ease-in-out forwards;
	animation: 1.5s 0.25s animation-slideRightHide ease-in-out forwards;
}

.animated-title .caption-title-word > span:nth-child(n) span.cry-double.animated-letter {
	-webkit-animation: 1s animation-slideRightShow ease-in-out forwards;
	animation: 1s animation-slideRightShow ease-in-out forwards;
}

.animated-title .caption-title-word > span:nth-child(2n) span.cry-double.animated-letter {
	-webkit-animation: 1s animation-slideLeftShow ease-in-out forwards;
	animation: 1s animation-slideLeftShow ease-in-out forwards;
}


.lp-staticslider .staticslider-caption-text,
.seriousslider-theme .seriousslider-caption-text {
	position: relative;
	float: none;
	clear: both;
	display: block;
	max-width: 80%;
	margin: 3em auto;
	font-size: 1.2em;
	line-height: 1.5;
	font-weight: 300;
	letter-spacing: 1px;
	opacity: 0;
	-webkit-animation: .5s 0.5s animation-slideRight ease-out forwards;
	animation: .5s 0.5s animation-slideRight ease-out forwards;
}

.staticslider-caption-buttons,
.seriousslider-theme .seriousslider-caption-buttons {
    clear: both;
    float: none;
	display: table;
	margin: 3em auto;
}

a.staticslider-button,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button {
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	border: 3px solid transparent;
	padding: 15px 30px 15px 40px;
	padding-right: calc(50px - 1em);
	font-size: 1em;
	font-weight: bold;
	opacity: 0;
	color: #FFF;
	-webkit-transition: .3s ease-in-out all;
	transition: .3s ease-in-out all;
	-webkit-animation: .5s 0.75s animation-slideRight ease-out forwards;
	animation: .5s 0.75s animation-slideRight ease-out forwards;
}

a.staticslider-button:nth-child(2n+1),
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button:nth-child(2n+1) {
	background: rgba(0,0,0,0);
	border-color: white;
}

a.staticslider-button:nth-child(2n+1):hover,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button:nth-child(2n+1):hover {
	background: rgba(0,0,0,.2);
}

a.staticslider-button:hover,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button:hover {
	color: #FFF;
	padding-right: 44px;
	padding-right: calc(45px - 1em);
	padding-left: 25px;
}

a.staticslider-button::after,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button::after {
	position: relative;
	top: 2px;
	font-family: "iconmeta";
	content: "\e0a3";
	margin-left: -20px;
	padding-left: 10px;
	font-size: 1em;
	opacity: 0;
	-webkit-transition: .3s ease-in-out all;
	transition: .3s ease-in-out all;
}

a.staticslider-button:hover::after,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button:hover::after {
	opacity: 1;
	margin-left: 0;
}

a.staticslider-button + a.staticslider-button,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button + a.seriousslider-button {
	margin-left: 1.5em;
}

@media (max-width: 480px) {

	a.staticslider-button,
	.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button {
		display: block;
		width: 100%;
	}

	a.staticslider-button + a.staticslider-button,
	.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button + a.seriousslider-button {
		margin-top: 1.5em;
		margin-left: 0;
	}
}

/* # LP Blocks */
.lp-blocks {
	float: none;
	display: block;
	overflow: hidden;
	width: 100%;
}

.lp-blocks-inside {
	position: relative;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row wrap;
	overflow: hidden;
	padding: 2em;
}

@media (max-width: 800px) {
	.lp-blocks-inside {
		padding: 0 1em
	}
}

.lp-block {
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
	padding: 2em 2em;
}

.lp-blocks.lp-blocks-rows-4 .lp-block {
	width: 25%;
}

.lp-blocks.lp-blocks-rows-3 .lp-block {
	width: 33.33333%;
}

.lp-blocks.lp-blocks-rows-2 .lp-block {
	width: 50%;
}

.lp-blocks.lp-blocks-rows-1 .lp-block {
	width: 100%;
	margin-right: 0;
}

.lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(4n),
.lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(3n),
.lp-blocks.lp-blocks-rows-2 .lp-block:nth-child(2n) {
	margin-right: 0;
}

.lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(4n+1),
.lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(3n+1),
.lp-blocks.lp-blocks-rows-2 .lp-block:nth-child(2n+1) {
	clear: both;
}

.lp-block-icon {
	position: relative;
	height: 42px;
	margin-bottom: 10px;
}

.lp-block i[class^="blicon"] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	float: none;
	display: inline-block;
	margin: 0 auto;
    text-align: center;
	line-height: 1;
	cursor: default;
	-webkit-transition: .25s ease-out all;
	transition: .25s ease-out all;
}

.lp-block i[class^="blicon"] + i[class^="blicon"] {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translateY(-40px) scale(0.65);
	        transform: translateY(-40px) scale(0.65);
}

.lp-block:hover i[class^=blicon] {
	-webkit-transform: translateY(40px) scale(0.65);
	        transform: translateY(40px) scale(0.65);
	opacity: 0;
}

.lp-block:hover i[class^=blicon] + i[class^=blicon] {
	-webkit-transform: translateY(0) scale(1);
	        transform: translateY(0) scale(1);
	opacity: 1;
}


.lp-block i[class^="blicon"]::before {
	position: relative;
	z-index: 2;
	font-size: 42px;
	line-height: 1;
	-webkit-transition: .25s ease-out all;
	transition: .25s ease-out all;
}

.lp-block > a i[class^=blicon] {
	cursor: pointer;
}

.lp-block-content {
	display: block;
	overflow: hidden;
	text-align: center;
}

.lp-block .lp-block-title {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 1.5em auto;
	font-size: 1.05em;
	line-height: 1.4;
	font-family: inherit;
	-webkit-transition: .25s ease-out all;
	transition: .25s ease-out all;
}

.lp-block .lp-block-title::after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 102%;
	height: 1em;
	left: -1%;
	top: 50%;
	margin: auto;
	opacity: 0.4;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform-origin: center right;
	        transform-origin: center right;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.lp-block-text {
	width: 100%;
}

.lp-block .lp-block-readmore {
	position: relative;
	display: block;
	margin: 0.5em auto 0;
	padding: 0;
	font-size: 0.9em;
	text-align: center;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.lp-block .lp-block-padder {
	height: .65em;
	width: 100%;
}

/* ## LP Blocks 2 */

.lp-blocks2 .lp-section-header + .lp-blocks-inside {
	padding-top: 2em;
	padding-bottom: 5em;
}

.lp-blocks2 .lp-block {
	position: relative;
	z-index: 1;
	overflow: visible;
	margin-right: 4%;
	margin-top: 3.5%;
	margin-bottom: 3.5%;
	border: 0;
	padding: 0 0 3em;
	text-align: center;
}

.lp-blocks2.lp-blocks-rows-4 .lp-block {
	width: 22.75%;
	margin-right: 3%;
}

.lp-blocks2.lp-blocks-rows-3 .lp-block {
	width: 30.6666%;
}

.lp-blocks2.lp-blocks-rows-2 .lp-block {
	width: 48%;
}

.lp-blocks2 .lp-block-icon {
	display: inline-block;
	float: left;
	height: auto;
	margin: -1.5em 0 0 2.5em;
}

.lp-blocks2 .lp-block i[class^="blicon"] {
	position: relative;
	margin: auto;
	padding: 1.2em;
	text-align: center;
}

.lp-blocks2 .lp-block i[class^="blicon"]::before {
	font-size: 30px;
}

.lp-blocks2 .lp-block i[class^="blicon"] + i[class^="blicon"] {

	-webkit-transform: translateX(-40px) scale(0.65);
	        transform: translateX(-40px) scale(0.65);
}

.lp-blocks2 .lp-block:hover i[class^=blicon] {
	-webkit-transform: translateX(40px) scale(0.65);
	        transform: translateX(40px) scale(0.65);
}

.lp-blocks2 .lp-block:hover i[class^=blicon] + i[class^=blicon] {
	-webkit-transform: translateX(0) scale(1);
	        transform: translateX(0) scale(1);
}

.main .lp-blocks2 .lp-block-content {
	clear: both;
	padding: 1em 2.5em 0;
	text-align: left;
}

.lp-blocks2 .lp-block .lp-block-title {
	margin: 1em auto .6em;
	font-weight: bold;
	font-size: 1.2em;
}

.lp-blocks2 .lp-block .lp-block-title::after {
	background: transparent;
}

.lp-blocks2 .lp-block-padder {
	display: none;
}

.lp-blocks2 .lp-block-readmore {
	position: absolute;
	left: 2.5em;
	bottom: 0;
	display: inline-block;
	border: 0;
	padding: 0.7em 1.5em;
	font-size: 0.9em;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
}

.lp-blocks2 .lp-block > a:first-child {
	padding: 0;
}

.lp-blocks2 .lp-block > a:first-child::before {
	display: none;
}


/* ## LP Boxes */
.lp-boxes {
	float: none;
	display: block;
	overflow: hidden;
	width: 100%;
}

.lp-boxes .lp-boxes-inside,
.lp-boxes .lp-boxes-outside {
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row wrap;
}

.lp-boxes .lp-boxes-inside {
	position: relative;
}

.lp-boxes .lp-boxes-inside::before {
	content: "";
	position: absolute;
	left: 2.5em;
	top: 0;
	width: calc(100% - 5em);
	height: 100%;
	opacity: 0.5;
}

.lp-boxes .lp-boxes-inside,
.lp-boxes .lp-boxes-margins {
	overflow: hidden;
	padding-top: 3em;
	padding-bottom: 3em;
}

.lp-boxes .lp-boxes-margins {
	padding-top: 2em;
	padding-bottom: 2em;
}

.lp-box {
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
}

.lp-boxes.lp-boxes-rows-4 .lp-box {
	width: 25%;
}

.lp-boxes.lp-boxes-rows-3 .lp-box {
	width: 33.33333%;
	width: calc(100% / 3);
}

.lp-boxes.lp-boxes-rows-2 .lp-box {
	width: 50%;
}

.lp-boxes.lp-boxes-rows-1 .lp-box {
	width: 100%;
}

.lp-boxes .lp-boxes-margins .lp-box {
	margin-top: 1%;
	margin-bottom: 1%;
	margin-right: 2%;
}

.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins .lp-box {
	width: 23.5%;
}

.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box {
	width: 32%;
}

.lp-boxes.lp-boxes-rows-2 .lp-boxes-margins .lp-box {
	width: 49%;
}

.lp-boxes.lp-boxes-rows-1 .lp-boxes-margins .lp-box {
	margin-top: 1em;
	margin-bottom: 1em;
}

.lp-boxes .lp-boxes-margins.lp-boxes-outside .lp-box {
	margin-right: 1.5%;
	margin-top: 0.75%;
	margin-bottom: 0.75%;
}

.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins.lp-boxes-outside .lp-box {
	width: 23.875%;
}

.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins.lp-boxes-outside .lp-box {
	width: 32.3333%;
}

.lp-boxes.lp-boxes-rows-2 .lp-boxes-margins.lp-boxes-outside .lp-box {
	width: 48.75%;
}

.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins .lp-box:nth-child(4n),
.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box:nth-child(3n),
.lp-boxes.lp-boxes-rows-2 .lp-boxes-margins .lp-box:nth-child(2n) {
	margin-right: 0;
}

.lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(4n+1),
.lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(3n+1),
.lp-boxes.lp-boxes-rows-2 .lp-box:nth-child(2n+1) {
	clear: both;
}

.lp-box-image {
	position: relative;
	overflow: hidden;
}

.lp-box-imagelink {
	position: absolute;
	z-index: 12;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.lp-box-image::before {
	content: "\e07f";
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 100px;
	margin: auto;
	font-family: 'iconmeta';
	font-size: 100px;
	line-height: 1;
	color: rgba(0, 0, 0, .15);
}

.lp-box .lp-box-image > img,
/* for optimization plugins that replace the img: */
.lp-box .lp-box-image picture {
	position: relative;
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
}

.lp-box-titlelink {
	color: inherit;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.main .lp-box-title {
	position: relative;
	display: block;
	margin: 0;
	font-size: 1.325em;
	line-height: 1.5;
	font-weight: 400;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.lp-box-title a,
.lp-box-title a:hover {
	color: inherit;
}

.lp-box-text-inside {
	margin: 1em 0;
	line-height: 1.7;
}

.lp-box-readmore {
	position: relative;
	clear: both;
	float: none;
	display: block;
	margin: 1.1em 0 .55em 0;
	font-weight: bold;
	letter-spacing: 0;
	font-size: 0.9em;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.main .lp-box-title + .lp-box-readmore {
	margin-top: 1.5em;
}

.lp-box-readmore > span {
	position: relative;
	z-index: 9;
}

.lp-box-link {
	display: none;
}

/* ### Animated boxes */
.lp-boxes-animated .lp-box .lp-box-content {
	position: absolute;
	z-index: 30;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	margin: auto;
	background: transparent;
	-webkit-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.lp-boxes-animated.lp-box-title {
	color: #FFF;
}

.lp-boxes-animated .lp-box-text {
	position: relative;
	top: 50%;
	padding: 1em 3em;
	top: 0;
	color: #FFF;
}

.lp-boxes.lp-boxes-animated.lp-boxes-rows-4 .lp-box-text {
	padding: 1em 2em;
}

.lp-boxes-animated .lp-box-title {
	font-weight: bold;
	line-height: 1.1;
	color: #FFF;
}

.lp-boxes.lp-boxes-animated .lp-box-readmore > span {
	opacity: .7;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.lp-boxes.lp-boxes-animated .lp-box-readmore:hover > span {
	opacity: 1;
}

.lp-boxes-animated .lp-box-text-inside {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: 2s ease-out all;
	transition: 2s ease-out all;
}

.lp-boxes-animated .lp-box:hover .lp-box-text-inside {
	max-height: 400px;
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes-animated .lp-box:focus-within .lp-box-text-inside {
	max-height: 400px;
}

.lp-boxes-animated .lp-box .lp-box-image img {
	-webkit-transition: 2s ease-out all;
	transition: 2s ease-out all;
}

.lp-boxes-animated .lp-box:hover .lp-box-image img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes-animated .lp-box:focus-within .lp-box-image img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.lp-boxes-animated .box-overlay {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	opacity: .1;
	-webkit-transition: .5s ease-out all;
	transition: .5s ease-out all;
}

.lp-boxes-animated .lp-box:hover .box-overlay {
	opacity: .95;
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes-animated .lp-box:focus-within .box-overlay {
	opacity: .95;
}


/* ### Animated boxes 2 */
.lp-boxes-animated.lp-boxes-animated2 .lp-box .lp-box-content {
	z-index: 30;
	bottom: 0;
	top: 0;
	height: 100%;
	margin: auto;
}

.lp-boxes-animated.lp-boxes-animated2 .lp-box:hover .lp-box-content {
	opacity: 1;
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes-animated.lp-boxes-animated2 .lp-box:focus-within .lp-box-content {
	opacity: 1;
}

.lp-boxes-animated.lp-boxes-animated2 .box-overlay {
	background: #FFF;
}

.lp-boxes-animated.lp-boxes-animated2 .lp-box-text {
	position: absolute;
	top: 50%;
	color: inherit;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.lp-boxes-animated.lp-boxes-animated2 .lp-box-text-inside {
	max-height: none;
	overflow: visible;
	line-height: 1.5;
}

.lp-boxes-animated.lp-boxes-animated2 .lp-box-text-inside > span {
	display: block;
}

.lp-boxes-animated.lp-boxes-animated2 .lp-box .lp-box-title,
.lp-boxes-animated.lp-boxes-animated2 .lp-box .lp-box-text-inside > span,
.lp-boxes-animated.lp-boxes-animated2 .lp-box .lp-box-readmore {
	opacity: 0;
	-webkit-transform: translateY(-40px);
	        transform: translateY(-40px);
	-webkit-transition: .3s all ease-out;
	transition: .3s all ease-out;
}

.lp-boxes-animated.lp-boxes-animated2 .lp-box:hover .lp-box-title,
.lp-boxes-animated.lp-boxes-animated2 .lp-box:hover .lp-box-text-inside > span,
.lp-boxes-animated.lp-boxes-animated2 .lp-box:hover .lp-box-readmore {
	opacity: 1;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes-animated.lp-boxes-animated2 .lp-box:focus-within .lp-box-title,
.lp-boxes-animated.lp-boxes-animated2 .lp-box:focus-within .lp-box-text-inside > span,
.lp-boxes-animated.lp-boxes-animated2 .lp-box:focus-within .lp-box-readmore {
	opacity: 1;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}

.lp-boxes-animated.lp-boxes-animated2 .lp-box .lp-box-title {
	-webkit-transition-delay: 0.05s;
	        transition-delay: 0.05s;
}

.lp-boxes-animated.lp-boxes-animated2 .lp-box .lp-box-text-inside > span {
	-webkit-transition-delay: 0.1s;
	        transition-delay: 0.1s;
}

.lp-boxes-animated.lp-boxes-animated2 .lp-box .lp-box-readmore {
	-webkit-transition-delay: 0.15s;
	        transition-delay: 0.15s;
}

@media (max-width: 1152px) {
	.lp-boxes-animated.lp-boxes-animated2 .lp-box-imagelink {
		/* pointer-events: none; */
	}
}


/* ### Static boxes */
.lp-boxes.lp-boxes-static .lp-boxes-margins .lp-box {
	margin-top: 1.5%;
	margin-bottom: 1.5%;
}

.lp-boxes-static .lp-box {
	overflow: visible;
	top: 0;
	padding: 0;
	text-align: center;
}

.lp-boxes-static .lp-box:hover {
	top: -10px;
}

.lp-boxes-static .lp-box-inside {
	position: relative;
	top: 0;
	-webkit-transition: .25s ease-out all;
	transition: .25s ease-out all;
}

.lp-boxes-static .lp-box-imagelink {
	border: 0;
	background: transparent;
}

.lp-boxes-static .lp-box-title {
	font-size: 1.3em;
}

.lp-boxes-static .lp-box-text {
	position: static;
	-webkit-transform: none;
	        transform: none;
	padding: 2em;
}

.lp-boxes-static .box-overlay {
	position: absolute;
	z-index: 21;
	left: 0;
	right: 0;
	top: -7px;
	width: 33%;
	height: 14px;
	margin: 0 auto;
	opacity: 0.6;
	pointer-events: none;
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
	-webkit-transition: .5s all ease-out;
	transition: .5s all ease-out;
}

.lp-boxes-static .lp-box:nth-child(odd) .box-overlay {
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.lp-boxes-static .lp-box:hover .box-overlay {
	opacity: 1;
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes-static .lp-box:focus-within .box-overlay {
	opacity: 1;
}

.lp-boxes-static .lp-box:nth-child(n) .lp-box-image {
	float: none;
	width: 100%;
}

.lp-boxes-static .lp-box-image > img {
	border: none;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .25s all ease-out;
	transition: .25s all ease-out;
}

.lp-boxes-static .lp-box-image:hover > img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes-static .lp-box-image:focus-within > img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.lp-boxes-static .lp-box-title {
	margin: 0;
}

/* ### Static boxes 2 */
.lp-boxes.lp-boxes-static.lp-boxes-static2 .lp-box {
	padding: 3%;
	-webkit-transition: .5s ease-out all;
	transition: .5s ease-out all;
}

.lp-boxes.lp-boxes-static.lp-boxes-static2 .lp-box:hover {
	top: 0;
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes.lp-boxes-static.lp-boxes-static2 .lp-box:focus-within {
	top: 0;
}

.lp-boxes-static.lp-boxes-static2 .lp-box-title {
	font-size: 1.10em;
	font-weight: bold;
	margin: 1.4em auto;
}

.lp-boxes-static.lp-boxes-static2 .lp-box-text {
	padding: 0;
}

.lp-boxes-static.lp-boxes-static2 .box-overlay {
	display: none;
}

.lp-boxes-static.lp-boxes-static2 .lp-box-image {
	position: relative;
}

.lp-boxes-static.lp-boxes-static2 .lp-box-imagelink {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 2px solid;
	background: rgba(255,255,255,0.3);
	-webkit-transition: .35s ease all;
	-webkit-transition: .35s ease-out all;
	transition: .35s ease-out all;
}

.lp-boxes-static.lp-boxes-static2 .lp-box-image:hover .lp-box-imagelink {
	left: 7.5%;
	top: 7.5%;
	width: 85%;
	height: 85%;
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes-static.lp-boxes-static2 .lp-box-image:focus-within .lp-box-imagelink {
	left: 7.5%;
	top: 7.5%;
	width: 85%;
	height: 85%;
}

.lp-boxes-static.lp-boxes-static2 .lp-box-image > img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: .35s all ease-out;
	transition: .35s all ease-out;
}

.lp-boxes-static.lp-boxes-static2 .lp-box-image:hover > img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes-static.lp-boxes-static2 .lp-box-image:focus-within > img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.lp-boxes-static.lp-boxes-static2 .lp-box-readmore {
	outline: 2px solid;
	padding: 10px 5px;

}

.lp-boxes-static.lp-boxes-static2 .lp-box-readmore::before {
	outline: 2px solid;
	border-radius: 0;
	-webkit-transition: .3s ease-out all;
	transition: .3s ease-out all;
}

.lp-boxes-static.lp-boxes-static2 .lp-box-readmore:hover::before {
	-webkit-transform: scale(1.05, 1.3);
	        transform: scale(1.05, 1.3);
	opacity: 0;
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes-static.lp-boxes-static2 .lp-box-readmore:focus-within::before {
	-webkit-transform: scale(1.05, 1.3);
	        transform: scale(1.05, 1.3);
	opacity: 0;
}


/* ## LP Text Areas */
.lp-text {
	position: relative;
	float: none;
	clear: both;
	display: block;
	overflow: hidden;
	width: 100%;
	background-attachment: fixed;
	background-position: top center;
	/* background-size: cover; */
}

.lp-text-inside .lp-text-background {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 4em;
}

.lp-text-image {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	position: relative;
	display: inline-block;
	/*float: left;*/
	width: 45%;
	line-height: 0;
	opacity: 1;
	-webkit-transition: .5s .3s ease-out all;
	transition: .5s .3s ease-out all;
}

.lp-text-image img {
	position: relative;
	left: -6.5em;
	top: 0;
	-webkit-transition: .3s ease-out all;
	transition: .3s ease-out all;
}

.lp-text-background:hover .lp-text-image img {
	top: -7px;
}

.lp-text-hasimage .lp-text-image img,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image img,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image img {
	left: -6.5em;
}

.lp-text-hasimage ~ .lp-text-hasimage .lp-text-image img,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image img,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image img {
	left: auto;
	right: -6.5em;
}


.lp-text-card {
	position: relative;
	z-index: 9;
	/* overflow: hidden; */
	width: 90%;
	margin: 0 auto;
	padding: 0;
}

.lp-text-image + .lp-text-card {
	width: 50%;
}

.lp-text-hasimage .lp-text-card,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-card,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-card,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-card {
	display: inline-block;
	text-align: left;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

.lp-text-hasimage ~ .lp-text-hasimage .lp-text-card,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-card,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-card {
	float: left;
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0;
}

.lp-text-inside ul,
.lp-text-inside ol {
	list-style-position: inside;
}

.main .lp-text-title {
	position: relative;
	display: inline;
	margin-top: 0;
	/* margin-bottom: .75em; */
	font-size: 2.617924em;
	line-height: 1.3;
	font-weight: bold;
	color: inherit;
}

.lp-text-content {
	margin-top: 1.5em;
}

.lp-text-content .btn {
	margin-top: 1em;
}

.lp-text-image + .lp-text-card .lp-text-content {
	font-size: 1em;
}


/* ## LP Portofolio */
.lp-portfolio {
	float: none;
	display: block;
	overflow: hidden;
	width: 100%;
}

.lp-portfolio .lp-portfolio-inside {
	padding-top: 3em;
	padding-bottom: 3em;
}

#portfolio-filter {
	display: table;
	max-width: 60%;
	margin: 0 auto 3em;
	padding: 0.5em .6em;
	border: 2px solid;
	text-align: center;
}

@media (max-width: 1024px) {
	#portfolio-filter {
		max-width: none;
	}
}

#portfolio-filter > a {
	margin: 0 .3em;
	padding: .3em .75em;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: bold;
	color: inherit;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#portfolio-filter > a:hover {
	opacity: 0.8;
}

.lp-portfolio.lp-portfolio-rows-6 .lp-port {
	width: 16.66666%;
}

.lp-portfolio.lp-portfolio-rows-5 .lp-port {
	width: 20%;
}

.lp-portfolio.lp-portfolio-rows-4 .lp-port {
	width: 25%;
}

.lp-portfolio.lp-portfolio-rows-3 .lp-port {
	width: 33.333333%;
}

.lp-portfolio.lp-portfolio-rows-2 .lp-port {
	width: 50%;
}

.lp-portfolio.lp-portfolio-rows-1 .lp-port {
	width: 100%;
}

.lp-port {
	float: left;
	position: relative;
	z-index: 0;
	padding: 0 10px;
	-webkit-transition: .3s ease z-index;
	transition: .3s ease z-index;
}

.lp-port:hover {
	z-index: 99;
}

.lp-port-content {
	position: relative;
	top: 0;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	padding: 1em 1em 1.5em;
	text-align: center;
	background: #FFF;
    box-shadow: 0 -10px 20px -5px rgba(0,0,0,.2), 0 10px 20px rgba(0,0,0,.05);
	-webkit-transition: 0.3s ease all;
	transition: 0.3s ease all;
}

.lp-port:hover .lp-port-content {
	/* box-shadow: none; */
	top: 10px;
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-port:focus-within .lp-port-content {
	/* box-shadow: none; */
	top: 5px;
}

.lp-port-image {
	position: relative;
	z-index: 1;
	top: 20px;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
}

.lp-port:hover .lp-port-image {
	top: -5px;
	box-shadow: 0 0 30px 10px rgba(0,0,0,.2);
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-port:focus-within .lp-port-image {
	top: -5px;
	box-shadow: 0 0 30px 10px rgba(0,0,0,.2);
}

.lp-port-image img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
}

.lp-port:hover .lp-port-image img {
	-webkit-transform: scale(1.35);
	transform: scale(1.35);
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-port:focus-within .lp-port-image img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

.lp-portfolio .lp-port-title {
	-webkit-box-ordinal-group: 11;
	    -ms-flex-order: 10;
	        order: 10;
	margin: 0;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.2;
}

.lp-portfolio .lp-port-title a {
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.lp-portfolio .lp-port-text {
	-webkit-box-ordinal-group: 6;
	    -ms-flex-order: 5;
	        order: 5;
}

.main ul.lp-port-tax {
	display: inline-table;
	margin-bottom: 0;
	list-style: none;
	font-size: 1em;
	line-height: 1.1;
}

.lp-port-tax li {
	position: relative;
	display: inline;
	float: left;
	font-style: italic;
	opacity: 0.5;
}

.lp-port-tax li:not(:last-child)::after {
	content:'\00B7';
	position: relative;
	padding: 0 5px;
	font-weight: bold;
}

/* Portfolio template overrides */
body.page-template-template-portfolio .lp-portfolio {
	background: transparent;
	overflow: visible;
}

body.page-template-template-portfolio .lp-portfolio .lp-portfolio-inside {
	padding: 0;
}

body.page-template-template-portfolio .lp-portfolio #portfolio-filter {
	margin-bottom: 2em;
	margin-top: 2em;
}

/* ## LP Testimonials */
.lp-testimonials {
	overflow: hidden;
}

.lp-testimonials-inside {
	overflow: hidden;
	margin: 0 auto;
	padding: 3em 0;
}

.lp-testimonials.lp-testimonials-rows-1 .lp-tt {
	width: 100%;
}

.lp-testimonials.lp-testimonials-rows-2 .lp-tt {
	width: 48%;
}

.lp-testimonials.lp-testimonials-rows-3 .lp-tt {
	width: 30.66666%;
}

.lp-testimonials.lp-testimonials-rows-4 .lp-tt {
	width: 22%;
}

.lp-testimonials .lp-tt {
	float: left;
	margin-right: 4%;
	margin-top: 1em;
	margin-bottom: 1em;
}

.lp-testimonials.lp-testimonials-rows-2 .lp-tt:nth-child(2n),
.lp-testimonials.lp-testimonials-rows-3 .lp-tt:nth-child(3n),
.lp-testimonials.lp-testimonials-rows-4 .lp-tt:nth-child(4n) {
	margin-right: 0;
}

.lp-testimonials.lp-testimonials-rows-2 .lp-tt:nth-child(2n+1),
.lp-testimonials.lp-testimonials-rows-3 .lp-tt:nth-child(3n+1),
.lp-testimonials.lp-testimonials-rows-4 .lp-tt:nth-child(4n+1) {
	clear: both;
}

.lp-tt-text-inside {
	position: relative;
	top: 0;
	border: 1px solid transparent;
	padding: 4em 4em 4em;
	text-align: justify;
	line-height: 1.6;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.lp-testimonials .lp-tt:hover .lp-tt-text-inside {
	top: -10px;
	box-shadow: 0 10px 20px rgba(0,0,0,.15);
}

.lp-tt-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: vertical;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: left;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	overflow: visible;
	margin: 0 auto;
	padding: 0 1em 1em;
}

.main .lp-tt-title {
	float: left;
	clear: none;
	display: inline-block;
	margin: 0;
	font-size: 1.1em;
	font-weight: 400;
}

.lp-tt-image {
	position: relative;
	top: 0;
	margin: -45px auto 10px;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.lp-tt:hover .lp-tt-image {
	top: -5px;
}

.lp-tt-meta img {
	position: relative;
	z-index: 3;
	float: left;
	display: inline-block;
	width: 80px;
	border-radius: 100px;
	padding: 5px;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.lp-tt:hover .lp-tt-meta img {
	padding: 0;
}

/* ## LP Posts */
#lp-posts,
#lp-page {
	overflow: hidden;
	float: none;
	clear: both;
	display: block;
}

#lp-page #comments {
	display: none;
}

/* AJAX LOAD MORE POSTS BUTTON */
#cryout_ajax_more_trigger,
.lp-port-readmore {
	position: relative;
	overflow: visible;
	float: none;
	clear: both;
	display: table;
	min-width: 150px;
	margin: 2em auto 1em;
	outline: 2px solid;
	padding: .2em 3em;
	font-size: 0.9em;
	text-align: center;
	letter-spacing: 0;
	line-height: 3;
	cursor: pointer;
	-webkit-transition: all .35s ease-out;
	transition: all .35s ease-out;
}

#cryout_ajax_more_trigger:hover,
.lp-port-readmore:hover,
#cryout_ajax_more_trigger:active,
.lp-port-readmore:active {
	outline: 2px solid;
}

#cryout_ajax_more_trigger::after,
.lp-port-readmore::after {
	content: "";
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	outline: 2px solid;
	opacity: 1;
	-webkit-transition: .3s ease-out all;
	transition: .3s ease-out all;
}

#cryout_ajax_more_trigger:hover::after,
.lp-port-readmore:hover::after {
	-webkit-transform: scale(1.25, 1.4);
	transform: scale(1.25, 1.4);
	opacity: 0;
}

#cryout_ajax_more_trigger:focus-within::after,
.lp-port-readmore:focus-within::after {
	-webkit-transform: scale(1.25, 1.4);
	transform: scale(1.25, 1.4);
	opacity: 0;
}

.lp-port-readmore {
	margin: 0 auto 3em;
	font-weight: bold;
}

.lp-port-readmore i {
	display: none;
}

#cryout_ajax_more_trigger:hover,
.lp-port-readmore:hover {
	opacity: 0.8;
}

#cryout_ajax_more_trigger::before {
	content: "";
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	background: rgba(255,255,255,1);
	opacity: 0;
}

#cryout_ajax_more_trigger > span {
	position: relative;
	z-index: 5;
	display: inline-block;
	font-weight: bold;
}

#cryout_ajax_more_trigger.cryout_click_loading::before {
	-webkit-animation: ajax-load .75s ease-in-out infinite;
	animation: ajax-load .75s ease-in-out infinite;
}

@-webkit-keyframes ajax-load {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes ajax-load {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}


/* ## LP ONSCROLL ANIMATIONS */

/* ### ONSCROLL Section Title and Desc */
.lp-section-title,
.lp-section-desc {
	position: relative;
	-webkit-transition: .4s .2s ease-out transform;
	transition: .4s .2s ease-out transform;
}

.lp-section-title.animated-onscroll-lp {
	opacity: 0;
	-webkit-transform: translateY(20px);
			transform: translateY(20px);
}

.lp-section-desc.animated-onscroll-lp {
	opacity: 0;
	-webkit-transform: translateY(-20px);
			transform: translateY(-20px);
}

.lp-section-title::after {
	-webkit-transform-origin: left;
	        transform-origin: left;
	-webkit-transition: .3s .4s ease-out transform;
	transition: .3s .4s ease-out transform;
}

.lp-section-title.animated-onscroll-lp::after {
	-webkit-transform: scaleX(0);
	        transform: scaleX(0);
}

/* ### ONSCROLL BLOCKS */
.lp-blocks .lp-block {
	-webkit-transition: .4s ease transform;
	transition: .4s ease transform;
	-webkit-transform: none;
	transform: none;
}

.lp-blocks .lp-block.animated-onscroll-lp {
	-webkit-transform: translateX(-50px);
	        transform: translateX(-50px);
}

.lp-blocks.lp-blocks-rows-2 .lp-block.animated-onscroll-lp:nth-child(2n+2),
.lp-blocks.lp-blocks-rows-3 .lp-block.animated-onscroll-lp:nth-child(3n+2),
.lp-blocks.lp-blocks-rows-4 .lp-block.animated-onscroll-lp:nth-child(4n+2) {
	-webkit-transform: translateY(-50px);
	        transform: translateY(-50px);
}

.lp-blocks.lp-blocks-rows-3 .lp-block.animated-onscroll-lp:nth-child(3n+3),
.lp-blocks.lp-blocks-rows-4 .lp-block.animated-onscroll-lp:nth-child(4n+3) {
	-webkit-transform: translateY(50px);
	        transform: translateY(50px);
}

.lp-blocks.lp-blocks-rows-4 .lp-block.animated-onscroll-lp:nth-child(4n+4) {
	-webkit-transform: translateX(50px);
			transform: translateX(50px);
}

.lp-block i[class^="blicon"],
.lp-block .lp-block-title,
.lp-block .lp-block-text,
.lp-block .lp-block-readmore {
	opacity: 1;
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

.lp-block.animated-onscroll-lp i[class^=blicon],
.lp-block.animated-onscroll-lp .lp-block-title,
.lp-block.animated-onscroll-lp .lp-block-text,
.lp-block.animated-onscroll-lp .lp-block-readmore {
	opacity: 0;
}

/* ### ONSCROLL BOXES */
.lp-boxes .lp-box {
	-webkit-transition: .5s ease-out opacity, .4s ease-out transform, .25s ease-out top;
	transition: .5s ease-out opacity, .4s ease-out transform, .25s ease-out top;
}

.lp-boxes.lp-boxes-static .lp-box.animated-onscroll-lp {
	opacity: 0;
}

.lp-boxes.lp-boxes-animated .lp-box.animated-onscroll-lp {
	opacity: 0;
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px);
}

.lp-boxes.lp-boxes-animated.lp-boxes-rows-2 .lp-box.animated-onscroll-lp:nth-child(2n+2),
.lp-boxes.lp-boxes-animated.lp-boxes-rows-3 .lp-box.animated-onscroll-lp:nth-child(3n+2),
.lp-boxes.lp-boxes-animated.lp-boxes-rows-4 .lp-box.animated-onscroll-lp:nth-child(4n+2) {
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
}

.lp-boxes.lp-boxes-animated.lp-boxes-rows-3 .lp-box.animated-onscroll-lp:nth-child(3n+3),
.lp-boxes.lp-boxes-animated.lp-boxes-rows-4 .lp-box.animated-onscroll-lp:nth-child(4n+3) {
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
}

.lp-boxes.lp-boxes-animated.lp-boxes-rows-4 .lp-box.animated-onscroll-lp:nth-child(4n+4) {
	-webkit-transform: translateX(50px);
	transform: translateX(50px);
}


.lp-boxes.lp-boxes-rows-2 .lp-box:nth-child(2n+2),
.lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(3n+2),
.lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(4n+2) {
	-webkit-transition-delay: .3s, .3s, 0s;
	        transition-delay: .3s, .3s, 0s;
}

.lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(3n+3),
.lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(4n+3) {
	-webkit-transition-delay: .15s, .15s, 0s;
	        transition-delay: .15s, .15s, 0s;
}

.lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(4n+4) {
	-webkit-transition-delay: .45s, .45s, 0s;
	        transition-delay: .45s, .45s, 0s;
}

/* ### ONSCROLL TEXT AREAS */
.lp-text .lp-text-title,
.lp-text .lp-text-content {
	-webkit-transition: .4s .2s ease transform, .4s .5s ease background;
	transition: .4s .2s ease transform, .4s .5s ease background;
}

.lp-text .lp-text-content {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}

.lp-text.animated-onscroll-lp .lp-text-title {
	opacity: 0;
	background-size: 0 .4em;
	-webkit-transform: translateY(50px);
	        transform: translateY(50px);
}

.lp-text .lp-text-title {
	-webkit-transition: .3s .4s ease-out all;
	transition: .3s .4s ease-out all;
}

.lp-text.animated-onscroll-lp .lp-text-content {
	opacity: 0;
	-webkit-transform: translateY(50px);
	        transform: translateY(50px);
}

.lp-text.animated-onscroll-lp .lp-text-image {
	opacity: 0;
	-webkit-transform: translateY(-50px);
			transform: translateY(-50px);
}

/* ### ONSCROLL PORTFOLIO */
body:not(.page-template-template-portfolio) .lp-port > a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: .75s ease transform, .75s ease opacity;
	transition: .75s ease transform, .75s ease opacity;
}

body:not(.page-template-template-portfolio) .lp-port.animated-onscroll-lp > a {
	-webkit-transform: scale(.85);
	transform: scale(.85);
	opacity: 0;
}

.lp-portfolio.lp-portfolio-rows-2 .lp-port:nth-child(2n+2) > a,
.lp-portfolio.lp-portfolio-rows-3 .lp-port:nth-child(3n+2) > a,
.lp-portfolio.lp-portfolio-rows-4 .lp-port:nth-child(4n+2) > a,
.lp-portfolio.lp-portfolio-rows-5 .lp-port:nth-child(5n+2) > a,
.lp-portfolio.lp-portfolio-rows-6 .lp-port:nth-child(6n+2) > a {
	-webkit-transition-delay: .4s;
	        transition-delay: .4s;
}

.lp-portfolio.lp-portfolio-rows-3 .lp-port:nth-child(3n+3) > a,
.lp-portfolio.lp-portfolio-rows-4 .lp-port:nth-child(4n+3) > a,
.lp-portfolio.lp-portfolio-rows-5 .lp-port:nth-child(5n+3) > a,
.lp-portfolio.lp-portfolio-rows-6 .lp-port:nth-child(6n+3) > a {
	-webkit-transition-delay: .2s;
	        transition-delay: .2s;
}

.lp-portfolio.lp-portfolio-rows-4 .lp-port:nth-child(4n+4) > a,
.lp-portfolio.lp-portfolio-rows-5 .lp-port:nth-child(5n+4) > a,
.lp-portfolio.lp-portfolio-rows-6 .lp-port:nth-child(6n+4) > a {
	-webkit-transition-delay: .6s;
	        transition-delay: .6s;
}

.lp-portfolio.lp-portfolio-rows-5 .lp-port:nth-child(5n+5) > a,
.lp-portfolio.lp-portfolio-rows-6 .lp-port:nth-child(6n+5) > a {
	-webkit-transition-delay: 1s;
	        transition-delay: 1s;
}

.lp-portfolio.lp-portfolio-rows-6 .lp-port:nth-child(6n+6) > a {
	-webkit-transition-delay: .8s;
	        transition-delay: .8s;
}

/* ### ONSCROLL TESTIMONIALS */
.lp-tt .lp-tt-text {
	-webkit-transition: .5s ease-out all;
	transition: .5s ease-out all;
	-webkit-transform-origin: 40px bottom;
	        transform-origin: 40px bottom;
}

.lp-tt.animated-onscroll-lp .lp-tt-text {
	opacity: 0;
	-webkit-transform: translateY(35px);
	        transform: translateY(35px);
}

.lp-testimonials.lp-testimonials-rows-2 .lp-tt:nth-child(2n+2) .lp-tt-text,
.lp-testimonials.lp-testimonials-rows-3 .lp-tt:nth-child(3n+2) .lp-tt-text,
.lp-testimonials.lp-testimonials-rows-4 .lp-tt:nth-child(4n+2) .lp-tt-text {
	-webkit-transition-delay: .5s;
	        transition-delay: .5s;
}

.lp-testimonials.lp-testimonials-rows-3 .lp-tt:nth-child(3n+3) .lp-tt-text,
.lp-testimonials.lp-testimonials-rows-4 .lp-tt:nth-child(4n+3) .lp-tt-text {
	-webkit-transition-delay: .25s;
	        transition-delay: .25s;
}

.lp-testimonials.lp-testimonials-rows-4 .lp-tt:nth-child(4n+4) .lp-tt-text {
	-webkit-transition-delay: .75s;
	        transition-delay: .75s;
}

/*--------------------------------------------------------------
	# POST FORMATS
--------------------------------------------------------------*/

span.entry-format {
	margin-right: 1em;
	font-size: 1em;
	text-align: center;
	text-transform: capitalize;
}

.featured-image-meta span.entry-format {
	background: rgba(255,255,255,.1);
}

span.entry-format a {
	-webkit-transition: .4s all ease;
	transition: .4s all ease;
}

span.entry-format i::before {
	cursor: pointer;
}

[class*="post_format-"] .entry-meta {
	display: none;
}

.main #content-masonry [class*="post_format-"]:not(.format-gallery):not(.format-status) .entry-title {
	margin-bottom: 1em;
	background: transparent;
}

.main #content-masonry [class*="post_format-"]:not(.format-gallery) .post-thumbnail-container {
	display: none;
}

.main #content-masonry [class*="post_format-"]:not(.format-gallery) .post-thumbnail-container + .entry-after-image {
	margin: 0;
}

.main #content-masonry [class*="post_format-"] .entry-after-image {
	padding-top: 2em;
}

/* ## AUDIO & ## VIDEO */
/* .format-image,
.format-audio,
.format-video {
	padding: 2em;
}

.main #content-masonry .format-image .entry-title,
.main #content-masonry .format-audio .entry-title,
.main #content-masonry .format-video .entry-title {
	width: 100%;
	padding: 10px 0;
	background: transparent;
} */

/* ## LINK */
.main #content-masonry .format-link .entry-after-image {
	padding: 0;
}

.main #content-masonry .format-link .entry-title {
	display: none;
}

.main #content-masonry .format-link {
	position: relative;
}

.main #content-masonry .format-link::after {
	position: absolute;
	left: 0;
	right: 0;
	top: 16px;
	width: 1em;
	height: 1em;
	margin: auto;
	font-family: iconmeta;
	font-size: 16px;
	/* icon in fontfaces */
}

.main #content-masonry .format-link .entry-content p:last-child,
.main #content-masonry .format-aside .entry-content p:last-child {
	margin: 0;
}

.main #content-masonry .format-link .entry-content a {
	display: block;
	padding: 3em 2em 2em;
	font-weight: bold;
	-webkit-transition: .2s ease-out opacity;
	transition: .2s ease-out opacity;
}

.main #content-masonry .format-link .entry-content a:hover {
	opacity: 0.9;
}

/* ## ASIDES */
body:not(.single) .format-aside {
	border: 1px solid transparent;
}

.format-aside .entry-title,
.format-aside .author,
.format-aside .bl_categ {
	display: none;
}

/* ## GALLERIES */
.gallery {
	margin: 0 -1% 1.75em;
}

.gallery-item {
	display: inline-block;
	width: 100%;
	max-width: 33.33%;
	padding: 0 1% 2%;
	vertical-align: top;
	text-align: center;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
	-webkit-transition: .3s ease-out all;
	transition: .3s ease-out all;
}

.gallery-icon img:hover {
	opacity: 0.8;
}

.gallery-caption {
	display: block;
	padding-top: 0.5em;
	font-size: .9em;
	line-height: 1.5;
	font-style: italic;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.main #content-masonry .format-gallery .entry-title {
	margin-bottom: 1em;
}


/* ## CHAT */
.format-chat p {
	font-family: Monaco, "Courier New", monospace;
}

/* ## QUOTE */
.format-quote {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

.format-quote .entry-title {
	display: none;
}

.format-quote .entry-content blockquote {
	padding: 2em 0;
	font-family: Georgia, "Bitstream Charter", serif;
}

.format-quote blockquote::before {
	/* display: none; */
}

/* ## STATUS */
.format-status .entry-title {
	/*display: none;*/
}

.format-status .avatar {
	float: left;
	display: block;
	margin-right: 1em;
}

span.entry-sticky {
	display: inline-block;
	margin-bottom: .5em;
	border: 2px solid;
	padding: 0 .5em;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
	letter-spacing: 1px;
}

.single span.entry-sticky {
	display: none;
}

/* Meta over images */
body .main #content-masonry .post-thumbnail-container .entry-meta {
	padding: 0;
}

body .main #content-masonry .post-thumbnail-container span.entry-sticky {
	display: none;
}

body .main #content-masonry .post-thumbnail-container span.bl_categ {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 2em;
	margin-right: 2em;
	padding: 4px 1rem 4px;
	font-size: 0.9em;
	line-height: 1.5;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

body .main #content-masonry .post-thumbnail-container:hover span.bl_categ {
	padding-bottom: 0;
}

body .main #content-masonry .post-thumbnail-container .comments-link {
	position: absolute;
	z-index: 2;
	overflow: hidden;
	top: 0;
	left: 2em;
	margin: 0;
	margin-right: 2em;
	padding: 4px 1rem 2px;
	font-size: 0.9em;
	line-height: 1.5em;
	text-align: center;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

body .main #content-masonry .post-thumbnail-container:hover .comments-link {
	padding-top: 0;
}

body .main #content-masonry .comments-link i {
	display: none;
}

.main #content-masonry .post-thumbnail-container + .entry-after-image .entry-meta.aftertitle-meta {
	padding-top: 0;
	padding-bottom: 0.75em;
}


/* ## ATTACHMENT PAGES */
.attachment .entry-content .entry-caption {
	margin-top: 2em;
	font-size: 1.4em;
}

.attachment .entry-attachment {
	margin-top: 24px;
	text-align: center;
}

/*--------------------------------------------------------------
	# COMMENTS
--------------------------------------------------------------*/

#comments {
	clear: both;
}

.comment-navigation {
	padding: 0 0 1.5em 0;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	float: left;
	display: block;
	font-weight: bold;
}

.comment-navigation .nav-next {
	float: right;
}

.comment-navigation a {
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

#reply-title small {
	font-size: 70%;
}

.main #comments-title {
	position: relative;
	margin-top: 4em;
	margin-bottom: 2em;
}

.main .commentlist {
	margin-left: 0;
}

.commentlist > li {
	list-style: none;
}

.commentlist .comment-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid transparent;
	padding: 50px 30px 40px;
	box-shadow: 0 10px 10px rgba(0,0,0,.025);
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.commentlist article:hover .comment-area {
	box-shadow: 0 10px 20px rgba(0,0,0,.075);
}

.commentlist .comment-body {
	overflow: hidden;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: 0 2em;
	line-height: 1.7;
}

.commentlist .pingback {
	margin-bottom: 1em;
	border: 1px solid transparent;
	padding: 1em;
}

.main .commentlist .pingback p {
	margin: 0;
}

.commentlist .pingback .url {
	font-style: italic;
}

.commentlist li:last-child {}

#comments .comment-body p:last-child {
	margin-bottom: 0;
}

#comments .comment-body blockquote p:last-child {
	margin-bottom: 1em;
}

.commentlist .comment-avatar {
	display: block;
}

.main .commentlist img.avatar {
	height: 80px;
	width: 80px;
	-webkit-transition: all .25s .15s ease-out;
	transition: all .25s .15s ease-out;
}

.comment-header {
	float: none;
	display: block;
	overflow: hidden;
}

.comment-author {
	position: absolute;
	top: 1em;
	float: left;
	display: inline;
	left: 30px;
	line-height: 2;
}

.comment-author .author-name {
	padding: 0.5em 1.2em;
	font-size: 1em;
}

.commentlist .author-name,
.commentlist .author-name a {
	/* font-weight: bold; */
}

.comment-meta {
	position: absolute;
	top: 8px;
	right: 30px;
	display: inline;
	float: left;
	font-size: .8em;
	font-weight: 400;
}

.comment-date {
	display: none;
}

.bravada-comment-date-published .comment-date {
	display: inline;
}

.bravada-comment-date-published .comment-timediff {
	display: none;
}

.commentlist .even {}

.commentlist .bypostauthor {}

.comment-await {
	position: absolute;
	bottom: 1em;
	font-size: 0.9em;
}

.comment article {
	position: relative;
	display: block;
	overflow: visible;
	margin-bottom: 3em;
	border: 0;
	border-radius: 0;
 	box-shadow: none;
	padding-top: 30px;
}

.comment .reply {
	position: absolute;
	bottom: -1em;
	right: 30px;
	display: inline-block;
	width: auto;
	text-transform: uppercase;
	text-align: right;
	font-weight: 300;
	font-size: 0.75em;
	line-height: 2;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.comment .reply a {
	padding: .5em 1em;
	letter-spacing: .5px;
	-webkit-transition: .2s all ease-out;
	transition: .2s all ease-out;
}

.comment .reply i {
	position: relative;
	display: none;
	padding-right: .1em;
}

.comment .reply i::before {
	/* icon in fontfaces */
}

.commentlist .children {
	margin: 0;
	margin-left: 1.5em;
	background-image: none;
	list-style: none;
}

.commentlist .children li {
	margin: 0;
	border: none;
}

.main .nocomments,
.main .nocomments2 {
	clear: both;
	margin-top: 2em;
	margin-bottom: 0;
}

.hideme {
	display:none;
}

/*--------------------------------------------------------------
	## COMMENT FORM
--------------------------------------------------------------*/
#respond {
	margin-top: 2em;
}

#respond .comment-notes {
	margin-bottom: 1.5em;
}

.form-allowed-tags {
	line-height: 1;
}

.children #respond {
	min-width: 400px;
	margin: 0 4em 0 0;
}

#reply-title {
	position: relative;
	margin: 0;
	padding: 0;
}

#comments-list #respond {
	margin: 0 0 1.5em 0;
}

#comments-list ul #respond {
	margin: 0;
}

#cancel-comment-reply-link {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5;
}

#respond .required {}

#commentform {
	display: block;
}

.bravada-comment-placeholder #respond .comment-form-comment label,
.bravada-comment-placeholder #respond .comment-form-author label,
.bravada-comment-placeholder #respond .comment-form-email label,
.bravada-comment-placeholder #respond .comment-form-url label {
	display: none;
}

.bravada-comment-optlabels #respond .comment-form-comment textarea::-webkit-input-placeholder,
.bravada-comment-optlabels #respond .comment-form-author input::-webkit-input-placeholder,
.bravada-comment-optlabels #respond .comment-form-email input::-webkit-input-placeholder,
.bravada-comment-optlabels #respond .comment-form-url input::-webkit-input-placeholder {
	color: transparent;
}

.bravada-comment-optlabels #respond .comment-form-comment textarea:-ms-input-placeholder,
.bravada-comment-optlabels #respond .comment-form-author input:-ms-input-placeholder,
.bravada-comment-optlabels #respond .comment-form-email input:-ms-input-placeholder,
.bravada-comment-optlabels #respond .comment-form-url input:-ms-input-placeholder {
	color: transparent;
}

.bravada-comment-optlabels #respond .comment-form-comment textarea::-ms-input-placeholder,
.bravada-comment-optlabels #respond .comment-form-author input::-ms-input-placeholder,
.bravada-comment-optlabels #respond .comment-form-email input::-ms-input-placeholder,
.bravada-comment-optlabels #respond .comment-form-url input::-ms-input-placeholder {
	color: transparent;
}

.bravada-comment-optlabels #respond .comment-form-comment textarea::-webkit-input-placeholder,
.bravada-comment-optlabels #respond .comment-form-author input::-webkit-input-placeholder,
.bravada-comment-optlabels #respond .comment-form-email input::-webkit-input-placeholder,
.bravada-comment-optlabels #respond .comment-form-url input::-webkit-input-placeholder {
	color: transparent;
}

.bravada-comment-optlabels #respond .comment-form-comment textarea:-ms-input-placeholder,
.bravada-comment-optlabels #respond .comment-form-author input:-ms-input-placeholder,
.bravada-comment-optlabels #respond .comment-form-email input:-ms-input-placeholder,
.bravada-comment-optlabels #respond .comment-form-url input:-ms-input-placeholder {
	color: transparent;
}

.bravada-comment-optlabels #respond .comment-form-comment textarea::placeholder,
.bravada-comment-optlabels #respond .comment-form-author input::placeholder,
.bravada-comment-optlabels #respond .comment-form-email input::placeholder,
.bravada-comment-optlabels #respond .comment-form-url input::placeholder {
	color: transparent;
}

#respond .comment-form-cookies-consent {
	clear: both;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	float: left;
	width: 33.33333333%;
	margin-right: 0;
}

.comment-form-url {
	margin-right: 0;
}

.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url {
}

.comment-form-author,
.comment-form-email {
	border-right: 10px solid;
}

.main .comment-form-comment {
	margin-bottom: 10px;
}

.comment-form-comment textarea {
	float: none;
	display: block;
	width: 100%;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
	float: none;
	display: block;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment textarea {
	float: none;
	display: block;
	border: 0;
	border-radius: 0;
	font-weight: bold;
}


#respond .form-allowed-tags {
	float: none;
	clear: both;
	display: block;
	width: 100%;
	font-size: 1em;
	line-height: 1.5;
}

#respond .form-allowed-tags code {
	font-size: 1em;
}

#respond .form-submit {
	clear: both;
	margin: 2em 0;
}

#respond .form-submit input {
	width: auto;
}

#respond .form-submit input[type="submit"],
#respond .form-submit input[type="reset"] {
}

#respond .form-submit input#submit:hover {
	cursor: pointer;
}

.button {
	border: 1px solid transparent;
	padding: 4px 7px;
	-webkit-transition: background-color .2s ease;
	transition: background-color .2s ease;
}

.button:hover {
	cursor: pointer;
}

.bravada-comment-icons .comment-form > p > em {
	position: relative;
	display: block;
	font-style: normal;
}

.bravada-comment-icons .comment-form > p > em::before {
	position: absolute;
	left: 1em;
	top: .75em;
	font-family: iconmeta;
	opacity: .5;
	-webkit-transition: .5s all ease-in-out;
	transition: .5s all ease-in-out;
}

.bravada-comment-icons .comment-form-comment textarea,
.bravada-comment-icons .comment-form-author input,
.bravada-comment-icons .comment-form-email input,
.bravada-comment-icons .comment-form-url input {
	padding-left: 2.5em;
}

/* reset left padding for inputs with default labels */
.bravada-comment-labels.bravada-comment-icons .comment-form-comment textarea,
.bravada-comment-labels.bravada-comment-icons .comment-form-author input,
.bravada-comment-labels.bravada-comment-icons .comment-form-email input,
.bravada-comment-labels.bravada-comment-icons .comment-form-url input {
	padding-left: 1em;
}

.main p.comment-subscription-form,
.main p.comment-form-cookies-consent {
	margin-bottom: .5em;
	font-size: .9em;
}

/*--------------------------------------------------------------
	# WIDGET AREAS
--------------------------------------------------------------*/

/* ## MAIN WIDGETS AREAS */
.widget-area ul,
.widget-area ul ul,
.yoyo > .widget-container {
	border: none;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

.widget-container {
	position: relative;
	margin: 0 0 2.2em 0;
	padding: 0 1em;
}

.widget-container::after {
	content: "";
	clear: both;
	float: none;
	display: block;
}

.widget-container > * {
	max-width: 100%;
	line-height: 1.8;
}

.widget-container ul ul {
	margin-left: 1em;
	margin-top: 1em;
}

.widget-container ul li {
	float: none;
	display: block;
	margin-bottom: 0.5em;
	word-wrap: break-word;
}

.widget-container ul li:not(:last-child) {
	border-bottom: 1px solid rgba(0,0,0,.05);
	padding-bottom: .5em;
}

#colophon .widget-container ul li {
	border-bottom-color: rgba(255,255,255,.075);
}

.widget-title,
#comments-title,
#reply-title,
.related-posts .related-main-title,
.main .page-title,
#nav-below em,
.lp-text .lp-text-title,
.lp-boxes-animated .lp-box-title {
	position: relative;
	display: inline;
	background-repeat: no-repeat;
	background-size: 100% .6em;
	background-position: 0 100%;
}

.widget-title::after,
#comments-title::after,
#reply-title::after,
.related-posts .related-main-title::after,
.main .page-title::after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	background: transparent;
}

#nav-below em,
.lp-text .lp-text-title {
	background-size: 100% .4em;
}

.lp-boxes-animated .lp-box-title {
	background-size: 100% .5em;
}

.widget-area a {
	text-decoration: none;
	word-wrap: break-word;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.widget-area a:active,
.widget-area a:hover {}

.widget-area .entry-meta {
	font-size: 1em;
}

/* ## INNER/OUTER TOP/BOTTOM WIDGET AREAS */

.top-widget-area > section,
.bottom-widget-area > section,
.content-widget-before > section,
.content-widget-after > section {
	padding: 0;
}

.top-widget-area > section,
.bottom-widget-area > section {
	margin: 0;
}

.yoyo .widget-title {
	background: none;
	padding: 0;
	margin: 0;
}

/* ## LEFT SIDEBAR MENU */
nav.sidebarmenu {
	display: block;
	margin-bottom: 3em;
}

nav.sidebarmenu li a {
	float: none;
	display: inline-block;
	border-bottom: 2px solid transparent;
	-webkit-transition: .3s all ease-in;
	transition: .3s all ease-in;
}

nav.sidebarmenu li a:hover {
	border-bottom: 2px solid;
}

/* ## CALENDAR WIDGET */
#wp-calendar {
	width: 100%;
	font-size: .9em;
}

#wp-calendar caption {
	padding-bottom: .3em;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
}

#wp-calendar tbody td {
	border: 1px solid transparent;
}

#wp-calendar th,
#wp-calendar td {
	text-align: left;
}

#wp-calendar tbody td:hover {
	opacity: 0.8;
}

#wp-calendar tbody td a {
	margin: 0;
	border: none;
	padding: 0;
	background: none;
}

#wp-tbody .pad {
	background: none;
}

#wp-calendar tfoot #next {
	text-align: right;
}

/* ## TAG CLOUD WIDGET */
.bravada-normalizedtags #content .tagcloud a {
	display: inline-block;
	margin: 0 1px 4px 0;
	border-radius: 0;
	padding: 8px 10px;
	font-size: .75em !important; /* important needed to override dynamic font sizes */
	-webkit-transition: background .3s ease;
	transition: background .3s ease;
}

.bravada-normalizedtags #content .tagcloud a:hover {}

/* ## EMPTY PAGE */
.main .content-empty-page {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row;
	        flex-flow: row;
	width: 100%;
	margin: 2em auto;
}

.main .content-empty-page .widget-container {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.main .content-empty-page .widget-container:not(:last-child) {
	margin-right: 2em;
}

/*--------------------------------------------------------------
	# WIDGETS
--------------------------------------------------------------*/

/* ## Cryout Tabs */
.cryout-wtabs-nav {
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
	text-align: center;
}

.sidey .widget-container ul li.cryout-wtab,
#colophon .widget-container ul li.cryout-wtab {
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}

.widget-area .cryout-wtabs-nav {
	border: 2px solid transparent;
}

.cryout-wtabs-nav.tab-count-1 li {
	width: 100%;
}

.cryout-wtabs-nav.tab-count-2 li {
	width: 50%;
}

.cryout-wtabs-nav.tab-count-3 li {
	width: 33.333%;
}

.cryout-wtabs-nav.tab-count-4 li {
	width: 25%;
}

ul.cryout-wtabs-nav > li,
.cryout-wtabs-container > ul > li {
	float: left;
	display: block;
}

.cryout-wtabs-container > ul > li {
	clear: both;
}

ul.cryout-wtabs-nav li a {
	position: relative;
	z-index: 2;
	display: block;
	padding: .5em 0;
	font-size: 18px;
	color: #FFF;
}

ul.cryout-wtabs-nav li a:hover {
	color: #FFF;
}

ul.cryout-wtabs-nav li.active a {
	color: #FFF;
}

ul.cryout-wtabs-nav li a:hover {
	background: rgba(255,255,255,.1);
}

ul.cryout-wtabs-nav li.active a,
ul.cryout-wtabs-nav li.active a:hover {
	background: rgba(255,255,255,.15);
}

ul.cryout-wtabs-nav li a span {
	display: none;
}

.sidey .widget-container ul.cryout-wtab li,
.sidey .widget-container ul.cryout-wposts li {
	display: block;
	width: 100%;
	margin-bottom: 3px;
	border-bottom: 0;
	padding: 10px 0;
	font-weight: 400;
	line-height: 1.4;
}

.sidey .widget-container ul.cryout-wtab li,
.sidey .widget-container ul.cryout-wposts li {
	padding: 10px 0;
}

ul.cryout-wtab li:last-child,
ul.cryout-wposts li:last-child {
	border: none;
}

.cryout-wtab a,
.cryout-wposts a {
	/* color: inherit; */
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.cryout-wtab img,
.cryout-wposts img {
	display: block;
	width: 100%;
	height: auto;
}

.cryout-wtab img,
.post-item-thumbnail img {
	border-radius: 4px;
}

.cryout-wtab .tab-item-thumbnail,
.cryout-wposts .post-item-thumbnail {
	position: relative;
	top: 0;
	overflow: hidden;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	border: 5px solid #FFF;
	box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

.cryout-wtab .tab-item-thumbnail:hover,
.cryout-wposts .post-item-thumbnail:hover {
	top: -3px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

.cryout-wtab .tab-item-thumbnail {
	float: left;
	width: 80px;
	margin-right: 15px;
}

.cryout-wtab .tab-item-avatar {
	position: relative;
	float: left;
	width: 48px;
	margin-right: 15px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.cryout-wtab .tab-item-thumbnail::after,
/* .cryout-wtab .tab-item-avatar::after, */
.cryout-wposts .post-item-thumbnail::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: .4s ease-out all;
	transition: .4s ease-out all;
	opacity: .35;
}

.cryout-wtab li:hover .tab-item-thumbnail::after,
/* .cryout-wtab li:hover .tab-item-avatar::after, */
.cryout-wposts li:hover .post-item-thumbnail::after {
	opacity: 0;
}

.cryout-wtab .tab-item-inner {
	overflow: hidden;
}

.cryout-wtab .tab-item-title,
.cryout-wposts .post-item-title {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.1;
}

.cryout-wtab .tab-item-title {
	font-size: 1em;
}

.cryout-wtab .tab-item-category,
.cryout-wposts .post-item-category {
	font-size: .8em;
	line-height: 1.2;
	opacity: 0.75;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.cryout-wtab .tab-item-category a,
.cryout-wposts .post-item-category a {
	border-bottom: 2px solid transparent;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.cryout-wtab .tab-item-category a:hover,
.cryout-wposts .post-item-category a:hover {
	border-bottom-color: inherit;
}

.cryout-wtab .tab-item-category a,
.cryout-wposts .post-item-category a {
	color: inherit;
}

.cryout-wtab .tab-item-title,
.cryout-wtab .tab-item-comment,
.cryout-wposts .post-item-title {
	margin: 7px 0;
	word-wrap: break-word;
}

.cryout-wposts .post-item-title {
	margin: 7px 0;
}

.cryout-wtab .tab-item-comment {
	margin: 0;
	font-size: .85em;
}

.cryout-wtab .tab-item-comment a {
	color: inherit;
}

.cryout-wtab .tab-item-date,
.cryout-wtab .tab-item-name,
.cryout-wposts .post-item-date {
	font-size: .8em;
	opacity: 0.5;
}

.cryout-wtab .tab-item-name {
	font-weight: bold;
	letter-spacing: 0;
	text-transform: none;
	font-size: 0.8em;
}

.cryout-wtab .thumb-icon.small {
	bottom: 8px;
	left: 8px;
}

.cryout-wtab li:hover .thumb-icon,
.cryout-wposts li:hover .thumb-icon {
	color: #222;
	background: #fff;
}

.cryout-wtab .tab-item-category a,
.cryout-wposts .post-item-category a,
.cryout-wtab li:hover .tab-item-title a,
.cryout-wtab li:hover .tab-item-comment a,
.cryout-wposts li:hover .post-item-title a {

}

/* ## Cryout Posts */
.cryout-wposts .post-item-thumbnail {
	margin-bottom: 10px;
}

.s1 .cryout-wposts .post-item-title {
	font-size: 18px;
	line-height: 1.4em;
	font-weight: 300;
}

.s1 .cryout-wposts .post-item-category,
.s1 .cryout-wposts .post-item-date {
	font-size: 14px;
}

/* ## Cryout Related Posts */
.main .related-posts {
	display: block;
	margin-left: 0;
	margin-bottom: 2em;
}

.main .related-posts .related-main-title {
	position: relative;
	margin-bottom: 1em;
}

.related-posts li {
	float: left;
	list-style: none;
	width: 31.3333%;
	margin-right: 3%;
}

@media (max-width: 480px) {
	.related-posts li {
		display: block;
		float: none;
		width: 100%;
		max-width: 360px;
		margin: 0 auto 1.5em;
	}
}

.related-posts li:last-child {
	margin-right: 0;
}

@media (max-width: 480px) {
	.related-posts li:last-child {
		margin-right: auto;
	}
}

.related-posts article {
	margin-bottom: 0;
}

.related-thumbnail {
	position: relative;
	top: 0;
	overflow: hidden;
	border: 5px solid #FFF;
	box-shadow: 0 10px 20px rgba(0,0,0,0.15);
	opacity: 0.85;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}

.related-posts li:hover .related-thumbnail {
	box-shadow: 0 10px 20px rgba(0,0,0,0.3);
	opacity: 1;
	top: -5px;
}

.related-thumbnail .related-comments {
	position: absolute;
	right: 10px;
	top: -25px;
	border-radius: 2px;
	padding: 0 7px;
	line-height: 1.5;
	font-weight: 400;
	background: #FFF;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.related-posts li:hover .related-thumbnail .related-comments {
	top: 10px;
}

.related-comments i {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: calc(100% + 15px);
	margin: 0 auto;
	line-height: 1;
	color: #FFF;
	text-align: center;
	opacity: 1;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.related-posts li:hover .related-thumbnail .related-comments i {
	opacity: 0;
}

.related-posts .related-inside {
	padding: 5px 0px;
	/* border: 1px solid #e7e7e7; */
	border-top: 0;
}

.related-posts .related-title {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	font-size: 1.2em;
	line-height: 1.3;
	font-weight: bold;
}

.related-posts .related-title a {
	color: inherit;
	word-wrap: break-word;
}

.related-posts .related-meta {
	font-size: .8em;
	font-weight: 400;
	opacity: .5;

}

/* ## Cryout About */
.cryout-about-image {
	display: inline-block;
	margin-bottom: 1em;
	border: 10px solid rgba(255,255,255,.1);
	line-height: 0;
}

.cryout-about-text {
	font-size: .9em;
}

/* ## Cryout Contact */
.widget_cryout_contact address {
	padding-left: 0;
}

.widget_cryout_contact .map {
	margin-top: 2em;
	border: 10px solid rgba(255,255,255,.1);
	line-height: 0;
}

.widget_cryout_contact address > span {
	float: none;
	clear: both;
	display: table;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,.1);
	line-height: 2.2;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.widget_cryout_contact address > span:last-child:not(.map) {
	border: 0;
}


.widget_cryout_contact address > span:hover {
	background: rgba(255,255,255,.025);
}

.widget_cryout_contact address a {
	border-bottom: 1px solid transparent;
	color: inherit;
	-webkit-transition: .2s ease-out border-color;
	transition: .2s ease-out border-color;
	transition: .2s ease-out border-color;
}

.widget_cryout_contact address a:hover {
	border-color: inherit;
}

.widget_cryout_contact address > span i {
	float: left;
	display: inline-block;
	width: 2.2em;
	height: 2.2em;
	font-size: 1em;
	text-align: center;
	-webkit-transition: .2s ease all;
	transition: .2s ease all;
}

.widget_cryout_contact address > span i + strong {
	display: none;
}

.cryout-contact-right {
	display: block;
	overflow: hidden;
	-webkit-transition: .2s ease all;
	transition: .2s ease all;
}

/* ## Cryout Socials */
.widget-socials {}

/* ## Cryout Portfolio */
.widget-portfolio {
	overflow: hidden;
}

.widget-portfolio-item {
	position: relative;
	top: 0;
	float: left;
	display: inline-block;
	overflow: hidden;
	margin-bottom: 2%;
	margin-right: 2%;
	border: 5px solid rgba(255,255,255,.1);
}

.portfolio-columns-1 .widget-portfolio-item {
	 float: none;
	 clear: both;
	 width: 100%;
}

.portfolio-columns-2 .widget-portfolio-item {
	width: 48%;
}

.portfolio-columns-3 .widget-portfolio-item {
	width: 31.333%;
}

.portfolio-columns-4 .widget-portfolio-item {
	width: 23%;
}

.portfolio-columns-5 .widget-portfolio-item {
	width: 18%;
}

.portfolio-columns-6 .widget-portfolio-item {
	width: 14.666%;
}

.portfolio-columns-7 .widget-portfolio-item {
	width: 12.285%;
}

.portfolio-columns-8 .widget-portfolio-item {
	width: 10.5%;
}

.portfolio-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
}

.widget-portfolio-item:hover .portfolio-overlay {
	opacity: 1;
}

.portfolio-title {
	position: absolute;
	z-index: 3;
	bottom: -20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	height: auto;
	padding: 7px 5px;
	text-align: center;
	font-size: .8em;
	font-weight: 400;
	line-height: 1.3;
	color: inherit;
	opacity: 0;
	background: #FFF;
	word-break: break-all;
	-webkit-transition: .3s all ease;
	transition: .3s all ease;
}

.widget-portfolio-item:hover .portfolio-title {
	opacity: 1;
	bottom: 0;
}
.portfolio-columns-4 .portfolio-title,
.portfolio-columns-5 .portfolio-title,
.portfolio-columns-6 .portfolio-title,
.portfolio-columns-7 .portfolio-title,
.portfolio-columns-8 .portfolio-title {
	display: none;
}

.portfolio-image {
	display: block;
	overflow: hidden;
}

.portfolio-image > img {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: .8;
	-webkit-transition: .5s ease all;
	transition: .5s ease all;
}

.widget-portfolio-item:hover .portfolio-image > img {
	opacity: 1;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* Cryout GetInTouch */
.widget_cryout_getintouch > div {
	line-height: 1.5;
}

.widget_cryout_getintouch > div i.icon {
	float: left;
	margin-right: 10px;
	opacity: 0.5;
}

.widget_cryout_getintouch > div > span > em {
	overflow: hidden;
}

.widget_cryout_getintouch .cryoutgetintouch-email a {
	color: inherit;
}

.widget_cryout_getintouch .cryoutgetintouch-items > span {
	display: block;
	margin: 10px 0;
	font-size: 1em;
}

.cryoutgetintouch-extra.cryout-getintouch-right {
	font-weight: bold;
}


/*--------------------------------------------------------------
	# SEARCHFORM
--------------------------------------------------------------*/

.searchform {
	position: relative;
	display: inline-block;
	/*overflow: hidden;*/
	width: 100%;
	height: auto;
	box-shadow: 0 10px 20px rgba(0,0,0,.05);
	-webkit-transition: .25s all ease-in-out;
	transition: .25s all ease-in-out;
}

.searchform:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,.1);
}

.searchform .searchsubmit {
	position: absolute;
	bottom: .7em;
	right: .7em;
	z-index: 8;
	display: block;
	height: 2.6em;
	width: 2.6em;
	vertical-align: middle;
	border: 0;
	border-radius: 0;
	padding: 0;
	font-size: 1em;
	background: transparent;
	cursor: pointer;
	-webkit-transition: .25s all ease-in-out;
	transition: .25s all ease-in-out;
}


.searchform:hover input[type="search"],
.searchform input[type="search"]:focus {
	outline: none;
}

.no-results .content-search {
	padding: 0;
}

/* ## SIDEBAR SEARCH */
.searchform input[type="search"] {
	position: relative;
	z-index: 7;
	float: left;
	display: block;
	height: 4em;
	width: 100%;
	border-radius: 0;
	padding: 0 3.5em 0 1.5em;
	font-size: 1em;
	-webkit-transition: .2s all ease-out;
	transition: .2s all ease-out;
}

.searchform .searchsubmit i {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 1em;
	line-height: 1;
	text-align: center;
	display: inline-block;
	-webkit-transition: .4s all ease-out;
	transition: .4s all ease-out;
}

.searchform .searchsubmit i + i {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translateY(-20px) scale(0.25);
	transform: translateY(-20px) scale(0.25);
}

.searchform:hover .searchsubmit i {
	opacity: 0;
	-webkit-transform: translateY(20px) scale(0.25);
	transform: translateY(20px) scale(0.25);
}

.searchform:hover .searchsubmit i + i {
	opacity: 1;
	-webkit-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);
}

.searchform .searchsubmit i::before {
	font-size: .9em;
}

/* ## MAIN MENU SEARCHFORM */
#access > div > ul > li.menu-search-animated {
	text-align: center;
}

#access .menu-search-animated {
	padding: 0 .3em;
}

#access .menu-search-animated .searchform {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	margin: auto;
	border: 0;
	background: rgba(0,0,0,.8) !important;
}

#access .menu-search-animated .searchsubmit {
	display: none;
}

#access .menu-search-animated .s {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 860px;
	height: 3.5em;
	margin: auto;
	border: 0;
	border-radius: 100px;
	font-size: 1.5em;
	line-height: 2;
	font-weight: 400;
	text-align: center;
	background: #FFF;
	color: #555;
	box-shadow: 0 0 15px 15px rgba(0,0,0,.25);
	opacity: 0;
	-webkit-transform: translateY(150px);
	transform: translateY(150px);
	-webkit-transition: .25s ease-in-out all;
	transition: .25s ease-in-out all;
}

#access .menu-search-animated .s.is-active {
	opacity: 1;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}

#access .menu-search-animated .s:focus {
	/* background: transparent; */
}

#access .menu-main-search i.icon-search {
	display: inline-block;
	padding-right: .5em;
	padding-left: .5em;
}

#access .menu-main-search > a {
	padding-left: 0;
	padding-right: 0;
}

#access i.icon-search {
	cursor: pointer;
}

#access i.icon-search::before {
	display: block;
	font-style:	normal;
	font-size: 1em;
}

#access li.menu-main-search {
	position: static;
	padding: 0 .4em;
}

.menu-main-search .icon-cancel {
	position: absolute;
	z-index: 1000;
	top: 0;
	right: 3em;
	display: none;
	font-size: 1.2em;
	cursor: pointer;
	opacity: 0;
}

/* ## FOOTER MENU SEARCHFORM */
li.menu-footer-search {
	max-width: 12em;
}

li.menu-footer-search .searchform input[type="search"] {
	height: 3.2em;
}

li.menu-footer-search .searchsubmit {
	width: 2.2em;
	height: 2.2em;
	bottom: 0.55em;
	right: 0.55em;
}

.widget_rss a.rsswidget {}
.widget_rss a.rsswidget:hover {}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* ## MOBILE NAV SEARCH */
#mobile-nav .searchform input[type="search"] {
	height: 1.2em;
	border: 0;
	border-bottom: 2px solid;
	border-radius: 0;
	padding: 0 0 0.4em 1.2em;
	font-size: 2.5em;
	line-height: 1.2;
	color: inherit;
	background: transparent;
}

#mobile-nav .searchform input[type="search"]::placeholder {
	color: inherit;
	opacity: 1;
}

nav#mobile-menu #mobile-nav .menu-main-search .searchsubmit  {
	position: absolute;
	right: auto;
	left: 0;
	bottom: 0;
	font-size: 2em;
	height: 2em;
	width: 1.4em;
	padding: 0;
	background: transparent;
	cursor: pointer;
	z-index: 9;
}

/*--------------------------------------------------------------
	# SOCIALS
--------------------------------------------------------------*/

/* ## GENERAL */
.socials {
	position: relative;
}

.socials a {
	position: relative;
	z-index: 99;
	float: left;
	display: block;
	width: 2.6em;
	height: 2.6em;
	margin-right: 1em;
	border-radius: 100px;
	font-size: 1.1em;
	line-height: 2.6em;
	text-align: center;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.socials a:last-child {
	margin-right: 0;
}

.socials a::before,
.socials a::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.socials a::after {
	opacity: 0;
	-webkit-transform: translateY(-20px) scale(0.5);
	        transform: translateY(-20px) scale(0.5);
}

.socials a:hover::before {
	opacity: 0;
	-webkit-transform: translateY(20px) scale(0.5);
	        transform: translateY(20px) scale(0.5);
}

.socials a:hover::after {
	opacity: 1;
	-webkit-transform: translateY(0px) scale(1);
	        transform: translateY(0px) scale(1);
}

.socials a span {
	display: none;
}

/* ## HEADER SOCIALS */
.side-section-element.widget_cryout_socials {
	position: relative;
	overflow: hidden;
	display: table;
	margin: 1em auto 0;
	font-size: 1em;
	line-height: 1;
}

.side-section-element.widget_cryout_socials a {
	position: relative;
	opacity: 0;
	font-size: 1.5em;
	-webkit-transform: translateX(-30px);
	transform: translateX(-30px);
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

nav#mobile-menu.burgermenu-active .side-section-element.widget_cryout_socials a {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

/* ## SIDEBAR SOCIALS */
.sidey .socials {
	display: table;
	float: none;
	overflow: hidden;
	margin: 0 auto 2em;
}

/* ## FOOTER SOCIALS */
#sfooter {
	float: right;
	clear: right;
	display: block;
	margin: .5em auto;
}

#sfooter.socials,
.widget_cryout_socials .socials {
	font-size: .8333em;
}

/*--------------------------------------------------------------
	# MISCELLANEOUS
--------------------------------------------------------------*/

/* ## BACK TO TOP */
#footer #toTop {
	position: fixed;
	z-index: 250;
	right: 2em;
	bottom: 2em;
	width: 2em;
	height: 2em;
	display: block;
	overflow: hidden;
	padding: 0.9em;
	font-size: 26px;
	opacity: 0;
	cursor: pointer;
	line-height: 2;
	background: #FFF;
	box-shadow: 0 10px 20px rgba(0,0,0,.15);
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

#footer #toTop.toTop-show {
	opacity: 1;
}

#toTop i {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
}

#toTop .icon-back2top::before,
.icon-back2top::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-style: normal;
	font-family: iconmeta;
	-webkit-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

#toTop .icon-back2top::before {
	opacity: 0;
	-webkit-transform: translateY(20px) scale(0.25);
	transform: translateY(20px) scale(0.25);
}

#toTop:hover .icon-back2top::before {
	opacity: 1;
	-webkit-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);
}

#toTop .icon-back2top::after {
	-webkit-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);
}

#toTop:hover .icon-back2top::after {
	opacity: 0;
	-webkit-transform: translateY(-20px) scale(0.25);
	transform: translateY(-20px) scale(0.25);
}

.bravada-totop-fixed #footer #toTop {
	position: absolute;
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	margin: auto;
	border: 0;
	box-shadow: none;
}

.bravada-totop-disabled #footer #toTop {
	display: none;
}

/* ## CUSTOM IMAGE BORDER */
.bravada-image-none .entry-content img[class*='align'],
.bravada-image-none .entry-summary img[class*='align'] {}

.bravada-image-one .entry-content img[class*='align'],
.bravada-image-one .entry-summary img[class*='align'] {
	border-bottom: 5px solid transparent;
	padding-bottom: 5px;
}
.bravada-image-two .entry-content img[class*='align'],
.bravada-image-two .entry-summary img[class*='align'] {
	border: 7px solid transparent;
}
.bravada-image-three .entry-content img[class*='align'],
.bravada-image-three .entry-summary img[class*='align'] {
	border: 1px solid #222;
	padding: 0;
	box-shadow: 0 0 15px #ccc;
}
.bravada-image-four .entry-content img[class*='align'],
.bravada-image-four .entry-summary img[class*='align'] {
	padding: .7em;
	border: 1px solid #DDD;
	box-shadow: 0 0 2px #CCC;
}

.bravada-image-five .entry-content img[class*='align'],
.bravada-image-five .entry-summary img[class*='align'] {
	border-top: .5em solid transparent;
	border-bottom: .5em solid transparent;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

/* ## CUSTOM CAPTION LOOK */
.bravada-caption-zero .main .wp-caption .wp-caption-text {}

.bravada-caption-one .main .wp-caption .wp-caption-text {
	border-bottom: 2px solid transparent;
}

.bravada-caption-two .main .wp-caption .wp-caption-text {
	margin-top: 3px;
}

/* ## BREADCRUMBS */
#breadcrumbs-container {
	position: absolute;
	left: 4em;
	z-index: 9;
	float: none;
	display: block;
	overflow: hidden;
	width: 100%;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

#breadcrumbs-container-inside {
	overflow: hidden;
}

#breadcrumbs {
	display: block;
	width: 100%;
	padding: .5em 2.5em;
	font-size: .9em;
}

.bravada-boxed-layout #breadcrumbs {
	padding-left: 0;
	padding-right: 0;
}

#breadcrumbs-container #breadcrumbs-nav {
	padding-top: 0;
	padding-bottom: 0;
}

#breadcrumbs-container #breadcrumbs-nav a:hover {
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

#breadcrumbs-container #breadcrumbs-nav a:hover {
	opacity: 0.75;
}

.icon-bread-home::before {
	margin-right: .3em;
	font-size: .9em;
	cursor: pointer;
}

#breadcrumbs-nav .icon-bread-arrow {
	position: relative;
	top: -1px;
	display: inline-block;
	padding: 0 .1em;
	vertical-align: middle;
	display: none;
}

@media (max-width: 800px) {
	#header-page-title #breadcrumbs-nav .current {
		display: none;
	}
}

/* ## PAGINATION */
.pagination {
	float: none;
	clear: both;
	display: table;
	margin: 2.5em auto;
	padding: .25em 1em;
	text-align: center;
}

.pagination span,
.pagination a {
	position: relative;
	float: left;
	display: block;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	height: 2.5em;
	width: 2.5em;
	margin-right: 15px;
	font-size: 1em;
	line-height: 2.5;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pagination .dots {
	width: 3em;
	border: 0;
	background: none;
}

/* ## CONTINUE READING */
a.continue-reading-link {
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
	padding: 3px 16px 3px 25px;
	border: 2px solid;
	font-size: .9em;
	line-height: 2;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

a.continue-reading-link:hover {
	padding-right: 14px;
	padding-left: 17px;
}

/* edge needs special treatment since it can't handle :focus-within */
a.continue-reading-link:focus-within {
	padding-right: 14px;
	padding-left: 17px;
}

.continue-reading-link span {
	position: relative;
	z-index: 5;
	font-weight: bold;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

i.icon-continue-reading {
	position: relative;
	top: 1px;
	margin-left: -10px;
	padding-left: 5px;
	opacity: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.continue-reading-link:hover i.icon-continue-reading {
	margin-left: 0;
	opacity: 1;
}

/* edge needs special treatment since it can't handle :focus-within */
.continue-reading-link:focus-within i.icon-continue-reading {
	margin-left: 0;
	opacity: 1;
}

/* ## BLOCKQUOTES */
.entry-content blockquote {
	position: relative;
	float: none;
	clear: both;
	display: table;
	width: auto;
	margin: 2em auto 0;
	padding: 2em;
	font-style: italic;
	font-weight: 400;
}

.entry-content blockquote::before {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 2.5em;
	text-align: center;
	font-family: 'iconmeta';
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

.main blockquote p {
	margin-bottom: 0;
}

/* ## PRELOADER */
.cryout-preloader {
	position: fixed;
	z-index: 99999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: auto;
	background: #FFF;
	-webkit-animation: preloader-hide 6s 1s ease-out forwards;
	animation: preloader-hide 6s 1s ease-out forwards;
}

@-webkit-keyframes preloader-hide {
	100% {
		visibility: hidden;
		opacity: 0;
		z-index: -1;
	}
}

@keyframes preloader-hide {
	100% {
		visibility: hidden;
		opacity: 0;
		z-index: -1;
	}
}

.cryout-preloader-inside {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
}

.cryout-preloader-inside .bounce1,
.cryout-preloader-inside .bounce2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	-webkit-animation: preloader-spin 1.4s ease-in-out infinite;
	animation: preloader-spin 1.4s ease-in-out infinite;
}

.cryout-preloader-inside .bounce2 {
	-webkit-animation-delay: -.7s;
    animation-delay: -.7s;
}

@-webkit-keyframes preloader-spin {
    0%   {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
		opacity: 0;
    }
}

@keyframes preloader-spin {
    0%   {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
		opacity: 0;
    }
}

/*--------------------------------------------------------------
	# TEMPLATES
--------------------------------------------------------------*/

/* Template Contact */
.template-content {
	margin: 20px 0 50px;
	/* border-top: 1px solid rgba(0,0,0,.1); */
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 30px 0;
}

.template-contact .template-left-col,
.template-contact .template-right-col {
	float: left;
	display: inline-block;
	/*width: 47%;*/
}

.template-contact .template-middle {
	display: block;
	overflow: hidden;
	margin: 50px auto;
}

.template-contact .template-left-col {
	/*margin-right: 6%;*/
}

.template-right-col-inside {
	/*padding: 40px;
	background: rgba(0,0,0,.05);*/
}

.template-right-col-inside > img {
	margin-bottom: 1em;
}

.template-contact .template-right-col-inside address {
	padding-left: 0;
}

.template-contact address > span {
	float: none;
	clear: both;
	display: block;
	overflow: hidden;
	margin: 10px 0;
}

.template-contact address > span i {
	float: left;
	display: inline-block;
	min-width: 150px;
	margin-right: 10px;
	padding-left: 1px;
	font-size: 1em;
}

.template-contact address .address-block {
	display: block;
	overflow: hidden;
}

.template-contact .template-map-col {
	margin-bottom: 50px;
}

.template-about .template-image {
	margin-bottom: 50px;
}

.template-about .template-content {
	margin-bottom: 70px;
}

.template-about .template-team {
	margin-top: 50px;
}

.page-template-template-fullwidth #container.one-column.template-full-width {
	max-width: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.page-template-template-fullwidth #container.one-column.template-full-width article.hentry .article-inner {
	padding-left: 0;
	padding-right: 0;
}


/*--------------------------------------------------------------
	# PORTFOLIO
--------------------------------------------------------------*/

/* Portfolio shortcode only */
.single article.jetpack-portfolio .entry-meta {
	margin-top: 0;
	padding: 1em 3em;
}

.single article.jetpack-portfolio .entry-meta-container {
	position: absolute;
	bottom: 2em;
	left: 0;
	right: 0;
	display: table;
	width: 100%;
	margin: 0 auto;
	background: rgba(0,0,0,.5);
}

@media ( max-width: 800px ) {
	.single article.jetpack-portfolio .entry-meta-container {
		width: 90%;
	}
}

.single article.jetpack-portfolio .entry-meta > span {
	display: block;
	font-size: 1em;
	line-height: 2;
	font-weight: 400;
	color: #DDD;
}

.single.single-jetpack-portfolio .main .article-inner > header {
	margin-bottom: 1em;
}

article.jetpack-portfolio .portfolio-featured-single {
	position: relative;
	margin-bottom: 2em;
}

article.jetpack-portfolio .portfolio-featured-single img {
	display: block;
	border-radius: 6px;
}

article.jetpack-portfolio header + .content-masonry {
	padding-top: 2.6em;
}

article.jetpack-portfolio header .entry-title + .taxonomy-description {
	margin-bottom: 0;
	padding-top: 1em;
}

.jetpack-portfolio-shortcode .portfolio-featured-image + .portfolio-entry-title {
	margin-top: 1em;
	margin-bottom: 0;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.jetpack-portfolio-shortcode .portfolio-entry-title a {
	display: block;
	padding: .4em 0;
	line-height: 1.3;
}

.jetpack-portfolio-shortcode .portfolio-entry-meta {
	line-height: 1.5;
}

.jetpack-portfolio-shortcode .portfolio-featured-image {
	position: relative;
	display: block;
	overflow: hidden;
}

.jetpack-portfolio-shortcode .portfolio-featured-image img {
	-webkit-transition: 1s ease all;
	transition: 1s ease all;
}

.jetpack-portfolio-shortcode .portfolio-entry:hover .portfolio-featured-image img {
	-webkit-filter: brightness(110%);
	filter: brightness(110%);
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

/*--------------------------------------------------------------
	# CONDITIONALS
--------------------------------------------------------------*/
.single-post.bravada-comhide-in-posts .nocomments {
	display: none;
}

.page.bravada-comhide-in-pages .nocomments {
	display: none;
}

.page.bravada-hide-page-title .entry-title,
.home.bravada-hide-page-title.page .entry-title {
	display: none;
}

.archive.bravada-hide-cat-title #header-page-title-inside .entry-title {
	display: none;
}

.bravada-metahide-mainmenu #site-header-main,
.bravada-metahide-breadcrumbs #breadcrumbs-container,
.bravada-metahide-title #header-page-title-inside .entry-title,
.bravada-metahide-title .article-inner .entry-title,
.bravada-metahide-colophon #colophon,
.bravada-metahide-footer #footer {
	display: none;
}

.bravada-metahide-headerimg #header-image-main-inside {
	background-image: none;
}

.bravada-metahide-contentbg:not(.blog):not(.page-template-template-blog):not(.archive):not(.search) #container:not(.bravada-landing-page) .main,
.bravada-metahide-contentbg article.hentry {
	background-color: transparent;
}

.bravada-metahide-headerimg.bravada-cropped-headerimage #masthead #header-image-main-inside {
	height: 0;
}

.bravada-metahide-mainmenu #header-image-main {
	margin-top: 0;
}

/*--------------------------------------------------------------
	# FIXES
-------------------------------------------------------------- */

/* ## Woocommerce */

/* .woocommerce.single #header-image-main,
.woocommerce-checkout #header-image-main,
.woocommerce-cart #header-image-main {
	display: none;
} */

.woocommerce.archive .page-title {
	display: none;
}

.single.woocommerce #header-page-title .entry-meta {
	display: none;
}

.woocommerce.archive article {
	padding-top: 4em;
}

.woocommerce .product .entry-summary {
	clear: none;
}

.woocommerce ul.products li.product h3 {
}

.woocommerce div.product form.cart table td {
	padding: 0;
}

.woocommerce-page #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: 1.2em;
	padding-right: 1.2em;
	border-radius: 0;
	font-size: .9em;
	font-weight: bold;
 }

 .woocommerce-page #respond input#submit.alt,
 .woocommerce a.button.alt,
 .woocommerce-page button.button.alt,
 .woocommerce input.button.alt {
	 position: relative;
	 padding: 1em 1.2em;
	 outline: 2px solid;
	 background-color: transparent;
	 background-size: 400%;
	 background-position: 100% 50%;
	 -webkit-transition: background .75s ease-out;
	 transition: background .75s ease-out;
 }

 .woocommerce-page #respond input#submit.alt:hover,
 .woocommerce a.button.alt:hover,
 .woocommerce-page button.button.alt:hover,
 .woocommerce input.button.alt:hover {
	 background: transparent;
 	background-position: 50% 50%;
 }

 .woocommerce-page #respond input#submit.alt::after,
 .woocommerce a.button.alt::after,
 .woocommerce-page button.button.alt::after,
 .woocommerce input.button.alt::after {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	outline: 2px solid;
 	-webkit-transition: .3s ease all;
 	transition: .3s ease all;
 }

 .woocommerce-page #respond input#submit.alt:hover::after,
 .woocommerce a.button.alt:hover::after,
 .woocommerce-page button.button.alt:hover::after,
 .woocommerce input.button.alt:hover::after {
 	opacity: 0;
 	-webkit-transform: scale(1.05, 1.25);
 	transform: scale(1.05, 1.25);
 }

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt[disabled]:disabled,
.woocommerce #respond input#submit.alt[disabled]:disabled:hover,
.woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt[disabled]:disabled,
.woocommerce a.button.alt[disabled]:disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:disabled,
.woocommerce button.button.alt[disabled]:disabled:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt[disabled]:disabled,
.woocommerce input.button.alt[disabled]:disabled:hover {
	border-radius: 0;
	color: inherit;
	opacity: .5;
}

.woocommerce select {
	padding: 1rem;
}

/* Woocommerce Archive Pages */
@media (max-width: 480px) {
	.woocommerce ul.products[class*="columns-"] li.product,
	.woocommerce-page ul.products[class*="columns-"] li.product {
		width: 100%;
		float: none;
	}
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	text-align: center;
}

.woocommerce .products .star-rating {
	margin: 0 auto .5em;
	text-align: center;
}

.woocommerce ul.products li.product .price {
	font-size: 1em;
}

.woocommerce ul.products li.product .button {
	margin-top: .5em;
}

.woocommerce span.onsale {
	top: 0;
	left: 0;
	min-height: auto;
	padding: 0;
	border-radius: 0;
	background: #FFF;
	color: inherit;
}

.woocommerce ul.products li.product .onsale {
	top: 5px;
	right: 5px;
	min-height: auto;
	line-height: 1.8;
	margin: 0;
	border-radius: 0;
	background: rgba(255,255,255,.75);
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.woocommerce div.product form.cart div.quantity {
	width: 20%;
	margin-right: 5%;
}

.woocommerce div.product form.cart .button {
	width: 75%;
	padding: 1rem;
	line-height: 1.8;
}

.woocommerce .quantity .qty {
	width: 100%;
	border: 0;
	border-radius: 0;
	padding: 1rem 1rem;
    font-size: 0.9em;
	text-align: left;
	line-height: 1.8;
}

.woocommerce-thumbnail-container {
	position: relative;
	overflow: hidden;
	/* border-radius: 5px; */
}

.woocommerce ul.products li.product .woocommerce-thumbnail-container a img {
	position: relative;
	margin: 0;
	top: 0;
	-webkit-transition: .3s ease-out all;
	transition: .3s ease-out all;
}

.woocommerce ul.products li.product .woocommerce-thumbnail-container:hover a img {
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
	opacity: .8;
}

.woocommerce-thumbnail-container .woocommerce-buttons-container {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-75%);
	        transform: translateY(-75%);
	-webkit-transition: .3s ease-out all;
	transition: .3s ease-out all;
	opacity: 0;
}

.woocommerce-thumbnail-container .woocommerce-buttons-container a {
	display: block;
	width: 80%;
	margin: 0 auto;
	font-size: .8em;
	/* border-radius: 100px; */
}

.woocommerce-thumbnail-container .woocommerce-buttons-container a.added_to_cart {
	margin-top: 5px;
	padding: 0.5em 0.25em;
	background: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}

.woocommerce-thumbnail-container:hover .woocommerce-buttons-container {
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
			opacity: 1;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
	font-weight: 400;
}

.woocommerce div.product .product_title {
	font-weight: 300;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-weight: 300;
	font-size: 1.618em;
}

.woocommerce div.product form.cart .variations td.label {
	display: inline-block;
	padding: 1rem 0;
	font-size: 0.8em;
	line-height: 1.8;
	text-decoration: underline;
	background: transparent;
	color: inherit;
}

.woocommerce div.product form.cart .variations td.value {
	background: transparent;
}

.woocommerce div.product form.cart {
	margin-top: 2em;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce ul.products li.product .price ins {
	font-weight: 400;
}

.add_to_cart_button:not(.product_type_variable)::before,
/*.icon-basket::before,*/
.single-product div.product form.cart .button::before {
	content: "\e83b";
	position: relative;
	top: 0;
	display: inline-block;
	margin-right: 10px;
	font-family: "iconmeta";
	line-height: 1;
	font-weight: 400;
	font-style: normal;
}

input#submit.loading,
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading {
	opacity: 1;
}

.woocommerce nav.woocommerce-pagination {
	margin-bottom: 2em;
}

.woocommerce nav.woocommerce-pagination ul {
	border: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
	margin-right: 1em;
	border: 0;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 0;
	padding: 0.8em 1em;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.woocommerce nav.woocommerce-pagination .next.page-numbers,
.woocommerce nav.woocommerce-pagination .prev.page-numbers {
	border: 0;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: transparent;
}

/* Woocommerce Single Product page */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent;
	border-color: transparent;
	border-radius: 0;
	padding: 5px 1.2em;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active):hover {
	background: #f7f7f7;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	border-color: #d3ced2;
	border-bottom-color: transparent;
}

.woocommerce #reviews #comments {
	margin-top: 0;
}

.woocommerce .woocommerce-tabs h2 {
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 1.2em;
	font-weight: 400;
}

.woocommerce div.product .products > h2,
.woocommerce .cart-collaterals h2 {
	position: relative;
	display: inline-block;
	margin-bottom: 1.5em;
}

.woocommerce div.product .products > h2::after,
.woocommerce .cart-collaterals h2:not([class*=__title])::after {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: .3em;
	width: 100%;
	height: .6em;
	opacity: 0.4;
}

.woocommerce .cart-collaterals h2 {
	margin-bottom: 2em;
}

.woocommerce div.product #review_form_wrapper {
	margin: 1.5em 0;
}

.woocommerce-tabs {
	padding: 2.6em 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-weight: 400;
	font-size: 0.9em;
}

.woocommerce #comments { /* woocommerce reviews */
	padding-top: 0;
}

.woocommerce #reviews #comments ol.commentlist li {
	margin: 20px 0 40px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
	margin-left: 80px;
	border-radius: 4px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
	width: auto;
}

.woocommerce.bravada-comment-placeholder #respond label { /* show woocommerce form lables */
	display: inline-block;
}

.woocommerce #review_form #respond p {
	margin-top: 1.5em;
}

.woocommerce #review_form #respond .comment-form-author,
.woocommerce #review_form #respond .comment-form-email {
	width: 50%;
}

.woocommerce #review_form #respond .comment-form-author {
	/* margin-right: 4%; */
}

.woocommerce #review_form #respond .comment-form-author input,
.woocommerce #review_form #respond .comment-form-email input {
	width: 100%;
}

.woocommerce-noreviews {
	padding: 1em;
	background: rgba(0,0,0,.07);
}

/* Woo Cart Page */
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
	width: auto;
	padding: 0.618em 1.2em;
	/* font-size: .9em; */
}

table.cart .quantity .qty {
	max-width: 80px;
	padding: 10px
}

.woocommerce a.remove {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.3;
	color: #C00;
	opacity: .8;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.woocommerce a.remove:hover {
	color: #C00 !important;
	background: rgba(0,0,0,.1);
	opacity: 1;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
	width: 80px;
}

.woocommerce table.shop_table {
	border-collapse: collapse;
}

.woocommerce table.shop_table thead {
	font-size: .8em;
	text-transform: uppercase;
	opacity: 0.5;
}

.woocommerce table.shop_table td.product-name {
	font-size: .9em;
	font-weight: bold;
}

/* Woo Checkout Page */
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
	width: 100%;
}

@media (min-width: 800px) {
	.woocommerce .col2-set,
	.woocommerce-page .col2-set {
		float: left;
		width: 58%;
		margin-right: 4%;
	}

	#order_review_heading,
	#order_review {
		clear: none;
		float: left;
		width: 38%;
	}
}

.select2-container--default .select2-selection--single {
	border-radius: 0;
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 2.5em;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 2.5em;
}

#main .woocommerce .checkout table.shop_table td,
#main .woocommerce .checkout table.shop_table th {
	background: transparent;
}

.woocommerce-checkout #payment {
	background: transparent;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
	border: 0;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
	display: block;
	width: 100%;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	border-radius: 0;
}

/* WooCommerce messages */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	border: 0;
	border-radius: 0;
}

#main .woocommerce-error a.button,
#main .woocommerce-info a.button,
#main .woocommerce-message a.button {
	background: transparent;
	color: inherit;
	padding: 0;
}

/* WooCommerce widgets */
.woocommerce-product-search button[type="Submit"] {
	display: block;
	width: 100%;
	margin-top: 10px;
}

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
	line-height: 1.5;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
	position: relative;
	top: 0;
	width: 70px;
	border: 4px solid #FFF;
	border-radius: 3px;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.woocommerce ul.cart_list li a:hover img,
.woocommerce ul.product_list_widget li a:hover img {
	top: -4px;
	box-shadow: 0 7px 15px rgba(0,0,0,.15);
}

.woocommerce ul.cart_list li:hover img,
.woocommerce ul.product_list_widget li:hover img {
	opacity: .8;
}

.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
	font-size: 0.7em;
	opacity: 0.7;
}

.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
	padding: 15px 0;
}

.woocommerce ul.cart_list li .product-title,
.woocommerce ul.product_list_widget li .product-title {
	font-weight: 400;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
	background: rgba(0,0,0,.1);
	border: 0;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
	font-size: 1em;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
	background: transparent;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	border-radius: 2px;
	top: -.25em;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:hover {
	box-shadow: 0 0 14px rgba(0,0,0,.4);
}

.woocommerce .widget_price_filter .price_label {
	padding-top: 0.4em;
}

.woocommerce.widget_product_categories ul.product-categories li {
	position: relative;
	border: 0;
	padding: 0;
}

.woocommerce.widget_product_categories ul.product-categories li::before {
	content: "\e902";
	position: relative;
	top: 1px;
	margin-right: 7px;
	font-family: "iconmeta";
	-webkit-transition: .2s ease-out margin;
	transition: .2s ease-out margin;
}

.woocommerce.widget_product_categories ul.product-categories li:hover::before {
	margin-right: 12px;
}

.woocommerce.widget_product_categories ul.product-categories li ul {
	margin-top: 0;
}

/* WooCommerce MyAccount */
.main article .woocommerce-MyAccount-navigation > ul {
	list-style: none;
	margin-left: 0;
}

.woocommerce-MyAccount-navigation > ul li > a {
	display: block;
	margin-bottom: 5px;
	border-radius: 4px;
	padding: 7px 15px;
	color: inherit;
	background: rgba(133,137, 141, .1);
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.woocommerce-MyAccount-navigation > ul li > a:hover {
	opacity: .8;
}

.woocommerce-MyAccount-navigation > ul li.is-active > a {
	font-weight: bold;
	background: transparent;
}

/* Team Members */
.tmm .tmm_container .tmm_member .tmm_photo {
	width: 120px;
	height: 120px;
	margin-top: -60px;
	border: 20px solid transparent;
	border-radius: 0 !important;
	padding-bottom: 0;
	box-shadow: none;
}

.cryout .tmm .tmm_container .tmm_member {
	position: relative;
	border: 1px solid transparent;
	border-radius: 0;
	-webkit-transition: .2s ease-out border-color;
	transition: .2s ease-out border-color;
}

.tmm .tmm_container .tmm_member .tmm_textblock {
	padding: 10px 25px 30px;
}

.tmm .tmm_container  .tmm_names {
	margin-bottom: 0;
}

.tmm .tmm_container  .tmm_fname {
	font-weight: bold;
}

.tmm .tmm_theme_f .tmm_names {
	margin-bottom: 0 !important;
}

.tmm .tmm_container .tmm_job {
	font-size: 0.75em !important;
	text-transform: uppercase;
	letter-spacing: 3px;
	opacity: 0.5;
}

.tmm .tmm_container .tmm_desc {
	font-size: .9em;
	line-height: 1.8;
}

.tmm .tmm_member .tmm_textblock .tmm_scblock {
	display: table;
	margin: auto;
	padding: 0 15px !important;
}

.tmm .tmm_member .tmm_textblock .tmm_sociallink img {
	margin: 10px 7px !important;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.tmm .tmm_member .tmm_textblock .tmm_sociallink:hover img {
	-webkit-filter: grayscale(0);
	        filter: grayscale(0);
}

/* Jetpack Portfolio shortcode in widget */
.widget-container h2.portfolio-entry-title {
	font-size: 1.2em;
}

/* Safari fixed cover background images */
body.safari,
.safari #masthead .header-image,
.safari .lp-text {
	background-attachment: scroll;
	background-position: top center !important;
}

/* Edge shaky fixed cover background images */
@supports (-ms-ime-align:auto) {
	body, .lp-text {
		background-attachment: scroll !important;
		background-position: top center !important;
	}
}

/* IE 10-11 shaky fixed cover background images */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	body, #masthead .header-image, .lp-text {
		background-attachment: scroll !important;
		background-position: top center !important;
	}
}

/* Shortcodes */
.panel-default > .panel-heading > .panel-title > a::before {
	font-family: "iconmeta";
	/* content: ""; */
	right: 25px;
	font-size: 10px;
	opacity: 0.6;
}

.btn {
	position: relative;
	outline: 2px solid;
	font-weight: bold;
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
}

.btn:hover {
	outline: 2px solid;
}

.btn:focus-within {
	outline: 2px solid;
}

.btn + .btn {
	margin-left: 10px;
}

.btn::before {
	content: "";
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	outline: 2px solid;
	opacity: .5;
	-webkit-transition: .4s ease all;
	transition: .4s ease all;
}

.btn:hover::before {
	opacity: 0;
	-webkit-transform: scale(1.2, 1.5);
	transform: scale(1.2, 1.5);
}

.btn:focus-within::before {
	opacity: 0;
	-webkit-transform: scale(1.15, 1.3);
	transform: scale(1.15, 1.3);
}


.label-primary,
.label-secondary {
	border: 2px solid;
}

.well,
.alert {
	border-radius: 0;
}

.panel-group.scheme-dark-1 .panel .panel-heading,
.panel-group.scheme-dark-1 .panel,
.panel-group.scheme-dark-2 .panel .panel-heading,
.panel-group.scheme-dark-2 .panel,
.panel-group.scheme-light-1 .panel .panel-heading,
.panel-group.scheme-light-1 .panel {
	border-radius: 0;
}

.nav-tabs > li > a {
	border-radius: 0;
}

.tooltip-inner {
	border-radius: 0;
}

/*--------------------------------------------------------------
	# RESPONSIVENESS
-------------------------------------------------------------- */
body.mobile {-webkit-text-size-adjust: 100%;} /* Iphone browser fix*/
body.mobile .main {min-height:0;}

@media (max-width: 1152px) {

	body {
		margin-top: 0; /* removed fixed header menu */
	}

	#container[class*="three-"] {
		display: block;
	}

	.site-header-inside,
	#access .menu-search-animated .searchform input[type="search"],
	#colophon-inside,
	.footer-inside {
		padding-left: 2em;
		padding-right: 2em;
	}

	.cryout #container[class*="three-"] #primary,
	.cryout #container[class*="three-"] #secondary {
		width: 100%;
		margin: 0 0 1.5em;
	}

	.cryout #container[class*="three-"] .main {
		width: 100%;
		margin-bottom: 1.5em;
	}

	.cryout #container[class*="three-"] #primary,
	.cryout #container[class*="three-"] #secondary {
		padding-left: 2em;
		padding-right: 2em;
	}

	.cryout #container[class*="three-"] .sidey .widget-container {
		float: left;
		width: 47.5%;
		margin: 0 0 1.5em;
	}

	.cryout #container[class*="three-"] .sidey section.widget-container:nth-of-type(2n+1) {
		clear: both;
		margin-right: 5%;
	}

	#masthead.cryout #site-header-main {
		/* position: relative; */
	}

	.cryout #header-image-main {
		margin-top: 0;
	}

	#breadcrumbs-container.cryout[class*="three-"] #breadcrumbs {
		width: 100%;
		margin: 0;
	}

}

@media (max-width: 1024px) {

	body {
		font-size: .95em;
	}

	#container {
		display: block;
	}

	.cryout #container[class*="three-"] .main,
	.cryout #container[class*="two-"] .main,
	.cryout #container[class*="one-"]:not(.bravada-landing-page) .main {
		width: 100%;
		margin-bottom: 1.5em;
		padding: 2em;
	}

	.cryout #breadcrumbs-container {
		left: calc( 2em + 20px );
	}

	.cryout #container[class*="two-"] #primary,
	.cryout #container[class*="two-"] #secondary {
		float: none;
		clear: both;
		width: 100%;
		max-width: 480px;
		margin: 0 auto;
		padding-left: 2em;
		padding-right: 2em;
	}

	.cryout #container[class*="two-"] #primary::after,
	.cryout #container[class*="two-"] #secondary::after {
		content: "";
		clear: both;
		display: block;
	}

	.bravada-magazine-three .cryout #content-masonry article.hentry {
		width: 46%;
	}

	#breadcrumbs-container.cryout[class*="two-"] #breadcrumbs {
		width: 100%;
		margin: 0;
	}

	#header-page-title .entry-title,
	.singular-title {
		max-width: none;
		font-size: 3.5em;
	}

	#nav-fixed span,
	#nav-fixed a + a {
		display: none;
	}

	#nav-fixed i::before {
		font-size: 1em;
	}

	#nav-fixed i {
		height: 50px;
	}

}

/* special case where mobile menu is force-enabled on iOS mobile devices */
@media (min-width: 801px) {

	.mobile-ios #masthead.cryout #access {
		display: none;
	}
}

@media (max-width: 640px) {

	#nav-fixed {
		display: none;
	}

	#masthead.cryout #access {
		display: none;
	}

	#content-masonry {
		margin-left: 0;
		margin-right: 0;
	}

	.bravada-magazine-three .cryout #content-masonry article.hentry,
	.bravada-magazine-two .cryout #content-masonry article.hentry {
		width: 100%;
		margin: 0 auto 1.5em;
	}

	#content-masonry article.hentry {
		margin-bottom: 1.5em;
	}

	#container:not(.bravada-landing-page) .main > *:not(#content-masonry) {
		padding-left: 0;
		padding-right: 0;
	}

	.post-thumbnail-container .featured-image-meta {
		left: 0;
		opacity: 0.75;
	}

	.cryout #site-title a span {
		padding-right: 0;
	}

	.cryout .footer-inside > div:last-child,
	.cryout .footer-inside .footermenu,
	.cryout .footer-inside #sfooter {
		float: none !important;
		display: table;
		width: auto;
		max-width: 100%;
		margin: 2em auto 1em;
		text-align: center;
	}

	.cryout .footer-inside > div:first-child,
	.cryout .footer-inside #site-copyright {
		float: none !important;
		clear: both;
		max-width: 100%;
		text-align: center;
	}

	.footer-inside #toTop {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		display: block;
		margin: 0 auto;
	}

	.cryout .footer-inside nav {
		width: auto;
	}

	.site-header-top .site-header-inside {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column wrap;
		        flex-flow: column wrap;
				height: auto;
	}

	.site-header-top .site-header-inside > * {
		padding: 10px 0;
	}

	.topmenu .menu {
		position: relative;
		overflow-x: auto;
		width: 100%;
		padding: 0 10px;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	    -ms-overflow-style: -ms-autohiding-scrollbar;
	}

	.topmenu .menu::-webkit-scrollbar {
  		display: none;
	}

	.topmenu ul li {
		float: none;
	}

	#side-section-menu {
		position: relative;
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
	}

	.footermenu ul li {
		float: none;
	}

	#sfooter {
		float: none;
		display: table;
		margin: 0 auto;
	}

	.widget-socials {
		display: table;
		margin: 0 auto;
	}

}

@media (max-width: 640px) {

	body {
		font-size: .9em;
	}

	.cryout #container[class*="three-"] .main,
	.cryout #container[class*="two-"] .main,
	.cryout #container[class*="one-"]:not(.bravada-landing-page) .main {
		padding-left: 1em;
		padding-right: 1em;
	}

	/* Left/right padding for content */
	.site-header-inside,
	#access .menu-search-animated .searchform input[type="search"],
	#breadcrumbs,
	#colophon-inside,
	.footer-inside,
	#header-page-title {
		padding-left: 1em;
		padding-right: 1em;
	}

	.cryout #container:not(.bravada-landing-page) .main {
		padding-top: 1em;
	}

	.cryout #container[class*=column] #primary,
	.cryout #container[class*=column] #secondary {
		padding-left: 1em;
		padding-right: 1em;
	}

	.cryout #container[class*="three-"] #primary,
	.cryout #container[class*="three-"] #secondary,
	.cryout #container[class*="three-"] .sidey .widget-container,
	.cryout #container[class*="two-"] .sidey .widget-container,
	.cryout #colophon .widget-container {
		clear: both;
		width: 100%;
		margin: 0 0 1.5em;
	}

	.cryout .sidey .widget-container {
		padding-left: 0;
		padding-right: 0;
	}

	.cryout #colophon .widget-container {
		padding: 2em 0 0;
	}

	.cryout .socials a {
		font-size: 1em;
		margin: 0 .1em;
	}

	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.comment-form-author input,
	.comment-form-email input,
	.comment-form-url input,
	.comment-form-comment input {
		width: 100%;
	}

	#nav-fixed {
		display: none;
	}

	#header-page-title #header-page-title-inside {
		font-size: 0.9em;
	}

}

@media ( max-width: 480px ) {

	.footermenu ul li span.sep {
		display: none;
	}

	.footermenu ul li {
		float: none;
		display: block;
		margin: 0.5em auto;
		text-align: center;
	}

}

/* ## LP Responsiveness */
@media (max-width: 1152px) {

	.three-columns-right #breadcrumbs,
	.two-columns-right #breadcrumbs {
		padding-left: 0;
		padding-right: 0;
	}

	.lp-staticslider .staticslider-caption,
	.seriousslider.seriousslider-theme .seriousslider-caption,
	.bravada-landing-page .lp-blocks .lp-blocks-inside,
	.bravada-landing-page .lp-boxes .lp-boxes-inside,
	.bravada-landing-page .lp-text-inside,
	.bravada-landing-page .lp-posts-inside,
	.bravada-landing-page .lp-page-inside,
	.bravada-landing-page .lp-portfolio-inside,
	.bravada-landing-page .lp-testimonials-inside,
	.bravada-landing-page .lp-section-header,
	.bravada-landing-page .content-widget {
		padding-left: 2em;
		padding-right: 2em;
	}

	.lp-text-image + .lp-text-card {
		/* padding: 3em; */
	}

	h3.lp-text-title {
		font-size: 1.5em;
	}

	.lp-text-content {
		font-size: 1em;
	}

}

@media (max-width: 960px) {

	.lp-staticslider .staticslider-caption,
	.seriousslider.seriousslider-theme .seriousslider-caption {
		font-size: 0.8em;
	}

	.lp-staticslider .staticslider-caption-text,
	.seriousslider.seriousslider-theme .seriousslider-caption-text,
	.staticslider-caption-buttons,
	.seriousslider-theme .seriousslider-caption-buttons {
		margin: 2em auto;
	}

	.lp-section-header .lp-section-title,
	.lp-section-header .lp-section-desc {
	    max-width: 100%;
	}

	.lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks-rows-2 .lp-block:nth-child(n) {
		width: 50%;
		margin: 0 auto;
	}

	.lp-blocks.lp-blocks1 .lp-block {
		border: 0;
	}

	.lp-blocks.lp-blocks2.lp-blocks-rows-4 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks2.lp-blocks-rows-3 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks2.lp-blocks-rows-2 .lp-block:nth-child(n) {
		width: 48%;
		margin: 6% 1%;
	}

	.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins[class*=lp-boxes] .lp-box,
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins[class*=lp-boxes] .lp-box {
		width: 48%;
		margin-bottom: 2em;
		margin-right: 4%;
	}

	.lp-boxes.lp-boxes-rows-4 .lp-boxes-inside .lp-box,
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-inside .lp-box {
		width: 50%;
	}

	.lp-boxes.lp-boxes-rows-4 .lp-boxes-inside .lp-box:nth-child(2n),
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-inside .lp-box:nth-child(2n),
	.lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(2n),
	.lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(2n) {
		margin-right: 0;
	}

	.lp-boxes.lp-boxes-rows-4 .lp-boxes-inside .lp-box:nth-child(4n+1),
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-inside .lp-box:nth-child(3n+1),
	.lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(4n+1),
	.lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(3n+1) {
		clear: none;
	}

	.lp-boxes.lp-boxes-rows-4 .lp-boxes-inside .lp-box:nth-child(2n+1),
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-inside .lp-box:nth-child(2n+1),
	.lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(2n+1),
	.lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(2n+1) {
		clear: both;
	}

	.lp-portfolio.lp-portfolio-rows-6 .lp-port,
	.lp-portfolio.lp-portfolio-rows-5 .lp-port,
	.lp-portfolio.lp-portfolio-rows-4 .lp-port,
	.lp-portfolio.lp-portfolio-rows-3 .lp-port,
	.lp-portfolio.lp-portfolio-rows-2 .lp-port {
		width: 50%;
	}

	.lp-testimonials.lp-testimonials-rows-1 .lp-tt:nth-child(n),
	.lp-testimonials.lp-testimonials-rows-2 .lp-tt:nth-child(n),
	.lp-testimonials.lp-testimonials-rows-3 .lp-tt:nth-child(n),
	.lp-testimonials.lp-testimonials-rows-4 .lp-tt:nth-child(n) {
		float: none;
		width: 100%;
		margin: 2em auto;
	}

}

@media (max-width: 640px) {

	.lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks-rows-2 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks2.lp-blocks-rows-4 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks2.lp-blocks-rows-3 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks2.lp-blocks-rows-2 .lp-block:nth-child(n) {
		float: none;
		clear: both;
		width: 100%;
		margin: 2% auto;
	}

	.lp-blocks.lp-blocks2.lp-blocks-rows-4 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks2.lp-blocks-rows-3 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks2.lp-blocks-rows-2 .lp-block:nth-child(n) {
		margin: 6% auto;
	}


	.lp-staticslider .lp-staticslider-image {
		position: absolute;
		z-index: 1;
		left: 50%;
		width: auto;
		/* max-height: 100vmax; */
		max-width: none;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.lp-staticslider .staticslider-caption,
	.seriousslider.seriousslider-theme .seriousslider-caption {
		position: relative;
		z-index: 3;
		font-size: 0.9em;
	}

	.lp-staticslider .staticslider-sep {
		height: 1px;
	}

	.lp-staticslider .staticslider-caption-text,
	.seriousslider.seriousslider-theme .seriousslider-caption-text,
	.staticslider-caption-buttons,
	.seriousslider-theme .seriousslider-caption-buttons {
		margin: 1.5em auto;
	}

	.lp-text {
		display: block;
	}

	.lp-text-image {
		width: auto;
		order: 0;
	}

	.lp-text-hasimage .lp-text-image img {
		left: 0 !important;
		right: 0 !important;
		margin: -5em auto 0;

	}

	.lp-text-image + .lp-text-card {
		max-width: 480px;
		width: auto;
		margin-top: 2em;
	}

	.lp-text-inside .lp-text-background {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
				padding: 2em;
	}

	.lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(n),
	.lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(n),
	.lp-boxes.lp-boxes-rows-2 .lp-box:nth-child(n) {
		float: none;
		clear: both;
		width: 100%;
		margin: 0 auto;
	}

	.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins[class*=lp-boxes] .lp-box:nth-child(n),
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins[class*=lp-boxes] .lp-box:nth-child(n),
	.lp-boxes.lp-boxes-rows-2 .lp-boxes-margins[class*=lp-boxes] .lp-box:nth-child(n) {
		float: none;
		clear: both;
		width: 100%;
		margin: 0 auto 3em;
	}

	.cryout .lp-boxes.lp-boxes-static:not(.lp-boxes-static2) .lp-box {
		margin: 1em auto;
	}

	.cryout .lp-boxes.lp-boxes-static:not(.lp-boxes-static2) .lp-box .lp-box-content,
	.cryout .lp-boxes.lp-boxes-static:not(.lp-boxes-static2) .lp-box .lp-box-image {
		height: auto !important;
		float: none;
		width: 100%;
	}

	.cryout .lp-boxes.lp-boxes-static:not(.lp-boxes-static2) .lp-box .lp-box-text {
		position: static;
		-webkit-transform: none;
		transform: none;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#lp-posts {
		margin: 0 auto;
	}

}


@media (max-width: 640px) {

	.lp-staticslider .staticslider-caption,
	.seriousslider.seriousslider-theme .seriousslider-caption,
	.bravada-landing-page .lp-blocks .lp-blocks-inside,
	.bravada-landing-page .lp-boxes .lp-boxes-inside,
	.bravada-landing-page .lp-text-inside,
	.bravada-landing-page .lp-posts-inside,
	.bravada-landing-page .lp-page-inside,
	.bravada-landing-page .lp-portfolio-inside,
	.bravada-landing-page .lp-testimonials-inside,
	.bravada-landing-page .lp-section-header,
	.bravada-landing-page .content-widget {
		padding-left: 1em;
		padding-right: 1em;
	}

	.lp-blocks.lp-blocks2.lp-blocks-rows-4 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks2.lp-blocks-rows-3 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks2.lp-blocks-rows-2 .lp-block:nth-child(n) {
		margin: 10% auto;
	}

	#cryout_ajax_more_trigger {
		width: 100%;
	}

}

@media (max-width: 480px) {

    .seriousslider.seriousslider-theme .seriousslider-caption {
        font-size: .7em;
    }

    .seriousslider.seriousslider-theme .seriousslider-caption-title {
        font-size: 2.2em;
    }

    .seriousslider.seriousslider-theme .seriousslider-caption-text {
        font-size: 1.22em;
    }

	.lp-portfolio.lp-portfolio-rows-6 .lp-port,
	.lp-portfolio.lp-portfolio-rows-5 .lp-port,
	.lp-portfolio.lp-portfolio-rows-4 .lp-port,
	.lp-portfolio.lp-portfolio-rows-3 .lp-port,
	.lp-portfolio.lp-portfolio-rows-2 .lp-port {
		width: 100%;
		padding: 0;
	}

	.cryout .lp-text-image + .lp-text-card {
		/* width: 93.333%; */
	}

}


/*--------------------------------------------------------------
	# PRINT STYLES
-------------------------------------------------------------- */
@media print {

	h1, h2, h3, h4, h5, h6, img, video, iframe, embed, .fluid-width-video-wrapper {
		page-break-before: avoid;
		page-break-after: avoid;
	    page-break-inside: avoid;
	}

	blockquote, table, pre {
		page-break-inside: avoid;
	}

	ul, ol, dl  {
		page-break-before: avoid;
	}

 	q {
		quotes: none;
	}

	q::before,
	q::after {
		content: "";
	}

	q::after {
		content: " (" attr(cite) ")";
	}

	blockquote {
		font-size: 12pt;
		font-style: italic;
	}

	img {
		border: 0;
	}

	.header-image,
	#header-overlay,
	.lp-staticslider::after,
	.seriousslider-theme .item::after,
	#site-title a::before,
	header #access,
	.socials,
	#header-widget-area,
	.sidey,
	#colophon,
	#nav-fixed,
	footer#footer,
	span.edit-link,
	#respond,
	#nav-below,
	.comment-navigation,
	#author-link,
	#breadcrumbs-container,
	a.continue-reading-link,
	.comment .reply,
	#cryout_ajax_more_trigger {
		display: none !important;
	}

	#main {
		float: none !important;
		width: 100% !important;
	}

	#container:not(.bravada-landing-page) .main {
		padding-top: 0;
		padding-bottom: 0;
		margin: 0 !important;
	}

	html,
	body {
		font-size: 11pt;
		line-height: 1.5;
		color: #333;
	}

	#masthead.cryout #branding {
		height: auto;
	}

	#header-page-title {
		opacity: 1 !important;
		color: #111;
	}

	.animated-title .caption-title-word span.cry-single {
		color: #333 !important;
		opacity: 1 !important;
	}

	.animated-title .caption-title-word span.cry-double {
		display: none;
	}

	#masthead.cryout #site-text {
		-webkit-transform: none;
		transform: none;
	}

	#container #main {
		width: 100%;
		min-height: auto;
	}

	.cryout article.hentry .article-inner,
	.cryout .pad-container,
	.cryout #site-header-main-inside {
		padding: 0 !important;
	}

	.main article.hentry,
	.main .pad-container,
	.main .page-numbers:not(.dots) {
		border: 0 !important;
		box-shadow: none !important;
	}

	.main #content-masonry {
		height: auto !important;
		margin: 0;
	}

	#container:not(.bravada-landing-page) .main > :not(#content-masonry) {
		padding-left: 0;
		padding-right: 0;
	}

	.main #content-masonry article.hentry {
		position: static !important;
		float: none;
		clear: both;
		display: block;
		width: 100%;
		margin: 0;
		margin-bottom: 20pt;
		padding: 0;
	}

	.animated-article,
	#content img[loading="lazy"] {
		opacity: 1 !important;
		-webkit-transform: none !important;
		transform: none !important;
		-webkit-animation: none !important;
		 animation: none !important;
	}

	.cryout a {
		text-decoration: underline;
	}

	.cryout p a::after {
		content: " (" attr(href) ")";
		font-size: 80%;
		word-wrap: break-word;
	}

	.cryout .entry-title,
	.cryout #reply-title {
		font-size: 160%;
		color: #333;
	}

	.lp-text {
		background: #FFF;
		color: #000;
	}

}

/* FIN! */