/* --- personal-site-animation-principles --- */
.animation-principles {
  --ap-ink: #111827;
  --ap-muted: #425466;
  --ap-blue: #087ea4;
  --ap-blue-soft: #dff5fb;
  --ap-coral: #e85d4a;
  --ap-green: #1f8a62;
  --ap-line: rgba(17, 24, 39, 0.16);
  box-sizing: border-box;
  color: var(--ap-ink);
  margin: 2rem auto;
  max-width: 1180px;
}

.animation-principles *,
.animation-principles *::before,
.animation-principles *::after {
  box-sizing: border-box;
}

.animation-principles h2,
.animation-principles h3,
.animation-principles p {
  color: inherit;
}

.animation-principles__kicker {
  color: var(--ap-blue) !important;
  font-size: 0.82rem;
  font-weight: 900;
  margin: 0 0 0.55rem;
  text-transform: uppercase;
}

.animation-principles__route-intro {
  border-bottom: 1px solid var(--ap-line);
  display: grid;
  gap: 0.8rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 0 0 1.5rem;
}

.animation-principles__route-intro h2 {
  font-size: 2.3rem;
  grid-column: 1;
  line-height: 1.12;
  margin: 0;
  max-width: 23ch;
}

.animation-principles__route-intro p:not(.animation-principles__kicker) {
  grid-column: 1;
  line-height: 1.7;
  margin: 0;
  max-width: 72ch;
}

.animation-principles__route-intro .animation-principles__button {
  align-self: end;
  grid-column: 2;
  grid-row: 1 / span 3;
}

.animation-principles__route {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 1.5rem 0;
  padding: 0;
}

.animation-principles__route li {
  margin: 0;
}

.animation-principles__route a {
  align-items: start;
  background: #fff;
  border: 1px solid var(--ap-line);
  border-left: 5px solid var(--ap-blue);
  border-radius: 8px;
  color: var(--ap-ink);
  display: grid;
  gap: 1rem;
  grid-template-columns: 3.25rem minmax(0, 1fr);
  min-height: 100%;
  padding: 1.2rem;
  text-decoration: none;
}

.animation-principles__route a:hover,
.animation-principles__route a:focus-visible {
  border-color: rgba(8, 126, 164, 0.55);
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.09);
  color: var(--ap-ink);
}

.animation-principles__route-index {
  color: var(--ap-coral);
  font-size: 1.7rem;
  font-weight: 900;
  line-height: 1;
}

.animation-principles__route-copy {
  display: grid;
  gap: 0.4rem;
  min-width: 0;
}

.animation-principles__route-copy small {
  color: var(--ap-blue);
  font-weight: 800;
}

.animation-principles__route-copy strong {
  font-size: 1.12rem;
  line-height: 1.35;
}

.animation-principles__route-copy em {
  color: var(--ap-muted);
  font-size: 0.94rem;
  font-style: normal;
  line-height: 1.55;
}

.animation-principles__concept-map {
  align-items: center;
  background: #eef9fc;
  border: 1px solid rgba(8, 126, 164, 0.22);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  justify-content: center;
  padding: 1rem;
}

.animation-principles__concept-map span {
  background: #fff;
  border: 1px solid var(--ap-line);
  border-radius: 6px;
  font-weight: 800;
  padding: 0.55rem 0.75rem;
}

.animation-principles__concept-map b {
  color: var(--ap-coral);
}

.animation-principles--demo {
  background: #f7fafc;
  border: 1px solid var(--ap-line);
  border-radius: 8px;
  overflow: hidden;
}

.animation-principles__demo-header {
  align-items: end;
  background: #fff;
  border-bottom: 1px solid var(--ap-line);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1.2rem;
}

.animation-principles__demo-header h2 {
  font-size: 1.95rem;
  line-height: 1.15;
  margin: 0 0 0.55rem;
}

.animation-principles__demo-header p:last-child {
  color: var(--ap-muted);
  line-height: 1.55;
  margin: 0;
  max-width: 74ch;
}

.animation-principles__workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
  min-height: 430px;
}

.animation-principles__stage {
  background: #fff;
  min-width: 0;
  padding: 1rem;
  position: relative;
}

.animation-principles__stage svg {
  display: block;
  height: auto;
  max-height: 520px;
  touch-action: none;
  width: 100%;
}

.animation-principles__controls {
  border-left: 1px solid var(--ap-line);
  display: grid;
  gap: 1rem;
  padding: 1.2rem;
}

.animation-principles__controls label {
  color: var(--ap-ink);
  display: grid;
  font-weight: 800;
  gap: 0.55rem;
}

.animation-principles__controls output {
  color: var(--ap-blue);
  font-variant-numeric: tabular-nums;
}

.animation-principles__controls input[type="range"] {
  accent-color: var(--ap-blue);
  width: 100%;
}

.animation-principles__controls select {
  background: #fff;
  border: 1px solid var(--ap-line);
  border-radius: 6px;
  color: var(--ap-ink);
  min-height: 44px;
  padding: 0.65rem;
  width: 100%;
}

.animation-principles__button {
  align-items: center;
  background: var(--ap-blue);
  border: 1px solid var(--ap-blue);
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.94rem;
  font-weight: 900;
  justify-content: center;
  min-height: 44px;
  padding: 0.7rem 1rem;
  text-decoration: none;
}

.animation-principles__button:hover,
.animation-principles__button:focus-visible {
  background: #075f7d;
  color: #fff;
}

.animation-principles__button--secondary {
  background: #fff;
  border-color: var(--ap-line);
  color: var(--ap-ink);
}

.animation-principles__button--secondary:hover,
.animation-principles__button--secondary:focus-visible {
  background: var(--ap-blue-soft);
  color: var(--ap-ink);
}

.animation-principles__readout {
  align-self: end;
  background: #fff;
  border: 1px solid var(--ap-line);
  border-radius: 8px;
  color: var(--ap-muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.84rem;
  line-height: 1.6;
  min-height: 8.5rem;
  overflow-wrap: anywhere;
  padding: 0.9rem;
  white-space: pre-line;
}

.animation-principles__drag-hint {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--ap-line);
  border-radius: 6px;
  bottom: 1.5rem;
  color: var(--ap-muted) !important;
  font-size: 0.82rem;
  left: 50%;
  margin: 0;
  padding: 0.45rem 0.7rem;
  position: absolute;
  transform: translateX(-50%);
}

@media (max-width: 760px) {
  .animation-principles__route-intro h2 {
    font-size: 1.7rem;
  }

  .animation-principles__demo-header h2 {
    font-size: 1.55rem;
  }

  .animation-principles__route-intro,
  .animation-principles__route,
  .animation-principles__workspace {
    grid-template-columns: 1fr;
  }

  .animation-principles__route-intro .animation-principles__button {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }

  .animation-principles__demo-header {
    align-items: stretch;
    flex-direction: column;
  }

  .animation-principles__controls {
    border-left: 0;
    border-top: 1px solid var(--ap-line);
  }

  .animation-principles__workspace {
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .animation-principles *,
  .animation-principles *::before,
  .animation-principles *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

/* --- 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! */