/* Ported from the theme — Blogger \$() variables resolved to values */

:root {
  /* --- Colour tokens (exact current values; brand colours remain Blogger $() vars) --- */
  --color-white: #ffffff;
  --color-surface: #f2f3f4;
  --color-surface-alt: #f1f5f9;
  --color-accent-tweet: #27aae1;
  --color-muted: #aaaaaa;
  --color-divider-dot: #7b7b7b;
  --color-ink: #111111;
  --color-border-strong: #dddddd;
  --color-text-secondary: #555555;
  /* --- Spacing scale (px, value-named; used by margin/padding/gap) --- */
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-8: 8px;
  --space-10: 10px;
  --space-15: 15px;
  --space-20: 20px;
  --space-25: 25px;
  --space-30: 30px;
  --space-40: 40px;
  --space-45: 45px;
  --space-50: 50px;
  --space-55: 55px;
  --space-60: 60px;
  --space-80: 80px;
  --space-110: 110px;
  --space-120: 120px;
}

/* Reset CSS
/* ================================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body { line-height: 1}
ol, ul { list-style: none}
blockquote, q { quotes: none}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none}
:focus { outline: 0}
del { text-decoration: line-through}
table { border-collapse: collapse; border-spacing: 0}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #444444;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #444444;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #444444;
}
:-moz-placeholder { /* Firefox 18- */
  color: #444444;
}


/* Component
/* ------------------------------- */
/* <><> Font sizes <><> */
.byn-font-xl {
  font-size: 1.5em;
  line-height: 150%;
}
.byn-font-l {
  font-size: 1.375em;
  line-height: 150%;
}
.byn-font-m {
  font-size: 1.125em;
  line-height: 150%;
}
.byn-font-s {
  font-size: 0.875em;
  line-height: 150%;
}
.byn-font-xs {
  font-size: 0.750em;
  line-height: 150%;
}

/* <><> Spacing <><> */
.byn-px-l { padding-left: var(--space-80); padding-right: var(--space-80); }
.byn-py-l { padding-top: var(--space-80); padding-bottom: var(--space-80); }
.byn-pt-l { padding-top: var(--space-80) }
.byn-pb-l { padding-bottom: var(--space-80) }
.byn-pl-l { padding-left: var(--space-80) }
.byn-pr-l { padding-right: var(--space-80) }
.byn-px-m { padding-left: var(--space-50); padding-right: var(--space-50); }
.byn-py-m { padding-top: var(--space-50); padding-bottom: var(--space-50); }
.byn-pt-m { padding-top: var(--space-50) }
.byn-pb-m { padding-bottom: var(--space-50) }
.byn-pl-m { padding-left: var(--space-50) }
.byn-pr-m { padding-right: var(--space-50) }
.byn-px-s { padding-left: var(--space-30); padding-right: var(--space-30);  }
.byn-py-s { padding-top: var(--space-30); padding-bottom: var(--space-30) }
.byn-pt-s { padding-top: var(--space-30) }
.byn-pb-s { padding-bottom: var(--space-30) }
.byn-pl-s { padding-left: var(--space-30) }
.byn-pr-s { padding-right: var(--space-30) }
.byn-px-xs { padding-left: var(--space-15); padding-right: var(--space-15); }
.byn-py-xs { padding-top: var(--space-15); padding-bottom: var(--space-15) }
.byn-pt-xs { padding-top: var(--space-15) }
.byn-pb-xs { padding-bottom: var(--space-15) }
.byn-pl-xs { padding-left: var(--space-15) }
.byn-pr-xs { padding-right: var(--space-15) }
@media (max-width: 1200px) {
  .byn-px-l { padding-left: var(--space-50); padding-right: var(--space-50); }
  .byn-py-l { padding-top: var(--space-50); padding-bottom: var(--space-50); }
  .byn-pt-l { padding-top: var(--space-50) }
  .byn-pb-l { padding-bottom: var(--space-50) }
  .byn-pl-l { padding-left: var(--space-50) }
  .byn-pr-l { padding-right: var(--space-50) }
}
@media (max-width: 992px) {
  .byn-px-l, .byn-px-m { padding-left: var(--space-30); padding-right: var(--space-30); }
  .byn-py-l, .byn-py-m { padding-top: var(--space-30); padding-bottom: var(--space-30); }
  .byn-pt-l, .byn-pt-m { padding-top: var(--space-30) }
  .byn-pb-l, .byn-pb-m { padding-bottom: var(--space-30) }
  .byn-pl-l, .byn-pl-m { padding-left: var(--space-30) }
  .byn-pr-l, .byn-pr-m { padding-right: var(--space-30) }
}

.byn-mx-l { margin-left: var(--space-80); margin-right: var(--space-80); }
.byn-my-l { margin-top: var(--space-80); margin-bottom: var(--space-80); }
.byn-mt-l { margin-top: var(--space-80) }
.byn-mb-l { margin-bottom: var(--space-80) }
.byn-ml-l { margin-left: var(--space-80) }
.byn-mr-l { margin-right: var(--space-80) }
.byn-mx-m { margin-left: var(--space-50); margin-right: var(--space-50); }
.byn-my-m { margin-top: var(--space-50); margin-bottom: var(--space-50); }
.byn-mt-m { margin-top: var(--space-50) }
.byn-mb-m { margin-bottom: var(--space-50) }
.byn-ml-m { margin-left: var(--space-50) }
.byn-mr-m { margin-right: var(--space-50) }
.byn-mx-s { margin-left: var(--space-30); margin-right: var(--space-30);  }
.byn-my-s { margin-top: var(--space-30); margin-bottom: var(--space-30) }
.byn-mt-s { margin-top: var(--space-30) }
.byn-mb-s { margin-bottom: var(--space-30) }
.byn-ml-s { margin-left: var(--space-30) }
.byn-mr-s { margin-right: var(--space-30) }
.byn-mx-xs { margin-left: var(--space-15); margin-right: var(--space-15); }
.byn-my-xs { margin-top: var(--space-15); margin-bottom: var(--space-15) }
.byn-mt-xs { margin-top: var(--space-15) }
.byn-mb-xs { margin-bottom: var(--space-15) }
.byn-ml-xs { margin-left: var(--space-15) }
.byn-mr-xs { margin-right: var(--space-15) }
@media (max-width: 1200px) {
  .byn-mx-l { margin-left: var(--space-50); margin-right: var(--space-50); }
  .byn-my-l { margin-top: var(--space-50); margin-bottom: var(--space-50); }
  .byn-mt-l { margin-top: var(--space-50) }
  .byn-mb-l { margin-bottom: var(--space-50) }
  .byn-ml-l { margin-left: var(--space-50) }
  .byn-mr-l { margin-right: var(--space-50) }
}
@media (max-width: 992px) {
  .byn-mx-l, .byn-mx-m { margin-left: var(--space-30); margin-right: var(--space-30); }
  .byn-my-l, .byn-my-m { margin-top: var(--space-30); margin-bottom: var(--space-30); }
  .byn-mt-l, .byn-mt-m { margin-top: var(--space-30) }
  .byn-mb-l, .byn-mb-m { margin-bottom: var(--space-30) }
  .byn-ml-l, .byn-ml-m { margin-left: var(--space-30) }
  .byn-mr-l, .byn-mr-m { margin-right: var(--space-30) }
}

/* <><> Display & Flexbox <><> */
.byn-d-block {
  display: block;
}
.byn-d-inline-block {
  display: inline-block;
}
.byn-d-flex {
  display: flex;
}
.byn-d-flex.byn-flex-align-end {
  align-items: flex-end;
}
.byn-d-flex.byn-flex-align-start {
  align-items: flex-start;
}
.byn-d-flex.byn-flex-align-center {
  align-items: center;
}
.byn-d-flex.byn-flex-justify-between {
  justify-content: space-between;
}
.byn-d-flex.byn-flex-justify-around {
  justify-content: space-around;
}
.byn-d-flex.byn-flex-justify-center {
  justify-content: center;
}
.byn-d-flex.byn-flex-justify-end {
  justify-content: flex-end;
}
.byn-d-flex .byn-order-1 {
  order: 1;
}
.byn-d-flex .byn-order-2 {
  order: 2;
}


/* Generic style
/* ================================ */
body {
  background-color: #ffffff;
  font: normal normal 16px 'Spartan', Sans-serif;
  margin: 0;
  line-height: 160%;
  color: #444444;
}
body * {
  box-sizing: border-box;
}
body.no-scroll {
  overflow: hidden;
}
body.item-view .post-body a[imageanchor="1"],
body.item-view .post-body a[style="margin-left: 1em; margin-right: 1em;"] {
  margin-left: auto !important;
  margin-right: auto !important;
}
a:link,
a:visited {
	color: #111111;
}
a:hover {
	color: #EF8949;
	text-decoration: underline;
}
.clearfix:after,
.blog-posts:after,
.post-wrapper:after,
ul:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
img {
	max-width: 100%;
	height: auto;
}
small {
	font-size: 0.750em;
	line-height: 140%;
	display: inline-block;
}
.blog-feeds,
.post-feeds,
.FeaturedPost .post-share-buttons,
.PopularPosts .post-share-buttons {
	display: none;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.widget h1,
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widget h6 {
  font: normal bold 58px 'Spartan', Sans-serif;
  font-size: 2.750em;
  line-height: 130%;
  line-height: 135%;
  margin-bottom: 0.6em;
  margin-top: 0;
}
.widget h2 { font-size: 2.250em; }
.widget h3 { font-size: 1.750em; }
.widget h4 { font-size: 1.375em; }
.widget h5 { font-size: 1em; }
.widget h6 { font-size: 0.75em; }
.widget ul,
.widget ol {
  padding-left: 0;
}
.wrapper {
  width: 90%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}


/* Header
/* ------------------------------- */
.header-outer {
  background-color: #ffffff;
  color: #000000;
}
.header-outer .header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-content .widget h3 {
  display: none;
}
.header-content .toggle-all {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 0;
  font-weight: bold;
  cursor: pointer;
}
.header-content .toggle-menu span {
  display: flex;
  align-items: center;
}
.header-content .toggle-menu span svg {
  margin-right: var(--space-15);
  fill: #000000;
}

/*--- Header logo ---*/
.header-content .header-logo {
  text-align: center;
  flex-grow: 1;
  flex: 1 1 0;
}
.header-content .header-widget h1,
.header-content .header-widget h2,
.header-content .header-widget .site-title {
  display: block;
  font: normal bold 32px 'Spartan', Sans-serif;
  /* Fluidly shrink on narrow screens instead of wrapping; capped at the design size. */
  font-size: clamp(16px, 5vw, 32px);
  white-space: nowrap;
  margin-bottom: 0;
  color: #000000;
  text-decoration: none;
}
.header-content .header-widget .header-image-wrapper {
  display: block;
  max-width: 80%;
  margin: 0 auto;
}
.header-content .header-widget .header-image-wrapper img {
  display: block;
  margin: 0 auto;
  width: 113px;
  height: auto;
}
.header-content .header-widget a {
  color: #000000;
  text-decoration: none;
  display: inline-block;
}
.header-content .header-widget .description {
  display: none;
}

/*--- Menu ---*/
.header-menu,
.header-search {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  background: var(--color-white);
  display: flex;
  clip-path: inset(0 0 100% 0);
  transition: clip-path 1s cubic-bezier(0.59, 0.73, 0.17, 1), visibility 1s linear;
}
.header-menu.active,
.header-search.active {
  visibility: visible;
  clip-path: inset(0 0 0 0);
  transition: clip-path 1s cubic-bezier(0.59, 0.73, 0.17, 1), visibility 1s linear;
}
.header-menu .widget,
.header-search .widget {
  display: flex;
  width: 100%;
  padding: var(--space-30);
  align-items: center;
  justify-content: center;
  text-align: center;
}
.header-menu ul li {
  display: inline-block;
  margin: var(--space-30);
}
.header-menu ul li a {
  display: inline-block;
  font: normal bold 26px 'Spartan', Sans-serif;
  color: #111111;
  text-decoration: none;

  background-image: linear-gradient(var(--color-white), var(--color-white)), linear-gradient(#111111, #111111);
  background-size: 100% 3px, 0 3px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size .2s linear;
  padding-bottom: var(--space-5);
}
.header-menu ul li a:hover {
  color: #111111;
  background-size: 0 3px, 100% 3px;
}
.header-menu:after,
.header-search:after {
  content: 'Close';
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 30px;
  font-size: 0.875em;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  opacity: .5;
  cursor: pointer;
  text-decoration: underline;
  text-underline-position: under;
}
  html[lang='id'] .header-menu:after,
  html[lang='id'] .header-search:after{
    content: 'Tutup';
  }
  html[lang='id'] .header-menu:after, html[lang='id'] .header-search:after{ content: 'Tutup'; }
  html[lang='kr'] .header-menu:after, html[lang='kr'] .header-search:after{ content: '닫다'; }
  html[lang='ja'] .header-menu:after, html[lang='ja'] .header-search:after{ content: '選ぶ'; }
  html[lang='de'] .header-menu:after, html[lang='de'] .header-search:after{ content: 'Schließen'; }
  html[lang='ar'] .header-menu:after, html[lang='ar'] .header-search:after{ content: 'قريب'; }
  html[lang='zh'] .header-menu:after, html[lang='zh'] .header-search:after{ content: '关闭'; }
  html[lang='pt'] .header-menu:after, html[lang='pt'] .header-search:after{ content: 'Perto'; }

/*--- Header Search ---*/
.header-content .toggle-search {
	cursor: pointer;
}
.header-content .toggle-search span {
  display: flex;
  align-items: center;
}
.header-content .toggle-search span svg {
  margin-left: var(--space-10);
  fill: #000000;
}
.header-search .BlogSearch .widget-content {
  padding: var(--space-30);
}
.header-search .BlogSearch form {
  display: flex;
  justify-content: center;
  align-items: end;
  margin-left: -25px;
  margin-right: -25px;
}
.header-search .BlogSearch form input,
.header-search .BlogSearch form button {
  margin-left: var(--space-25);
  margin-right: var(--space-25);
  padding: var(--space-10) 0;
  border: 0;
  border-bottom: 4px solid #111111;
  font: normal bold 26px 'Spartan', Sans-serif;
  line-height: 150%;
  background: none;
  outline: none;
}
.header-search .BlogSearch form button {
  background: #111111;
  color: #ffffff;
  padding-left: var(--space-20);
  padding-right: var(--space-30);
  border: 4px solid #111111;
  cursor: pointer;
  transition: all .1s;
  outline: 0 solid #111111;
}
.header-search .BlogSearch form button:hover {
  outline-offset: 0;
  outline-width: 5px;
  outline-color: #111111;
}

.toggle-menu span i {
  font-style: normal;
  display: none;
}
.toggle-menu span i.lang-en {
 display: block;
}
  html[lang='kr'] .toggle-menu span i.lang-en { display: none; }
  html[lang='ja'] .toggle-menu span i.lang-en { display: none; }
  html[lang='de'] .toggle-menu span i.lang-en { display: none; }
  html[lang='ar'] .toggle-menu span i.lang-en { display: none; }
  html[lang='zh'] .toggle-menu span i.lang-en { display: none; }

  html[lang='kr'] .toggle-menu span i.lang-kr { display: block; }
  html[lang='ja'] .toggle-menu span i.lang-ja { display: block; }
  html[lang='de'] .toggle-menu span i.lang-de { display: block; }
  html[lang='ar'] .toggle-menu span i.lang-ar { display: block; }
  html[lang='zh'] .toggle-menu span i.lang-zh { display: block; }


/* Primary Content
---------------------------------------------------*/
.post-heading .post-author {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-right: var(--space-40);
  margin-right: var(--space-15);
}
.post-heading .post-author:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 30px;
  height: 1px;
  background: #444444;
}
.post-heading .post-author > * {
	margin: 0 var(--space-8);
	font-weight: bold;
	color: #444444;
}
.post-heading .post-author .post-author-img {
	display: inline-block;
	width: 36px;
	height: 36px;
	background-size: cover;
	background-position: center center;
	border-radius: 100%;
	position: relative;
	z-index: 3;
}
	.post-heading .post-author .g-profile-img {
		display: block;
		border-radius: 100%;
	}
	.post-heading .post-author .g-profile-img span {
		display: block;
		width: 36px;
		height: 36px;
	}
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
	color: #111111;
}
.post-body ul,
.post-body ol {
	list-style-type: decimal;
	margin-left: 1.5rem;
	margin-bottom: 1.5rem;
}
.post-body ul {
	list-style-type: disc;
}
.post-body ul li,
.post-body ol li {
	margin-bottom: var(--space-10);
}
.post-body p {
	margin-bottom: 1rem;
}
	.post-body > p:last-child {
		margin-bottom: 0;
	}
.post-body pre {
	background: var(--color-surface);
	padding: var(--space-10) var(--space-15);
}
.post-body pre,
.post-body table,
.post-body iframe {
	margin-bottom: 2rem;
}
.post-body .tr-caption-container {
	position: relative;
}
.post-body .tr-caption-container .tr-caption {
	padding-top: var(--space-8);
	display: block;
	color: #555555;
	font-size: 0.75em;
	line-height: 140%;
}
.post-body blockquote {
	color: #111111;
	font-size: 1.25em;
	line-height: 150%;
	padding-left: 2rem;
	margin-top: 1rem;
	border-left: 4px solid #dddddd;
}
.post-body blockquote .tweetthis {
	background: url(https://4.bp.blogspot.com/-aYmDHer6KqU/WNPIrgJzjvI/AAAAAAAAKO8/XiW0AIGR2jIruSX8hKc9v6C0nRpeC9JwgCLcB/s1600/icon-tweet.png) no-repeat left center;
	background-size: 18px auto;
	padding-left: var(--space-25);
	margin-top: 1rem;
	display: inline-block;
	font-size: .75em;
	font-weight: bold;
	color: var(--color-accent-tweet);
}

/* --- Post meta --- */
.post-footer .byline {
	margin-right: var(--space-20);
}
.post-header a,
.post-footer a {
	text-decoration: none;
}
.post-footer .post-footer-line-0 {
	font-size: 0.875em;
	line-height: 130%;
}
.post-footer .post-footer-line:not(:last-child) {
	margin-bottom: var(--space-10);
}
.post-footer .post-labels a {
	display: inline-block;
	position: relative;
	text-decoration: underline;
}
.post-footer .post-labels a:not(:last-child)::after {
	content: ',';
}

/* --- Post author --- */
.post-footer .author-profile {
  background: #F6EEEA;
  color: #333333;
  align-items: center;
  position: relative;
  padding: var(--space-30) var(--space-30) var(--space-30) var(--space-110);
}
.post-footer .author-profile .post-author-img {
	position: absolute;
	top: 30px;
	left: 30px;
	margin: 0;
	border-radius: 100%;
}
.post-footer .author-profile .post-author-img span {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 2;
}
.post-footer .author-profile .author-name .g-profile {
	font-weight: bold;
	font-size: 1.250em;
	text-decoration: none;
	margin-bottom: var(--space-10);
	display: flex;
	justify-content: space-around;
}
	.post-footer .author-profile .author-name .g-profile span:first-child {
		flex: 1;
	}
	.post-footer .author-profile .author-name .g-profile span:last-child {
		display: none;
	}
.post-footer .author-profile .author-name .g-label {
	color: #555555;
	font-size: 0.875em;
	line-height: 130%;
	margin-bottom: var(--space-10);
}

/* --- Share icons --- */
.post .post-footer-line .post-share-buttons {
    margin-top: var(--space-30);
}
.post .post-footer-line .post-share-buttons li {
	display: inline-block;
	margin-right: var(--space-10);
	cursor: pointer;
}
.post .post-footer-line .post-share-buttons li a {
	display: block;
	width: 25px;
	height: 25px;
	overflow: hidden;
	text-indent: 300px;
	position: relative;
}
/* Inline-SVG share icons (black), matching the footer social icons */
.post .post-footer-line .post-share-buttons li a::before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	background-color: #000000;
	-webkit-mask: no-repeat center / contain;
	mask: no-repeat center / contain;
}
.post .post-footer-line .post-share-buttons li.icon-facebook a::before  { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTkuMTAxIDIzLjY5MXYtNy45OEg2LjYyN3YtMy42NjdoMi40NzR2LTEuNThjMC00LjA4NSAxLjg0OC01Ljk3OCA1Ljg1OC01Ljk3OC40MDEgMCAuOTU1LjA0MiAxLjQ2OC4xMDNhOC42OCA4LjY4IDAgMCAxIDEuMTQxLjE5NXYzLjMyNWE4LjYyMyA4LjYyMyAwIDAgMC0uNjUzLS4wMzYgMjYuODA1IDI2LjgwNSAwIDAgMC0uNzMzLS4wMDljLS43MDcgMC0xLjI1OS4wOTYtMS42NzUuMzA5YTEuNjg2IDEuNjg2IDAgMCAwLS42NzkuNjIyYy0uMjU4LjQyLS4zNzQuOTk1LS4zNzQgMS43NTJ2MS4yOTdoMy45MTlsLS4zODYgMi4xMDMtLjI4NyAxLjU2NGgtMy4yNDZ2OC4yNDVDMTkuMzk2IDIzLjIzOCAyNCAxOC4xNzkgMjQgMTIuMDQ0YzAtNi42MjctNS4zNzMtMTItMTItMTJzLTEyIDUuMzczLTEyIDEyYzAgNS42MjggMy44NzQgMTAuMzUgOS4xMDEgMTEuNjQ3WiIvPjwvc3ZnPg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTkuMTAxIDIzLjY5MXYtNy45OEg2LjYyN3YtMy42NjdoMi40NzR2LTEuNThjMC00LjA4NSAxLjg0OC01Ljk3OCA1Ljg1OC01Ljk3OC40MDEgMCAuOTU1LjA0MiAxLjQ2OC4xMDNhOC42OCA4LjY4IDAgMCAxIDEuMTQxLjE5NXYzLjMyNWE4LjYyMyA4LjYyMyAwIDAgMC0uNjUzLS4wMzYgMjYuODA1IDI2LjgwNSAwIDAgMC0uNzMzLS4wMDljLS43MDcgMC0xLjI1OS4wOTYtMS42NzUuMzA5YTEuNjg2IDEuNjg2IDAgMCAwLS42NzkuNjIyYy0uMjU4LjQyLS4zNzQuOTk1LS4zNzQgMS43NTJ2MS4yOTdoMy45MTlsLS4zODYgMi4xMDMtLjI4NyAxLjU2NGgtMy4yNDZ2OC4yNDVDMTkuMzk2IDIzLjIzOCAyNCAxOC4xNzkgMjQgMTIuMDQ0YzAtNi42MjctNS4zNzMtMTItMTItMTJzLTEyIDUuMzczLTEyIDEyYzAgNS42MjggMy44NzQgMTAuMzUgOS4xMDEgMTEuNjQ3WiIvPjwvc3ZnPg=="); }
.post .post-footer-line .post-share-buttons li.icon-twitter a::before   { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE0LjIzNCAxMC4xNjIgMjIuOTc3IDBoLTIuMDcybC03LjU5MSA4LjgyNEw3LjI1MSAwSC4yNThsOS4xNjggMTMuMzQzTC4yNTggMjRIMi4zM2w4LjAxNi05LjMxOEwxNi43NDkgMjRoNi45OTN6bS0yLjgzNyAzLjI5OS0uOTI5LTEuMzI5TDMuMDc2IDEuNTZoMy4xODJsNS45NjUgOC41MzIuOTI5IDEuMzI5IDcuNzU0IDExLjA5aC0zLjE4MnoiLz48L3N2Zz4="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE0LjIzNCAxMC4xNjIgMjIuOTc3IDBoLTIuMDcybC03LjU5MSA4LjgyNEw3LjI1MSAwSC4yNThsOS4xNjggMTMuMzQzTC4yNTggMjRIMi4zM2w4LjAxNi05LjMxOEwxNi43NDkgMjRoNi45OTN6bS0yLjgzNyAzLjI5OS0uOTI5LTEuMzI5TDMuMDc2IDEuNTZoMy4xODJsNS45NjUgOC41MzIuOTI5IDEuMzI5IDcuNzU0IDExLjA5aC0zLjE4MnoiLz48L3N2Zz4="); }
.post .post-footer-line .post-share-buttons li.icon-pinterest a::before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLjAxNyAwQzUuMzk2IDAgLjAyOSA1LjM2Ny4wMjkgMTEuOTg3YzAgNS4wNzkgMy4xNTggOS40MTcgNy42MTggMTEuMTYyLS4xMDUtLjk0OS0uMTk5LTIuNDAzLjA0MS0zLjQzOS4yMTktLjkzNyAxLjQwNi01Ljk1NyAxLjQwNi01Ljk1N3MtLjM1OS0uNzItLjM1OS0xLjc4MWMwLTEuNjYzLjk2Ny0yLjkxMSAyLjE2OC0yLjkxMSAxLjAyNCAwIDEuNTE4Ljc2OSAxLjUxOCAxLjY4OCAwIDEuMDI5LS42NTMgMi41NjctLjk5MiAzLjk5Mi0uMjg1IDEuMTkzLjYgMi4xNjUgMS43NzUgMi4xNjUgMi4xMjggMCAzLjc2OC0yLjI0NSAzLjc2OC01LjQ4NyAwLTIuODYxLTIuMDYzLTQuODY5LTUuMDA4LTQuODY5LTMuNDEgMC01LjQwOSAyLjU2Mi01LjQwOSA1LjE5OSAwIDEuMDMzLjM5NCAyLjE0My44ODkgMi43NDEuMDk5LjEyLjExMi4yMjUuMDg1LjM0NS0uMDkuMzc1LS4yOTMgMS4xOTktLjMzNCAxLjM2My0uMDUzLjIyNS0uMTcyLjI3MS0uNDAxLjE2NS0xLjQ5NS0uNjktMi40MzMtMi44NzgtMi40MzMtNC42NDYgMC0zLjc3NiAyLjc0OC03LjI1MiA3LjkyLTcuMjUyIDQuMTU4IDAgNy4zOTIgMi45NjcgNy4zOTIgNi45MjMgMCA0LjEzNS0yLjYwNyA3LjQ2Mi02LjIzMyA3LjQ2Mi0xLjIxNCAwLTIuMzU0LS42MjktMi43NTgtMS4zNzlsLS43NDkgMi44NDhjLS4yNjkgMS4wNDUtMS4wMDQgMi4zNTItMS40OTggMy4xNDYgMS4xMjMuMzQ1IDIuMzA2LjUzNSAzLjU1LjUzNSA2LjYwNyAwIDExLjk4NS01LjM2NSAxMS45ODUtMTEuOTg3QzIzLjk3IDUuMzkgMTguNTkyLjAyNiAxMS45ODUuMDI2TDEyLjAxNyAweiIvPjwvc3ZnPg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLjAxNyAwQzUuMzk2IDAgLjAyOSA1LjM2Ny4wMjkgMTEuOTg3YzAgNS4wNzkgMy4xNTggOS40MTcgNy42MTggMTEuMTYyLS4xMDUtLjk0OS0uMTk5LTIuNDAzLjA0MS0zLjQzOS4yMTktLjkzNyAxLjQwNi01Ljk1NyAxLjQwNi01Ljk1N3MtLjM1OS0uNzItLjM1OS0xLjc4MWMwLTEuNjYzLjk2Ny0yLjkxMSAyLjE2OC0yLjkxMSAxLjAyNCAwIDEuNTE4Ljc2OSAxLjUxOCAxLjY4OCAwIDEuMDI5LS42NTMgMi41NjctLjk5MiAzLjk5Mi0uMjg1IDEuMTkzLjYgMi4xNjUgMS43NzUgMi4xNjUgMi4xMjggMCAzLjc2OC0yLjI0NSAzLjc2OC01LjQ4NyAwLTIuODYxLTIuMDYzLTQuODY5LTUuMDA4LTQuODY5LTMuNDEgMC01LjQwOSAyLjU2Mi01LjQwOSA1LjE5OSAwIDEuMDMzLjM5NCAyLjE0My44ODkgMi43NDEuMDk5LjEyLjExMi4yMjUuMDg1LjM0NS0uMDkuMzc1LS4yOTMgMS4xOTktLjMzNCAxLjM2My0uMDUzLjIyNS0uMTcyLjI3MS0uNDAxLjE2NS0xLjQ5NS0uNjktMi40MzMtMi44NzgtMi40MzMtNC42NDYgMC0zLjc3NiAyLjc0OC03LjI1MiA3LjkyLTcuMjUyIDQuMTU4IDAgNy4zOTIgMi45NjcgNy4zOTIgNi45MjMgMCA0LjEzNS0yLjYwNyA3LjQ2Mi02LjIzMyA3LjQ2Mi0xLjIxNCAwLTIuMzU0LS42MjktMi43NTgtMS4zNzlsLS43NDkgMi44NDhjLS4yNjkgMS4wNDUtMS4wMDQgMi4zNTItMS40OTggMy4xNDYgMS4xMjMuMzQ1IDIuMzA2LjUzNSAzLjU1LjUzNSA2LjYwNyAwIDExLjk4NS01LjM2NSAxMS45ODUtMTEuOTg3QzIzLjk3IDUuMzkgMTguNTkyLjAyNiAxMS45ODUuMDI2TDEyLjAxNyAweiIvPjwvc3ZnPg=="); }
.post .post-footer-line .post-share-buttons li.icon-email a::before     { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwIDRINGMtMS4xIDAtMS45OS45LTEuOTkgMkwyIDE4YzAgMS4xLjkgMiAyIDJoMTZjMS4xIDAgMi0uOSAyLTJWNmMwLTEuMS0uOS0yLTItMnptMCA0bC04IDUtOC01VjZsOCA1IDgtNXYyeiIvPjwvc3ZnPg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwIDRINGMtMS4xIDAtMS45OS45LTEuOTkgMkwyIDE4YzAgMS4xLjkgMiAyIDJoMTZjMS4xIDAgMi0uOSAyLTJWNmMwLTEuMS0uOS0yLTItMnptMCA0bC04IDUtOC01VjZsOCA1IDgtNXYyeiIvPjwvc3ZnPg=="); }
.post .post-footer-line .post-share-buttons li a span {
	display: none;
}


/* --- Related posts --- */
#related-post {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding-top: var(--space-60);
}
.related-posts-outer > h3 {
  border-bottom: 1px solid #dddddd;
  font: normal bold 32px 'Spartan', Sans-serif;
  font-size: 1.375em;
  line-height: 140%;
  margin-bottom: 1.5em;
  padding-bottom: 0.5em;
}
.related-posts-outer .related-posts-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: top;
  margin-left: -15px;
  margin-right: -15px;
}
.related-posts-outer .related-post-item {
  padding: 0 var(--space-15) 0;
  width: calc(100% / 3);
  text-decoration: none;
  color: #111111;
}
.related-posts-outer .related-post-item figure {
  display: flex;
  margin: 0 0 var(--space-15);
  width: 100%;
}
.related-posts-outer .related-post-item h5 a { 
  color: #111111;
  text-decoration: none;
}
.related-posts-outer .related-post-item p {
  display: none;
}
.related-posts-outer .related-post-item figure img {
  width: 100%;
  height: 130px;
  object-fit: cover;
}

/* --- Blog pager --- */
.blog-pager {
  text-align: center;
}
.blog-pager a {
  display: inline-block;
  text-decoration: none;
  color: #111111;
}
.blog-pager a strong {
  position: relative;
  padding-right: var(--space-30);
  display: inline-block;
  background-image: linear-gradient(var(--color-white), var(--color-white)), linear-gradient(#111111, #111111);
  background-size: 100% 3px, 0 3px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size .2s linear;
  padding-bottom: var(--space-5);
}
.blog-pager a strong svg {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  fill: #111111;
  margin-top: -4px;
}
  .blog-pager a.blog-pager-newer-link strong {
    padding-right: 0;
    padding-left: var(--space-30);
  }
  .blog-pager a.blog-pager-newer-link strong svg {
    right: auto;
    left: 0;
  }
.blog-pager a:hover strong {
  background-size: 0 3px, 100% 3px;
}
.page-pager {
  display: flex;
  justify-content: space-between;
  width: 1120px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.page-pager a {
  display: block;
  width: 50%;
  text-align: right;
  margin-left: auto;
}
.page-pager a.blog-pager-newer-link {
  text-align: left;
}

/* --- Blog pager --- */
.status-msg-wrap {
	text-align: center;
}
.status-msg-wrap .search-title {
  font: normal bold 58px 'Spartan', Sans-serif;
  line-height: 130%;
  color: #111111;
  margin: 0;
}
.status-msg-wrap span {
  display: block;
  margin-bottom: var(--space-15);
  font-size: 1.375em;
  line-height: 140%;
}
.no-search-results {
  text-align: center;
  font-size: 1.375em;
  line-height: 140%;
  padding: var(--space-40) 0;
}


/* Comments
/* ---------------------------------------------------*/
#comments {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--space-60) 0;
}
#comments h3.title {
  margin-bottom: var(--space-40);
  display: inline-block;
  font-size: 1.375em;
  line-height: 140%;
}
#comments h4#comment-post-message {
  font-weight: normal;
  font-style: italic;
  color: #555555;
  margin-bottom: var(--space-15);
  text-align: center;

  display: none;
}
#comments .comment-content {
  margin: var(--space-10) 0 var(--space-10);
}
#comments .inline-thread .comment-content {
  margin-bottom: var(--space-30);
}
.comment-thread .comment {
  position: relative;
  margin-bottom: var(--space-30);
  padding-left: var(--space-55);
  border-bottom: 1px solid #dddddd;
}
.comment-thread .comment:last-child {
  border: 0;
}

/*
Avatar
*/
.comment-thread .avatar-image-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	overflow: hidden;
	background-color: var(--color-surface-alt);
}
.avatar-image-container img {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}
.avatar-image-container span {
  position: absolute;
  z-index: 1;
  left: 0;
  width: 40px;
  line-height: 150%;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: var(--color-muted);
  transform: translateY(-50%);
  top: 50%;
}

/*
Comment Header
*/
.comments .comment-header {
	display: flex;
	align-items: baseline;
}
.comments .comment-header .icon.user {
	display: none
}
.comments .comment-header .user {
	margin-right: var(--space-15);
	font-style: normal;
	display: block;
	font-weight: bold;
	color: #111111;
}
.comments .comment-header .user a {
	text-decoration: none;
	color: #111111;
}
.comment-header .datetime a {
	font-size: 0.75em;
	text-decoration: none;
	color: #555555;
}

/*
Comment action
*/
.comments .comment-actions {
	display: inline-block;
}
.comments .comment-replies .comment-actions {
  display: none;
}
.comments .comment-actions a {
	padding-bottom: var(--space-3);
	text-decoration: underline;
	margin-right: var(--space-15);
	font-weight: 400;
	font-size: .82em;
}
.comments .comment-actions .item-control {
	display: none;
}
.comments .comment-actions a:hover {
	opacity: 1;
}
.loadmore {
	display: none;
}
.loadmore.loaded a {
	display: inline-block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	text-decoration: none;
	margin-top: var(--space-15);
}
.comments .continue {
	display: none !important;
}

/*
Reply
*/
.comments .comment-replies {
	padding-top: var(--space-30)
}
.comments .comment-replies .comment-replies {
  display: none;
}
.thread-expanded .thread-count a {
	display: none;
}


/* Generic style
/* ================================ */
.homepage-view .main-content .widget:not(:last-child) {
  margin-bottom: 5%;
}
.homepage-view .blog-posts {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  margin: -20px;
}
.homepage-view .blog-posts .post-outer-container {
  width: 50%;
  padding: 20px;
  display: flex;
  margin-bottom: var(--space-45);
}
	body.homepage-view[data-grid="onethird"] .blog-posts .post-outer-container {
		width: 33.33%;
	}
.homepage-view .blog-posts .post-outer-container .post-outer {
  width: 100%;
  overflow: hidden;
  position: relative;
  transition: 1s cubic-bezier(.075,.82,.165,1);
}
.homepage-view .blog-posts .post-outer-container .post-thumbnail-container {
  display: block;
  position: relative;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  clip-path: inset(0);
  transition: clip-path .3s;
}
.homepage-view .blog-posts .post-outer-container:hover .post-thumbnail-container {
  clip-path: inset(3%);
}
.homepage-view .blog-posts .post-outer-container .post-thumbnail-container.yvideo {
  position: relative;
}
.homepage-view .blog-posts .post-outer-container .post-thumbnail-container.yvideo:after {
  content: '';
  position: absolute;
  z-index: 2;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 31px;
  background: url(https://3.bp.blogspot.com/-pZYZs9FeHbg/WtDAF3rB1bI/AAAAAAAAMZo/RZWUm49_g7If-fjP75tQKohpNksdx328ACLcBGAs/s1600/icon-youtube.png) no-repeat center center;
  background-size: cover;
}
.homepage-view .blog-posts .post-outer-container .post-heading {
  padding: var(--space-30) 30px 0 30px;
}
.homepage-view .blog-posts .post-heading .post-title {
  font: normal bold 32px 'Spartan', Sans-serif;
  line-height: 130%;
  margin-top: .6em;
  margin-bottom: .6em;
}
.homepage-view .blog-posts .post-heading .post-title a,
.homepage-view .blog-posts .post-heading .post-header {
  color: #111111;
  text-decoration: none;
}
.homepage-view .blog-posts .post-header span:not(:last-child):after {
  content: '';
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -1px;
  width: 3px;
  height: 3px;
  background: var(--color-divider-dot);
  border-radius: 100%;
}
.homepage-view .blog-posts .post-outer-container.no-image .post-outer {
  border-top: 2px solid #111111;
  border-bottom: 2px solid #111111;
}
.homepage-view .blog-posts .no-image .post-heading .post-title {
  font: normal bold 32px 'Spartan', Sans-serif;
  line-height: 130%;
}
.homepage-view .blog-posts .post-outer-container.no-image .post-heading {
  padding: 30px;
}
.homepage-view .blog-posts .post-outer-container .post-title a {
  background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#111111, #111111);
  background-size: 100% 4px, 0 4px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size .2s linear;
}
.homepage-view .blog-posts .post-outer-container:hover .post-title a {
  background-size: 0 4px, 100% 4px;
}


/* Single
---------------------------------------------------*/
.item-view .main-inner {
  margin-top: 5%;
}
.item-view .widget.Blog {
	margin-bottom: 0;
}
.item-view .primary-content {
	background: var(--color-white);
}
.item-view .primary-content .post-heading {
	padding-bottom: var(--space-60);
}
.item-view .post-outer-container .post-body-outer {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.item-view .post-outer-container .post-heading > *,
.item-view .post-outer-container .post-body,
.item-view .post-outer-container .post-footer {
	max-width: 720px;
	margin: 0 auto;
}
.item-view .post-outer-container .post-heading {
	text-align: center;
}
.item-view .post-outer-container .post-title {
  font: normal bold 58px 'Spartan', Sans-serif;
  color: #111111;
  line-height: 130%;
  margin: 0;
}
/* SEO: hide the auto post title (kept in DOM as a span for meta title) */
.item-view .post-outer-container .seo-hidden-title {
  display: none;
}
/* Hide the post description (meta description line) on the post page */
.item-view .post-heading-line-3 {
  display: none;
}
/* SEO: a custom H1 typed at the top of the post body matches the old article-title style */
.item-view .post-body h1 {
  font: normal bold 58px 'Spartan', Sans-serif;
  color: #111111;
  line-height: 130%;
  margin: 0 0 var(--space-30);
}
.item-view .post-outer-container .post-body {
	margin-bottom: var(--space-60);
}
.item-view .post-outer-container .post-heading .post-summary {
  font-size: 1.375em;
  line-height: 150%;
  margin-bottom: 0;
}
/* Responsive images: every post AND page image fills the content column and scales
   fluidly. Blogger's fixed sizing is HTML width/height ATTRIBUTES, which normal CSS
   overrides for free; its inline style="" (e.g. the link's margin:1em) is stripped by
   a small script (see footer JS), so no !important is needed here.
   (item-view covers both single posts and static pages.) */
.item-view .post-body img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	margin: 0 auto 1rem;   /* fill width, centered, gap below (matches paragraph rhythm) */
}
.item-view .post-body .separator,
.item-view .post-body .separator a,
.item-view .post-body a[imageanchor="1"] {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.item-view .post-body .tr-caption-container.img-gallery-full,
.item-view .post-body .tr-caption-container.img-gallery-wide,
.item-view .post-body .tr-caption-container {
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}
.item-view .post-body .tr-caption-container img {
	margin-bottom: 0;   /* captioned image: the caption provides the spacing */
}
.item-view .post-body .tr-caption-container.img-gallery-full .tr-caption,
.item-view .post-body .tr-caption-container.img-gallery-wide .tr-caption {
	max-width: 100%;
	margin: 0 auto;
}
.item-view .post-body .tr-caption-container.img-gallery-full img,
.item-view .post-body .tr-caption-container.img-gallery-wide img {
	width: 100%;
	max-width: 100%;
	height: auto;
	float: none;
	margin-left: 0;
	margin-right: 0;
}

/* Page
---------------------------------------------------*/
.page-view .post-outer-container .post-title {
	margin-bottom: 0;
}

/* 404 Error
---------------------------------------------------*/
.error404-view .status-msg-body {
  text-align: center;
  padding-top: var(--space-80);
  padding-bottom: var(--space-80);
}

/* Sidebar
--------------------------------------------------- */
/* --- Footer Sidebar --- */
.sidebar-outer {
  background-color: #F6EEEA;
  color: #333333;
}
.sidebar-outer .widget a {
  color: #111111;
}
.sidebar-outer .widget h3 {
  color: #111111;
}
.sidebar-inner {
  overlay-x: hidden;
}
.sidebar-inner .sidebar-content {
  margin-left: -30px;
  magin-right: -30px;
}
.sidebar-inner .sidebar {
  padding-left: var(--space-30);
  padding-right: var(--space-30);
}
.sidebar-inner .sidebar#footer-row-left {
  width: 50%
}
.sidebar-inner .sidebar#footer-row-center {
  width: 25%
}
.sidebar-inner .sidebar#footer-row-right {
  width: 25%
}
.sidebar-inner .widget {
  margin-bottom: var(--space-60);
}
.sidebar-inner .sidebar .widget:last-child {
  margin-bottom: 0;
}
.sidebar .widget h3 {
  font-size: 1.375em;
  margin-bottom: var(--space-15);
}
.sidebar .widget ul,
.sidebar .widget ol {
  padding-left: 0;
}
.sidebar .widget ul li,
.sidebar .widget ol li {
  margin-bottom: .625em;
}
.sidebar .widget.Label .label-count {
  position: relative;
  top: -0.5em;
  font-size: 75%;
  display: inline-block;
  padding-left: var(--space-2);
}

/* --- Label --- */
.widget.Label .cloud-label-widget-content .label-size {
  display: inline-block;
  margin: var(--space-2) 0;
}
.widget.Label .cloud-label-widget-content .label-size:not(:last-child)::after {
  content: ',';
}
.widget.Label .label-count {
  position: relative;
  top: -0.5em;
  font-size: 75%;
  display: inline-block;
  padding-left: var(--space-2);
}

/* --- Profile --- */
.profile-ava {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.widget.Profile .profile-ava img {
	display: block;
	margin-bottom: 0;
	width: 100%;
	height: auto;
}
.widget.Profile .profile-info {
	padding: var(--space-30);
	background: var(--color-surface);
}
.widget.Profile .profile-data .g-profile {
	font-size: 1.133em;
	font-weight: bold;
	color: var(--color-ink);
	line-height: 140%;
	margin-bottom: var(--space-10);
}
.widget.Profile .profile-data.location {
	margin-top: 0.882em;
	font-size: 0.87em;
	line-height: 150%;
	padding-top: 0.882em;
	position: relative;
	display: none;
}
.widget.Profile .profile-data.location:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 1px;
	background: var(--color-border-strong);
}
.widget.Profile .profile-datablock {
	margin-bottom: var(--space-10);
}

/* <> Featured post <> */
.featuredpost-outer .widget {
  width: 90%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--space-80);
}
.FeaturedPost .title {
  display: none;
  margin-top: var(--space-120);
}
.FeaturedPost .widget-content .post-content {
  position: relative;
}
.FeaturedPost .widget-content .post-content .thumb-link {
  display: block;
  width: 80%;
}
.FeaturedPost .widget-content .post-content .hero-thumb {
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
}
.FeaturedPost .widget-content .post-content .post-outer-container {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 0;
  width: auto;
  padding: var(--space-60);
  background: #F6EEEA;
  color: #333333;
  max-width: 480px;
  transform: translateY(-50%);
}
.FeaturedPost .widget-content .post-header .post-title {
  margin-top: var(--space-15);
  margin-bottom: var(--space-15);
}
.FeaturedPost .widget-content .post-content .post-title a {
  font: normal bold 32px 'Spartan', Sans-serif;
  line-height: 130%;
  display: inline-block;
  text-decoration: none;
  color: #111111;
}
.FeaturedPost .post-outer-container .post-text {
  box-sizing: border-box;
}
.FeaturedPost .post-text .jump-link a {
  display: inline-block;
  background: #111111;
  color: #ffffff;
  border: 2px solid #111111;
  text-decoration: none;
  font-weight: bold;
  padding: var(--space-8) var(--space-40) var(--space-8) var(--space-20);
  position: relative;
  transition: all .1s;
  outline: 0 solid #111111;
}
.FeaturedPost .post-text .jump-link svg {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  fill: #ffffff;
}
.FeaturedPost .post-text .jump-link a:hover {
  outline-offset: 0;
  outline-width: 5px;
  outline-color: #111111;
}

/* --- Archive --- */
.BlogArchive .post-count {
  vertical-align: super;
  font-size: .6em;
  padding-left: var(--space-3);
  display: inline-block;
  text-decoration: none;
}
.BlogArchive .MENU {
  font: inherit;
  font-weight: inherit;
  padding: var(--space-8) var(--space-4);
  background: var(--color-white);
  border: 0;
  border-radius: 0;
  width: 100%;
  border: 1px solid #dddddd;
}

/* --- Popular --- */
.PopularPosts .snippet-thumbnail a {
  display: block;
  width: 80px;
  height: 80px;
  position: relative;
  background-size: cover;
  background-position: center center;
}
.PopularPosts .snippet-thumbnail {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: var(--space-15);
}
.PopularPosts .post {
  margin-bottom: var(--space-20);
}
.PopularPosts .post-body {
  display: flex;
}
.PopularPosts .post-body h3 {
  font-size: 1.125em;
  line-height: 140%;
  margin-bottom: var(--space-5);
  margin-top: var(--space-5);
}
.PopularPosts .post-body .post-header {
  font-size: .750em;
  line-height: 140%;
}
.PopularPosts .post-body .post-summary {
  display: none;
}
#footer-row-center .PopularPosts .post,
#footer-row-right .PopularPosts .post {
  margin-bottom: var(--space-30);
}
#footer-row-center .PopularPosts .post-body,
#footer-row-right .PopularPosts .post-body {
  flex-direction: column;
}
#footer-row-center .PopularPosts .snippet-thumbnail a,
#footer-row-right .PopularPosts .snippet-thumbnail a {
  width: 100%;
  height: 0;
  padding-bottom: 66%;
  margin-bottom: var(--space-10);
}

/* --- Contact form --- */
.ContactForm {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--space-60);
}
.ContactForm h3.title {
  margin-bottom: var(--space-30);
}
.ContactForm .contact-form-widget label,
.ContactForm .default-message {
  display: none;
}
.ContactForm .contact-form-widget form {
  margin: -10px;
}
.ContactForm .contact-form-widget form input,
.ContactForm .contact-form-widget form textarea {
  font: inherit;
  padding: var(--space-10) 0;
  width: calc(50% - 22px);
  box-shadow: none;
  -webkit-appearance: none;
  margin: var(--space-10);
  float: left;
  border: 0;
  border-bottom: 2px solid #444444;
  box-sizing: border-box;
}
.ContactForm .contact-form-widget form input:focus,
.ContactForm .contact-form-widget form textarea:focus {
  border-color: var(--color-text-secondary);
}
.ContactForm .contact-form-widget form textarea {
  width: calc(100% - 22px);
  height: 200px;
}
.ContactForm .contact-form-widget .contact-form-button {
  width: auto;
  display: inline-block;
  padding: var(--space-10) var(--space-30);
  background: #111111;
  border: 2px solid #111111;
  color: #ffffff;
  text-align: center;
  font-size: 1.125em;
  line-height: 140%;
  font-weight: bold;
  text-decoration: none;
  transition: all .2s;
  cursor: pointer;
  transition: all .1s;
  outline: 0 solid #111111;
}
.ContactForm .contact-form-widget .contact-form-button:hover {
  outline-offset: 0;
  outline-width: 5px;
  outline-color: #111111;
}
.ContactForm form .message {
  clear: both;
  margin: 0 var(--space-10);
  font-size: .82em;
}
.ContactForm form .message p.contact-form-error-message-with-border,
.ContactForm form .message p.contact-form-success-message-with-border {
  display: block;
  background: rgba(220,20,60, 0.1);
  padding: var(--space-10) var(--space-20) var(--space-10) var(--space-45);
  margin: var(--space-10) 0;
  position: relative;
}
.ContactForm form .message p.contact-form-success-message-with-border {
  background-color: rgba(154,205,50, 0.3);
  padding-left: var(--space-20);
}
.ContactForm form .message img {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
  .sidebar .contact-form-widget form input,
  .sidebar .ContactForm .contact-form-widget form textarea {
    padding-left: var(--space-15);
    padding-right: var(--space-15);
  }


/* Colophon
--------------------------------------------------- */
.footer-outer .footer-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* --- Colophon --- */
.footer-outer .footer-colophon {
  order: 2;
  margin-top: var(--space-30);
}
.footer-outer .Attribution .widget-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-outer .Attribution .widget-content .blogger {
  order: 2;
}
.footer-outer .Attribution .widget-content .blogger svg {
	display: none;
}

/* --- Social media --- */
.footer-outer .footer-social .LinkList .title {
  display: none;
}
.footer-outer .footer-social .LinkList ul {
  margin: 0;
  padding: 0;
}
.footer-outer .footer-social .LinkList ul li {
  display: inline-block;
  text-transform: capitalize;
  margin: var(--space-5);
}
.footer-outer .footer-social .LinkList ul li a {
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  text-indent: 300px;
  position: relative;
}
.footer-outer .footer-social .LinkList ul li a::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background-color: #000000;
  -webkit-mask: no-repeat center / contain;
  mask: no-repeat center / contain;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTkuMTAxIDIzLjY5MXYtNy45OEg2LjYyN3YtMy42NjdoMi40NzR2LTEuNThjMC00LjA4NSAxLjg0OC01Ljk3OCA1Ljg1OC01Ljk3OC40MDEgMCAuOTU1LjA0MiAxLjQ2OC4xMDNhOC42OCA4LjY4IDAgMCAxIDEuMTQxLjE5NXYzLjMyNWE4LjYyMyA4LjYyMyAwIDAgMC0uNjUzLS4wMzYgMjYuODA1IDI2LjgwNSAwIDAgMC0uNzMzLS4wMDljLS43MDcgMC0xLjI1OS4wOTYtMS42NzUuMzA5YTEuNjg2IDEuNjg2IDAgMCAwLS42NzkuNjIyYy0uMjU4LjQyLS4zNzQuOTk1LS4zNzQgMS43NTJ2MS4yOTdoMy45MTlsLS4zODYgMi4xMDMtLjI4NyAxLjU2NGgtMy4yNDZ2OC4yNDVDMTkuMzk2IDIzLjIzOCAyNCAxOC4xNzkgMjQgMTIuMDQ0YzAtNi42MjctNS4zNzMtMTItMTItMTJzLTEyIDUuMzczLTEyIDEyYzAgNS42MjggMy44NzQgMTAuMzUgOS4xMDEgMTEuNjQ3WiIvPjwvc3ZnPg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTkuMTAxIDIzLjY5MXYtNy45OEg2LjYyN3YtMy42NjdoMi40NzR2LTEuNThjMC00LjA4NSAxLjg0OC01Ljk3OCA1Ljg1OC01Ljk3OC40MDEgMCAuOTU1LjA0MiAxLjQ2OC4xMDNhOC42OCA4LjY4IDAgMCAxIDEuMTQxLjE5NXYzLjMyNWE4LjYyMyA4LjYyMyAwIDAgMC0uNjUzLS4wMzYgMjYuODA1IDI2LjgwNSAwIDAgMC0uNzMzLS4wMDljLS43MDcgMC0xLjI1OS4wOTYtMS42NzUuMzA5YTEuNjg2IDEuNjg2IDAgMCAwLS42NzkuNjIyYy0uMjU4LjQyLS4zNzQuOTk1LS4zNzQgMS43NTJ2MS4yOTdoMy45MTlsLS4zODYgMi4xMDMtLjI4NyAxLjU2NGgtMy4yNDZ2OC4yNDVDMTkuMzk2IDIzLjIzOCAyNCAxOC4xNzkgMjQgMTIuMDQ0YzAtNi42MjctNS4zNzMtMTItMTItMTJzLTEyIDUuMzczLTEyIDEyYzAgNS42MjggMy44NzQgMTAuMzUgOS4xMDEgMTEuNjQ3WiIvPjwvc3ZnPg==");
  text-indent: 0;
}
.footer-outer .footer-social .LinkList li.icon-twitter a::before   { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE0LjIzNCAxMC4xNjIgMjIuOTc3IDBoLTIuMDcybC03LjU5MSA4LjgyNEw3LjI1MSAwSC4yNThsOS4xNjggMTMuMzQzTC4yNTggMjRIMi4zM2w4LjAxNi05LjMxOEwxNi43NDkgMjRoNi45OTN6bS0yLjgzNyAzLjI5OS0uOTI5LTEuMzI5TDMuMDc2IDEuNTZoMy4xODJsNS45NjUgOC41MzIuOTI5IDEuMzI5IDcuNzU0IDExLjA5aC0zLjE4MnoiLz48L3N2Zz4="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE0LjIzNCAxMC4xNjIgMjIuOTc3IDBoLTIuMDcybC03LjU5MSA4LjgyNEw3LjI1MSAwSC4yNThsOS4xNjggMTMuMzQzTC4yNTggMjRIMi4zM2w4LjAxNi05LjMxOEwxNi43NDkgMjRoNi45OTN6bS0yLjgzNyAzLjI5OS0uOTI5LTEuMzI5TDMuMDc2IDEuNTZoMy4xODJsNS45NjUgOC41MzIuOTI5IDEuMzI5IDcuNzU0IDExLjA5aC0zLjE4MnoiLz48L3N2Zz4="); }
.footer-outer .footer-social .LinkList li.icon-instagram a::before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcuMDMwMS4wODRjLTEuMjc2OC4wNjAyLTIuMTQ4Ny4yNjQtMi45MTEuNTYzNC0uNzg4OC4zMDc1LTEuNDU3NS43Mi0yLjEyMjggMS4zODc3LS42NjUyLjY2NzctMS4wNzUgMS4zMzY4LTEuMzgwMiAyLjEyNy0uMjk1NC43NjM4LS40OTU2IDEuNjM2NS0uNTUyIDIuOTE0LS4wNTY0IDEuMjc3NS0uMDY4OSAxLjY4ODItLjA2MjYgNC45NDcuMDA2MiAzLjI1ODYuMDIwNiAzLjY2NzEuMDgyNSA0Ljk0NzMuMDYxIDEuMjc2NS4yNjQgMi4xNDgyLjU2MzUgMi45MTA3LjMwOC43ODg5LjcyIDEuNDU3MyAxLjM4OCAyLjEyMjguNjY3OS42NjU1IDEuMzM2NSAxLjA3NDMgMi4xMjg1IDEuMzguNzYzMi4yOTUgMS42MzYxLjQ5NjEgMi45MTM0LjU1MiAxLjI3NzMuMDU2IDEuNjg4NC4wNjkgNC45NDYyLjA2MjcgMy4yNTc4LS4wMDYyIDMuNjY4LS4wMjA3IDQuOTQ3OC0uMDgxNCAxLjI4LS4wNjA3IDIuMTQ3LS4yNjUyIDIuOTA5OC0uNTYzMy43ODg5LS4zMDg2IDEuNDU3OC0uNzIgMi4xMjI4LTEuMzg4MS42NjUtLjY2ODIgMS4wNzQ1LTEuMzM3OCAxLjM3OTUtMi4xMjg0LjI5NTctLjc2MzIuNDk2Ni0xLjYzNi41NTItMi45MTI0LjA1Ni0xLjI4MDkuMDY5Mi0xLjY4OTguMDYzLTQuOTQ4LS4wMDYzLTMuMjU4My0uMDIxLTMuNjY2OC0uMDgxNy00Ljk0NjUtLjA2MDctMS4yNzk3LS4yNjQtMi4xNDg3LS41NjMzLTIuOTExNy0uMzA4NC0uNzg4OS0uNzItMS40NTY4LTEuMzg3Ni0yLjEyMjhDMjEuMjk4MiAxLjMzIDIwLjYyOC45MjA4IDE5LjgzNzguNjE2NSAxOS4wNzQuMzIxIDE4LjIwMTcuMTE5NyAxNi45MjQ0LjA2NDUgMTUuNjQ3MS4wMDkzIDE1LjIzNi0uMDA1IDExLjk3Ny4wMDE0IDguNzE4LjAwNzYgOC4zMS4wMjE1IDcuMDMwMS4wODM5bS4xNDAyIDIxLjY5MzJjLTEuMTctLjA1MDktMS44MDUzLS4yNDUzLTIuMjI4Ny0uNDA4LS41NjA2LS4yMTYtLjk2LS40NzcxLTEuMzgxOS0uODk1LS40MjItLjQxNzgtLjY4MTEtLjgxODYtLjktMS4zNzgtLjE2NDQtLjQyMzQtLjM2MjQtMS4wNTgtLjQxNzEtMi4yMjgtLjA1OTUtMS4yNjQ1LS4wNzItMS42NDQyLS4wNzktNC44NDgtLjAwNy0zLjIwMzcuMDA1My0zLjU4My4wNjA3LTQuODQ4LjA1LTEuMTY5LjI0NTYtMS44MDUuNDA4LTIuMjI4Mi4yMTYtLjU2MTMuNDc2Mi0uOTYuODk1LTEuMzgxNi40MTg4LS40MjE3LjgxODQtLjY4MTQgMS4zNzgzLS45MDAzLjQyMy0uMTY1MSAxLjA1NzUtLjM2MTQgMi4yMjctLjQxNzEgMS4yNjU1LS4wNiAxLjY0NDctLjA3MiA0Ljg0OC0uMDc5IDMuMjAzMy0uMDA3IDMuNTgzNS4wMDUgNC44NDk1LjA2MDggMS4xNjkuMDUwOCAxLjgwNTMuMjQ0NSAyLjIyOC40MDguNTYwOC4yMTYuOTYuNDc1NCAxLjM4MTYuODk1LjQyMTcuNDE5NC42ODE2LjgxNzYuOTAwNSAxLjM3ODcuMTY1My40MjE3LjM2MTcgMS4wNTYuNDE2OSAyLjIyNjMuMDYwMiAxLjI2NTUuMDczOSAxLjY0NS4wNzk2IDQuODQ4LjAwNTggMy4yMDMtLjAwNTUgMy41ODM0LS4wNjEgNC44NDgtLjA1MSAxLjE3LS4yNDUgMS44MDU1LS40MDggMi4yMjk0LS4yMTYuNTYwNC0uNDc2My45Ni0uODk1NCAxLjM4MTQtLjQxOS40MjE1LS44MTgxLjY4MTEtMS4zNzgzLjktLjQyMjQuMTY0OS0xLjA1NzcuMzYxNy0yLjIyNjIuNDE3NC0xLjI2NTYuMDU5NS0xLjY0NDguMDcyLTQuODQ5My4wNzktMy4yMDQ1LjAwNy0zLjU4MjUtLjAwNi00Ljg0OC0uMDYwOE0xNi45NTMgNS41ODY0QTEuNDQgMS40NCAwIDEgMCAxOC4zOSA0LjE0NGExLjQ0IDEuNDQgMCAwIDAtMS40MzcgMS40NDI0TTUuODM4NSAxMi4wMTJjLjAwNjcgMy40MDMyIDIuNzcwNiA2LjE1NTcgNi4xNzMgNi4xNDkzIDMuNDAyNi0uMDA2NSA2LjE1Ny0yLjc3MDEgNi4xNTA2LTYuMTczMy0uMDA2NS0zLjQwMzItMi43NzEtNi4xNTY1LTYuMTc0LTYuMTQ5OC0zLjQwMy4wMDY3LTYuMTU2IDIuNzcxLTYuMTQ5NiA2LjE3MzhNOCAxMi4wMDc3YTQgNCAwIDEgMSA0LjAwOCAzLjk5MjFBMy45OTk2IDMuOTk5NiAwIDAgMSA4IDEyLjAwNzciLz48L3N2Zz4="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcuMDMwMS4wODRjLTEuMjc2OC4wNjAyLTIuMTQ4Ny4yNjQtMi45MTEuNTYzNC0uNzg4OC4zMDc1LTEuNDU3NS43Mi0yLjEyMjggMS4zODc3LS42NjUyLjY2NzctMS4wNzUgMS4zMzY4LTEuMzgwMiAyLjEyNy0uMjk1NC43NjM4LS40OTU2IDEuNjM2NS0uNTUyIDIuOTE0LS4wNTY0IDEuMjc3NS0uMDY4OSAxLjY4ODItLjA2MjYgNC45NDcuMDA2MiAzLjI1ODYuMDIwNiAzLjY2NzEuMDgyNSA0Ljk0NzMuMDYxIDEuMjc2NS4yNjQgMi4xNDgyLjU2MzUgMi45MTA3LjMwOC43ODg5LjcyIDEuNDU3MyAxLjM4OCAyLjEyMjguNjY3OS42NjU1IDEuMzM2NSAxLjA3NDMgMi4xMjg1IDEuMzguNzYzMi4yOTUgMS42MzYxLjQ5NjEgMi45MTM0LjU1MiAxLjI3NzMuMDU2IDEuNjg4NC4wNjkgNC45NDYyLjA2MjcgMy4yNTc4LS4wMDYyIDMuNjY4LS4wMjA3IDQuOTQ3OC0uMDgxNCAxLjI4LS4wNjA3IDIuMTQ3LS4yNjUyIDIuOTA5OC0uNTYzMy43ODg5LS4zMDg2IDEuNDU3OC0uNzIgMi4xMjI4LTEuMzg4MS42NjUtLjY2ODIgMS4wNzQ1LTEuMzM3OCAxLjM3OTUtMi4xMjg0LjI5NTctLjc2MzIuNDk2Ni0xLjYzNi41NTItMi45MTI0LjA1Ni0xLjI4MDkuMDY5Mi0xLjY4OTguMDYzLTQuOTQ4LS4wMDYzLTMuMjU4My0uMDIxLTMuNjY2OC0uMDgxNy00Ljk0NjUtLjA2MDctMS4yNzk3LS4yNjQtMi4xNDg3LS41NjMzLTIuOTExNy0uMzA4NC0uNzg4OS0uNzItMS40NTY4LTEuMzg3Ni0yLjEyMjhDMjEuMjk4MiAxLjMzIDIwLjYyOC45MjA4IDE5LjgzNzguNjE2NSAxOS4wNzQuMzIxIDE4LjIwMTcuMTE5NyAxNi45MjQ0LjA2NDUgMTUuNjQ3MS4wMDkzIDE1LjIzNi0uMDA1IDExLjk3Ny4wMDE0IDguNzE4LjAwNzYgOC4zMS4wMjE1IDcuMDMwMS4wODM5bS4xNDAyIDIxLjY5MzJjLTEuMTctLjA1MDktMS44MDUzLS4yNDUzLTIuMjI4Ny0uNDA4LS41NjA2LS4yMTYtLjk2LS40NzcxLTEuMzgxOS0uODk1LS40MjItLjQxNzgtLjY4MTEtLjgxODYtLjktMS4zNzgtLjE2NDQtLjQyMzQtLjM2MjQtMS4wNTgtLjQxNzEtMi4yMjgtLjA1OTUtMS4yNjQ1LS4wNzItMS42NDQyLS4wNzktNC44NDgtLjAwNy0zLjIwMzcuMDA1My0zLjU4My4wNjA3LTQuODQ4LjA1LTEuMTY5LjI0NTYtMS44MDUuNDA4LTIuMjI4Mi4yMTYtLjU2MTMuNDc2Mi0uOTYuODk1LTEuMzgxNi40MTg4LS40MjE3LjgxODQtLjY4MTQgMS4zNzgzLS45MDAzLjQyMy0uMTY1MSAxLjA1NzUtLjM2MTQgMi4yMjctLjQxNzEgMS4yNjU1LS4wNiAxLjY0NDctLjA3MiA0Ljg0OC0uMDc5IDMuMjAzMy0uMDA3IDMuNTgzNS4wMDUgNC44NDk1LjA2MDggMS4xNjkuMDUwOCAxLjgwNTMuMjQ0NSAyLjIyOC40MDguNTYwOC4yMTYuOTYuNDc1NCAxLjM4MTYuODk1LjQyMTcuNDE5NC42ODE2LjgxNzYuOTAwNSAxLjM3ODcuMTY1My40MjE3LjM2MTcgMS4wNTYuNDE2OSAyLjIyNjMuMDYwMiAxLjI2NTUuMDczOSAxLjY0NS4wNzk2IDQuODQ4LjAwNTggMy4yMDMtLjAwNTUgMy41ODM0LS4wNjEgNC44NDgtLjA1MSAxLjE3LS4yNDUgMS44MDU1LS40MDggMi4yMjk0LS4yMTYuNTYwNC0uNDc2My45Ni0uODk1NCAxLjM4MTQtLjQxOS40MjE1LS44MTgxLjY4MTEtMS4zNzgzLjktLjQyMjQuMTY0OS0xLjA1NzcuMzYxNy0yLjIyNjIuNDE3NC0xLjI2NTYuMDU5NS0xLjY0NDguMDcyLTQuODQ5My4wNzktMy4yMDQ1LjAwNy0zLjU4MjUtLjAwNi00Ljg0OC0uMDYwOE0xNi45NTMgNS41ODY0QTEuNDQgMS40NCAwIDEgMCAxOC4zOSA0LjE0NGExLjQ0IDEuNDQgMCAwIDAtMS40MzcgMS40NDI0TTUuODM4NSAxMi4wMTJjLjAwNjcgMy40MDMyIDIuNzcwNiA2LjE1NTcgNi4xNzMgNi4xNDkzIDMuNDAyNi0uMDA2NSA2LjE1Ny0yLjc3MDEgNi4xNTA2LTYuMTczMy0uMDA2NS0zLjQwMzItMi43NzEtNi4xNTY1LTYuMTc0LTYuMTQ5OC0zLjQwMy4wMDY3LTYuMTU2IDIuNzcxLTYuMTQ5NiA2LjE3MzhNOCAxMi4wMDc3YTQgNCAwIDEgMSA0LjAwOCAzLjk5MjFBMy45OTk2IDMuOTk5NiAwIDAgMSA4IDEyLjAwNzciLz48L3N2Zz4="); }
.footer-outer .footer-social .LinkList li.icon-tiktok a::before    { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLjUyNS4wMmMxLjMxLS4wMiAyLjYxLS4wMSAzLjkxLS4wMi4wOCAxLjUzLjYzIDMuMDkgMS43NSA0LjE3IDEuMTIgMS4xMSAyLjcgMS42MiA0LjI0IDEuNzl2NC4wM2MtMS40NC0uMDUtMi44OS0uMzUtNC4yLS45Ny0uNTctLjI2LTEuMS0uNTktMS42Mi0uOTMtLjAxIDIuOTIuMDEgNS44NC0uMDIgOC43NS0uMDggMS40LS41NCAyLjc5LTEuMzUgMy45NC0xLjMxIDEuOTItMy41OCAzLjE3LTUuOTEgMy4yMS0xLjQzLjA4LTIuODYtLjMxLTQuMDgtMS4wMy0yLjAyLTEuMTktMy40NC0zLjM3LTMuNjUtNS43MS0uMDItLjUtLjAzLTEtLjAxLTEuNDkuMTgtMS45IDEuMTItMy43MiAyLjU4LTQuOTYgMS42Ni0xLjQ0IDMuOTgtMi4xMyA2LjE1LTEuNzIuMDIgMS40OC0uMDQgMi45Ni0uMDQgNC40NC0uOTktLjMyLTIuMTUtLjIzLTMuMDIuMzctLjYzLjQxLTEuMTEgMS4wNC0xLjM2IDEuNzUtLjIxLjUxLS4xNSAxLjA3LS4xNCAxLjYxLjI0IDEuNjQgMS44MiAzLjAyIDMuNSAyLjg3IDEuMTItLjAxIDIuMTktLjY2IDIuNzctMS42MS4xOS0uMzMuNC0uNjcuNDEtMS4wNi4xLTEuNzkuMDYtMy41Ny4wNy01LjM2LjAxLTQuMDMtLjAxLTguMDUuMDItMTIuMDd6Ii8+PC9zdmc+"); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLjUyNS4wMmMxLjMxLS4wMiAyLjYxLS4wMSAzLjkxLS4wMi4wOCAxLjUzLjYzIDMuMDkgMS43NSA0LjE3IDEuMTIgMS4xMSAyLjcgMS42MiA0LjI0IDEuNzl2NC4wM2MtMS40NC0uMDUtMi44OS0uMzUtNC4yLS45Ny0uNTctLjI2LTEuMS0uNTktMS42Mi0uOTMtLjAxIDIuOTIuMDEgNS44NC0uMDIgOC43NS0uMDggMS40LS41NCAyLjc5LTEuMzUgMy45NC0xLjMxIDEuOTItMy41OCAzLjE3LTUuOTEgMy4yMS0xLjQzLjA4LTIuODYtLjMxLTQuMDgtMS4wMy0yLjAyLTEuMTktMy40NC0zLjM3LTMuNjUtNS43MS0uMDItLjUtLjAzLTEtLjAxLTEuNDkuMTgtMS45IDEuMTItMy43MiAyLjU4LTQuOTYgMS42Ni0xLjQ0IDMuOTgtMi4xMyA2LjE1LTEuNzIuMDIgMS40OC0uMDQgMi45Ni0uMDQgNC40NC0uOTktLjMyLTIuMTUtLjIzLTMuMDIuMzctLjYzLjQxLTEuMTEgMS4wNC0xLjM2IDEuNzUtLjIxLjUxLS4xNSAxLjA3LS4xNCAxLjYxLjI0IDEuNjQgMS44MiAzLjAyIDMuNSAyLjg3IDEuMTItLjAxIDIuMTktLjY2IDIuNzctMS42MS4xOS0uMzMuNC0uNjcuNDEtMS4wNi4xLTEuNzkuMDYtMy41Ny4wNy01LjM2LjAxLTQuMDMtLjAxLTguMDUuMDItMTIuMDd6Ii8+PC9zdmc+"); }
.footer-outer .footer-social .LinkList li.icon-dribbble a::before  { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDI0QzUuMzg1IDI0IDAgMTguNjE1IDAgMTJTNS4zODUgMCAxMiAwczEyIDUuMzg1IDEyIDEyLTUuMzg1IDEyLTEyIDEyem0xMC4xMi0xMC4zNThjLS4zNS0uMTEtMy4xNy0uOTUzLTYuMzg0LS40MzggMS4zNCAzLjY4NCAxLjg4NyA2LjY4NCAxLjk5MiA3LjMwOCAyLjMtMS41NTUgMy45MzYtNC4wMiA0LjM5NS02Ljg3em0tNi4xMTUgNy44MDhjLS4xNTMtLjktLjc1LTQuMDMyLTIuMTktNy43N2wtLjA2Ni4wMmMtNS43OSAyLjAxNS03Ljg2IDYuMDI1LTguMDQgNi40IDEuNzMgMS4zNTggMy45MiAyLjE2NiA2LjI5IDIuMTY2IDEuNDIgMCAyLjc3LS4yOSA0LS44MTR6bS0xMS42Mi0yLjU4Yy4yMzItLjQgMy4wNDUtNS4wNTUgOC4zMzItNi43NjUuMTM1LS4wNDUuMjctLjA4NC40MDUtLjEyLS4yNi0uNTg1LS41NC0xLjE2Ny0uODMyLTEuNzRDNy4xNyAxMS43NzUgMi4yMDYgMTEuNzEgMS43NTYgMTEuN2wtLjAwNC4zMTJjMCAyLjYzMy45OTggNS4wMzcgMi42MzQgNi44NTV6bS0yLjQyLTguOTU1Yy40Ni4wMDggNC42ODMuMDI2IDkuNDc3LTEuMjQ4LTEuNjk4LTMuMDE4LTMuNTMtNS41NTgtMy44LTUuOTI4LTIuODY4IDEuMzUtNS4wMSAzLjk5LTUuNjc2IDcuMTd6TTkuNiAyLjA1MmMuMjgyLjM4IDIuMTQ1IDIuOTE0IDMuODIyIDYgMy42NDUtMS4zNjUgNS4xOS0zLjQ0IDUuMzczLTMuNzAyLTEuODEtMS42MS00LjE5LTIuNTg2LTYuNzk1LTIuNTg2LS44MjUgMC0xLjYzLjEtMi40LjI4NXptMTAuMzM1IDMuNDgzYy0uMjE4LjI5LTEuOTM1IDIuNDkzLTUuNzI0IDQuMDQuMjQuNDkuNDcuOTg1LjY4IDEuNDg2LjA4LjE4LjE1LjM2LjIyLjUzIDMuNDEtLjQzIDYuOC4yNiA3LjE0LjMzLS4wMi0yLjQyLS44OC00LjY0LTIuMzEtNi4zOHoiLz48L3N2Zz4="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDI0QzUuMzg1IDI0IDAgMTguNjE1IDAgMTJTNS4zODUgMCAxMiAwczEyIDUuMzg1IDEyIDEyLTUuMzg1IDEyLTEyIDEyem0xMC4xMi0xMC4zNThjLS4zNS0uMTEtMy4xNy0uOTUzLTYuMzg0LS40MzggMS4zNCAzLjY4NCAxLjg4NyA2LjY4NCAxLjk5MiA3LjMwOCAyLjMtMS41NTUgMy45MzYtNC4wMiA0LjM5NS02Ljg3em0tNi4xMTUgNy44MDhjLS4xNTMtLjktLjc1LTQuMDMyLTIuMTktNy43N2wtLjA2Ni4wMmMtNS43OSAyLjAxNS03Ljg2IDYuMDI1LTguMDQgNi40IDEuNzMgMS4zNTggMy45MiAyLjE2NiA2LjI5IDIuMTY2IDEuNDIgMCAyLjc3LS4yOSA0LS44MTR6bS0xMS42Mi0yLjU4Yy4yMzItLjQgMy4wNDUtNS4wNTUgOC4zMzItNi43NjUuMTM1LS4wNDUuMjctLjA4NC40MDUtLjEyLS4yNi0uNTg1LS41NC0xLjE2Ny0uODMyLTEuNzRDNy4xNyAxMS43NzUgMi4yMDYgMTEuNzEgMS43NTYgMTEuN2wtLjAwNC4zMTJjMCAyLjYzMy45OTggNS4wMzcgMi42MzQgNi44NTV6bS0yLjQyLTguOTU1Yy40Ni4wMDggNC42ODMuMDI2IDkuNDc3LTEuMjQ4LTEuNjk4LTMuMDE4LTMuNTMtNS41NTgtMy44LTUuOTI4LTIuODY4IDEuMzUtNS4wMSAzLjk5LTUuNjc2IDcuMTd6TTkuNiAyLjA1MmMuMjgyLjM4IDIuMTQ1IDIuOTE0IDMuODIyIDYgMy42NDUtMS4zNjUgNS4xOS0zLjQ0IDUuMzczLTMuNzAyLTEuODEtMS42MS00LjE5LTIuNTg2LTYuNzk1LTIuNTg2LS44MjUgMC0xLjYzLjEtMi40LjI4NXptMTAuMzM1IDMuNDgzYy0uMjE4LjI5LTEuOTM1IDIuNDkzLTUuNzI0IDQuMDQuMjQuNDkuNDcuOTg1LjY4IDEuNDg2LjA4LjE4LjE1LjM2LjIyLjUzIDMuNDEtLjQzIDYuOC4yNiA3LjE0LjMzLS4wMi0yLjQyLS44OC00LjY0LTIuMzEtNi4zOHoiLz48L3N2Zz4="); }
.footer-outer .footer-social .LinkList li.icon-pinterest a::before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLjAxNyAwQzUuMzk2IDAgLjAyOSA1LjM2Ny4wMjkgMTEuOTg3YzAgNS4wNzkgMy4xNTggOS40MTcgNy42MTggMTEuMTYyLS4xMDUtLjk0OS0uMTk5LTIuNDAzLjA0MS0zLjQzOS4yMTktLjkzNyAxLjQwNi01Ljk1NyAxLjQwNi01Ljk1N3MtLjM1OS0uNzItLjM1OS0xLjc4MWMwLTEuNjYzLjk2Ny0yLjkxMSAyLjE2OC0yLjkxMSAxLjAyNCAwIDEuNTE4Ljc2OSAxLjUxOCAxLjY4OCAwIDEuMDI5LS42NTMgMi41NjctLjk5MiAzLjk5Mi0uMjg1IDEuMTkzLjYgMi4xNjUgMS43NzUgMi4xNjUgMi4xMjggMCAzLjc2OC0yLjI0NSAzLjc2OC01LjQ4NyAwLTIuODYxLTIuMDYzLTQuODY5LTUuMDA4LTQuODY5LTMuNDEgMC01LjQwOSAyLjU2Mi01LjQwOSA1LjE5OSAwIDEuMDMzLjM5NCAyLjE0My44ODkgMi43NDEuMDk5LjEyLjExMi4yMjUuMDg1LjM0NS0uMDkuMzc1LS4yOTMgMS4xOTktLjMzNCAxLjM2My0uMDUzLjIyNS0uMTcyLjI3MS0uNDAxLjE2NS0xLjQ5NS0uNjktMi40MzMtMi44NzgtMi40MzMtNC42NDYgMC0zLjc3NiAyLjc0OC03LjI1MiA3LjkyLTcuMjUyIDQuMTU4IDAgNy4zOTIgMi45NjcgNy4zOTIgNi45MjMgMCA0LjEzNS0yLjYwNyA3LjQ2Mi02LjIzMyA3LjQ2Mi0xLjIxNCAwLTIuMzU0LS42MjktMi43NTgtMS4zNzlsLS43NDkgMi44NDhjLS4yNjkgMS4wNDUtMS4wMDQgMi4zNTItMS40OTggMy4xNDYgMS4xMjMuMzQ1IDIuMzA2LjUzNSAzLjU1LjUzNSA2LjYwNyAwIDExLjk4NS01LjM2NSAxMS45ODUtMTEuOTg3QzIzLjk3IDUuMzkgMTguNTkyLjAyNiAxMS45ODUuMDI2TDEyLjAxNyAweiIvPjwvc3ZnPg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLjAxNyAwQzUuMzk2IDAgLjAyOSA1LjM2Ny4wMjkgMTEuOTg3YzAgNS4wNzkgMy4xNTggOS40MTcgNy42MTggMTEuMTYyLS4xMDUtLjk0OS0uMTk5LTIuNDAzLjA0MS0zLjQzOS4yMTktLjkzNyAxLjQwNi01Ljk1NyAxLjQwNi01Ljk1N3MtLjM1OS0uNzItLjM1OS0xLjc4MWMwLTEuNjYzLjk2Ny0yLjkxMSAyLjE2OC0yLjkxMSAxLjAyNCAwIDEuNTE4Ljc2OSAxLjUxOCAxLjY4OCAwIDEuMDI5LS42NTMgMi41NjctLjk5MiAzLjk5Mi0uMjg1IDEuMTkzLjYgMi4xNjUgMS43NzUgMi4xNjUgMi4xMjggMCAzLjc2OC0yLjI0NSAzLjc2OC01LjQ4NyAwLTIuODYxLTIuMDYzLTQuODY5LTUuMDA4LTQuODY5LTMuNDEgMC01LjQwOSAyLjU2Mi01LjQwOSA1LjE5OSAwIDEuMDMzLjM5NCAyLjE0My44ODkgMi43NDEuMDk5LjEyLjExMi4yMjUuMDg1LjM0NS0uMDkuMzc1LS4yOTMgMS4xOTktLjMzNCAxLjM2My0uMDUzLjIyNS0uMTcyLjI3MS0uNDAxLjE2NS0xLjQ5NS0uNjktMi40MzMtMi44NzgtMi40MzMtNC42NDYgMC0zLjc3NiAyLjc0OC03LjI1MiA3LjkyLTcuMjUyIDQuMTU4IDAgNy4zOTIgMi45NjcgNy4zOTIgNi45MjMgMCA0LjEzNS0yLjYwNyA3LjQ2Mi02LjIzMyA3LjQ2Mi0xLjIxNCAwLTIuMzU0LS42MjktMi43NTgtMS4zNzlsLS43NDkgMi44NDhjLS4yNjkgMS4wNDUtMS4wMDQgMi4zNTItMS40OTggMy4xNDYgMS4xMjMuMzQ1IDIuMzA2LjUzNSAzLjU1LjUzNSA2LjYwNyAwIDExLjk4NS01LjM2NSAxMS45ODUtMTEuOTg3QzIzLjk3IDUuMzkgMTguNTkyLjAyNiAxMS45ODUuMDI2TDEyLjAxNyAweiIvPjwvc3ZnPg=="); }
.footer-outer .footer-social .LinkList li.icon-behance a::before   { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE2Ljk2OSAxNi45MjdhMi41NjEgMi41NjEgMCAwIDAgMS45MDEuNjc3IDIuNTAxIDIuNTAxIDAgMCAwIDEuNTMxLS40NzVjLjM2Mi0uMjM1LjYzNi0uNTg0Ljc3OS0uOTloMi41ODVhNS4wOTEgNS4wOTEgMCAwIDEtMS45IDIuODk2IDUuMjkyIDUuMjkyIDAgMCAxLTMuMDkxLjg4IDUuODM5IDUuODM5IDAgMCAxLTIuMjg0LS40MzMgNC44NzEgNC44NzEgMCAwIDEtMS43MjMtMS4yMTEgNS42NTcgNS42NTcgMCAwIDEtMS4wOC0xLjg3NCA3LjA1NyA3LjA1NyAwIDAgMS0uMzgzLTIuMzkzYy0uMDA1LS44LjEyOS0xLjU5NS4zOTYtMi4zNDlhNS4zMTMgNS4zMTMgMCAwIDEgNS4wODgtMy42MDQgNC44NyA0Ljg3IDAgMCAxIDIuMzc2LjU2M2MuNjYxLjM2MiAxLjIzMS44NyAxLjY2OCAxLjQ4NWE2LjIgNi4yIDAgMCAxIC45NDMgMi4xMzNjLjE5NC44MjEuMjYzIDEuNjY2LjIwNSAyLjUwOGgtNy42OTljLS4wNjMuNzkuMTg0IDEuNTc0LjY4OCAyLjE4N1pNNi45NDcgNC4wODRhOC4wNjUgOC4wNjUgMCAwIDEgMS45MjguMTk4IDQuMjkgNC4yOSAwIDAgMSAxLjQ5LjYzOGMuNDE4LjMwMy43NDguNzExLjk1OCAxLjE4Mi4yNDEuNTc5LjM1NyAxLjIwMy4zNDEgMS44M2EzLjUwNiAzLjUwNiAwIDAgMS0uNTA2IDEuOTYxIDMuNzI2IDMuNzI2IDAgMCAxLTEuNTAzIDEuMjg3IDMuNTg4IDMuNTg4IDAgMCAxIDIuMDI3IDEuNDM3Yy40NjQuNzQ3LjY5NyAxLjYxNS42NyAyLjQ5NGE0LjU5MyA0LjU5MyAwIDAgMS0uNDIzIDIuMDMyIDMuOTQ1IDMuOTQ1IDAgMCAxLTEuMTYzIDEuNDEzIDUuMTE0IDUuMTE0IDAgMCAxLTEuNjgzLjgwNyA3LjEzNSA3LjEzNSAwIDAgMS0xLjkyOC4yNTlIMFY0LjA4NGg2Ljk0N1ptLS4yMzUgMTIuOWMuMzA4LjAwNC42MTYtLjAyOS45MTYtLjA5OWEyLjE4IDIuMTggMCAwIDAgLjc2Ni0uMzMyYy4yMjgtLjE1OC40MTEtLjM3MS41MzQtLjYxOS4xNDItLjMxNy4yMDgtLjY2My4xOTEtMS4wMDlhMi4wOCAyLjA4IDAgMCAwLS42NDItMS43MTUgMi42MTggMi42MTggMCAwIDAtMS42OTYtLjUwNWgtMy41NHY0LjI3OWgzLjQ3MVptMTMuNjM1LTUuOTY3YTIuMTMgMi4xMyAwIDAgMC0xLjY1NC0uNjE5IDIuMzM2IDIuMzM2IDAgMCAwLTEuMTYzLjI1OSAyLjQ3NCAyLjQ3NCAwIDAgMC0uNzM4LjYyIDIuMzU5IDIuMzU5IDAgMCAwLS4zOTYuNzkyYy0uMDc0LjIzOS0uMTIuNDg1LS4xMzcuNzM0aDQuNzY5YTMuMjM5IDMuMjM5IDAgMCAwLS42NzktMS43ODVsLS4wMDItLjAwMVptLTEzLjgxMy0uNjQ4YTIuMjU0IDIuMjU0IDAgMCAwIDEuNDIzLS40MzNjLjM5OS0uMzU1LjYwNy0uODguNTYtMS40MTNhMS45MTYgMS45MTYgMCAwIDAtLjE3OC0uODkxIDEuMjk4IDEuMjk4IDAgMCAwLS40OTUtLjUzMyAxLjg1MSAxLjg1MSAwIDAgMC0uNzExLS4yNzQgMy45NjYgMy45NjYgMCAwIDAtLjgzNS0uMDczSDMuMjQxdjMuNjMxaDMuMjkzdi0uMDE0Wk0yMS42MiA1LjEyMmgtNS45NzZ2MS41MjdoNS45NzZWNS4xMjJaIi8+PC9zdmc+"); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE2Ljk2OSAxNi45MjdhMi41NjEgMi41NjEgMCAwIDAgMS45MDEuNjc3IDIuNTAxIDIuNTAxIDAgMCAwIDEuNTMxLS40NzVjLjM2Mi0uMjM1LjYzNi0uNTg0Ljc3OS0uOTloMi41ODVhNS4wOTEgNS4wOTEgMCAwIDEtMS45IDIuODk2IDUuMjkyIDUuMjkyIDAgMCAxLTMuMDkxLjg4IDUuODM5IDUuODM5IDAgMCAxLTIuMjg0LS40MzMgNC44NzEgNC44NzEgMCAwIDEtMS43MjMtMS4yMTEgNS42NTcgNS42NTcgMCAwIDEtMS4wOC0xLjg3NCA3LjA1NyA3LjA1NyAwIDAgMS0uMzgzLTIuMzkzYy0uMDA1LS44LjEyOS0xLjU5NS4zOTYtMi4zNDlhNS4zMTMgNS4zMTMgMCAwIDEgNS4wODgtMy42MDQgNC44NyA0Ljg3IDAgMCAxIDIuMzc2LjU2M2MuNjYxLjM2MiAxLjIzMS44NyAxLjY2OCAxLjQ4NWE2LjIgNi4yIDAgMCAxIC45NDMgMi4xMzNjLjE5NC44MjEuMjYzIDEuNjY2LjIwNSAyLjUwOGgtNy42OTljLS4wNjMuNzkuMTg0IDEuNTc0LjY4OCAyLjE4N1pNNi45NDcgNC4wODRhOC4wNjUgOC4wNjUgMCAwIDEgMS45MjguMTk4IDQuMjkgNC4yOSAwIDAgMSAxLjQ5LjYzOGMuNDE4LjMwMy43NDguNzExLjk1OCAxLjE4Mi4yNDEuNTc5LjM1NyAxLjIwMy4zNDEgMS44M2EzLjUwNiAzLjUwNiAwIDAgMS0uNTA2IDEuOTYxIDMuNzI2IDMuNzI2IDAgMCAxLTEuNTAzIDEuMjg3IDMuNTg4IDMuNTg4IDAgMCAxIDIuMDI3IDEuNDM3Yy40NjQuNzQ3LjY5NyAxLjYxNS42NyAyLjQ5NGE0LjU5MyA0LjU5MyAwIDAgMS0uNDIzIDIuMDMyIDMuOTQ1IDMuOTQ1IDAgMCAxLTEuMTYzIDEuNDEzIDUuMTE0IDUuMTE0IDAgMCAxLTEuNjgzLjgwNyA3LjEzNSA3LjEzNSAwIDAgMS0xLjkyOC4yNTlIMFY0LjA4NGg2Ljk0N1ptLS4yMzUgMTIuOWMuMzA4LjAwNC42MTYtLjAyOS45MTYtLjA5OWEyLjE4IDIuMTggMCAwIDAgLjc2Ni0uMzMyYy4yMjgtLjE1OC40MTEtLjM3MS41MzQtLjYxOS4xNDItLjMxNy4yMDgtLjY2My4xOTEtMS4wMDlhMi4wOCAyLjA4IDAgMCAwLS42NDItMS43MTUgMi42MTggMi42MTggMCAwIDAtMS42OTYtLjUwNWgtMy41NHY0LjI3OWgzLjQ3MVptMTMuNjM1LTUuOTY3YTIuMTMgMi4xMyAwIDAgMC0xLjY1NC0uNjE5IDIuMzM2IDIuMzM2IDAgMCAwLTEuMTYzLjI1OSAyLjQ3NCAyLjQ3NCAwIDAgMC0uNzM4LjYyIDIuMzU5IDIuMzU5IDAgMCAwLS4zOTYuNzkyYy0uMDc0LjIzOS0uMTIuNDg1LS4xMzcuNzM0aDQuNzY5YTMuMjM5IDMuMjM5IDAgMCAwLS42NzktMS43ODVsLS4wMDItLjAwMVptLTEzLjgxMy0uNjQ4YTIuMjU0IDIuMjU0IDAgMCAwIDEuNDIzLS40MzNjLjM5OS0uMzU1LjYwNy0uODguNTYtMS40MTNhMS45MTYgMS45MTYgMCAwIDAtLjE3OC0uODkxIDEuMjk4IDEuMjk4IDAgMCAwLS40OTUtLjUzMyAxLjg1MSAxLjg1MSAwIDAgMC0uNzExLS4yNzQgMy45NjYgMy45NjYgMCAwIDAtLjgzNS0uMDczSDMuMjQxdjMuNjMxaDMuMjkzdi0uMDE0Wk0yMS42MiA1LjEyMmgtNS45NzZ2MS41MjdoNS45NzZWNS4xMjJaIi8+PC9zdmc+"); }
.footer-outer .footer-social .LinkList li.icon-youtube a::before   { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIzLjQ5OCA2LjE4NmEzLjAxNiAzLjAxNiAwIDAgMC0yLjEyMi0yLjEzNkMxOS41MDUgMy41NDUgMTIgMy41NDUgMTIgMy41NDVzLTcuNTA1IDAtOS4zNzcuNTA1QTMuMDE3IDMuMDE3IDAgMCAwIC41MDIgNi4xODZDMCA4LjA3IDAgMTIgMCAxMnMwIDMuOTMuNTAyIDUuODE0YTMuMDE2IDMuMDE2IDAgMCAwIDIuMTIyIDIuMTM2YzEuODcxLjUwNSA5LjM3Ni41MDUgOS4zNzYuNTA1czcuNTA1IDAgOS4zNzctLjUwNWEzLjAxNSAzLjAxNSAwIDAgMCAyLjEyMi0yLjEzNkMyNCAxNS45MyAyNCAxMiAyNCAxMnMwLTMuOTMtLjUwMi01LjgxNHpNOS41NDUgMTUuNTY4VjguNDMyTDE1LjgxOCAxMmwtNi4yNzMgMy41Njh6Ii8+PC9zdmc+"); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIzLjQ5OCA2LjE4NmEzLjAxNiAzLjAxNiAwIDAgMC0yLjEyMi0yLjEzNkMxOS41MDUgMy41NDUgMTIgMy41NDUgMTIgMy41NDVzLTcuNTA1IDAtOS4zNzcuNTA1QTMuMDE3IDMuMDE3IDAgMCAwIC41MDIgNi4xODZDMCA4LjA3IDAgMTIgMCAxMnMwIDMuOTMuNTAyIDUuODE0YTMuMDE2IDMuMDE2IDAgMCAwIDIuMTIyIDIuMTM2YzEuODcxLjUwNSA5LjM3Ni41MDUgOS4zNzYuNTA1czcuNTA1IDAgOS4zNzctLjUwNWEzLjAxNSAzLjAxNSAwIDAgMCAyLjEyMi0yLjEzNkMyNCAxNS45MyAyNCAxMiAyNCAxMnMwLTMuOTMtLjUwMi01LjgxNHpNOS41NDUgMTUuNTY4VjguNDMyTDE1LjgxOCAxMmwtNi4yNzMgMy41Njh6Ii8+PC9zdmc+"); }
.footer-outer .footer-social .LinkList li.icon-quora a::before     { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcuMzc5OS45NDgzQTExLjk2MjggMTEuOTYyOCAwIDAgMSAyMS4yNDggMTkuNTM5N2wyLjQwOTYgMi40MjI1Yy43MzIyLjczNjIuMjEgMS45OTA1LS44MjcyIDEuOTkwNWwtMTAuNzEwNS4wMWExMi41MiAxMi41MiAwIDAgMS0uMzA0IDBoLS4wMkExMS45NjI4IDExLjk2MjggMCAwIDEgNy4zODE4Ljk1MDNabTcuMzIxNyA0LjQyOGE3LjE3MTcgNy4xNzE3IDAgMSAwLTUuNDg3MyAxMy4yNTEyIDcuMTcxNyA3LjE3MTcgMCAwIDAgNS40ODgzLTEzLjI1MTFaIi8+PC9zdmc+"); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcuMzc5OS45NDgzQTExLjk2MjggMTEuOTYyOCAwIDAgMSAyMS4yNDggMTkuNTM5N2wyLjQwOTYgMi40MjI1Yy43MzIyLjczNjIuMjEgMS45OTA1LS44MjcyIDEuOTkwNWwtMTAuNzEwNS4wMWExMi41MiAxMi41MiAwIDAgMS0uMzA0IDBoLS4wMkExMS45NjI4IDExLjk2MjggMCAwIDEgNy4zODE4Ljk1MDNabTcuMzIxNyA0LjQyOGE3LjE3MTcgNy4xNzE3IDAgMSAwLTUuNDg3MyAxMy4yNTEyIDcuMTcxNyA3LjE3MTcgMCAwIDAgNS40ODgzLTEzLjI1MTFaIi8+PC9zdmc+"); }
.footer-outer .footer-social .LinkList li.icon-reddit a::before    { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDBDNS4zNzMgMCAwIDUuMzczIDAgMTJjMCAzLjMxNCAxLjM0MyA2LjMxNCAzLjUxNSA4LjQ4NWwtMi4yODYgMi4yODZDLjc3NSAyMy4yMjUgMS4wOTcgMjQgMS43MzggMjRIMTJjNi42MjcgMCAxMi01LjM3MyAxMi0xMlMxOC42MjcgMCAxMiAwWm00LjM4OCAzLjE5OWMxLjEwNCAwIDEuOTk5Ljg5NSAxLjk5OSAxLjk5OSAwIDEuMTA1LS44OTUgMi0xLjk5OSAyLS45NDYgMC0xLjczOS0uNjU3LTEuOTQ3LTEuNTM5di4wMDJjLTEuMTQ3LjE2Mi0yLjAzMiAxLjE1LTIuMDMyIDIuMzQxdi4wMDdjMS43NzYuMDY3IDMuNC41NjcgNC42ODYgMS4zNjMuNDczLS4zNjMgMS4wNjQtLjU4IDEuNzA3LS41OCAxLjU0NyAwIDIuODAyIDEuMjU0IDIuODAyIDIuODAyIDAgMS4xMTctLjY1NSAyLjA4MS0xLjYwMSAyLjUzMS0uMDg4IDMuMjU2LTMuNjM3IDUuODc2LTcuOTk3IDUuODc2LTQuMzYxIDAtNy45MDUtMi42MTctNy45OTgtNS44Ny0uOTU0LS40NDctMS42MTQtMS40MTUtMS42MTQtMi41MzggMC0xLjU0OCAxLjI1NS0yLjgwMiAyLjgwMy0yLjgwMi42NDUgMCAxLjIzOS4yMTggMS43MTIuNTg1IDEuMjc1LS43OSAyLjg4MS0xLjI5MSA0LjY0LTEuMzY1di0uMDFjMC0xLjY2MyAxLjI2My0zLjAzNCAyLjg4LTMuMjA3LjE4OC0uOTExLjk5My0xLjU5NSAxLjk1OS0xLjU5NVptLTguMDg1IDguMzc2Yy0uNzg0IDAtMS40NTkuNzgtMS41MDYgMS43OTctLjA0NyAxLjAxNi42NCAxLjQyOSAxLjQyNiAxLjQyOS43ODYgMCAxLjM3MS0uMzY5IDEuNDE4LTEuMzg1LjA0Ny0xLjAxNy0uNTUzLTEuODQxLTEuMzM4LTEuODQxWm03LjQwNiAwYy0uNzg2IDAtMS4zODUuODI0LTEuMzM4IDEuODQxLjA0NyAxLjAxNy42MzQgMS4zODUgMS40MTggMS4zODUuNzg1IDAgMS40NzMtLjQxMyAxLjQyNi0xLjQyOS0uMDQ2LTEuMDE3LS43MjEtMS43OTctMS41MDYtMS43OTdabS0zLjcwMyA0LjAxM2MtLjk3NCAwLTEuOTA3LjA0OC0yLjc3LjEzNS0uMTQ3LjAxNS0uMjQxLjE2OC0uMTgzLjMwNS40ODMgMS4xNTQgMS42MjIgMS45NjQgMi45NTMgMS45NjQgMS4zMyAwIDIuNDctLjgxIDIuOTUzLTEuOTY0LjA1Ny0uMTM3LS4wMzctLjI5LS4xODQtLjMwNS0uODYzLS4wODctMS43OTUtLjEzNS0yLjc2OS0uMTM1WiIvPjwvc3ZnPg=="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDBDNS4zNzMgMCAwIDUuMzczIDAgMTJjMCAzLjMxNCAxLjM0MyA2LjMxNCAzLjUxNSA4LjQ4NWwtMi4yODYgMi4yODZDLjc3NSAyMy4yMjUgMS4wOTcgMjQgMS43MzggMjRIMTJjNi42MjcgMCAxMi01LjM3MyAxMi0xMlMxOC42MjcgMCAxMiAwWm00LjM4OCAzLjE5OWMxLjEwNCAwIDEuOTk5Ljg5NSAxLjk5OSAxLjk5OSAwIDEuMTA1LS44OTUgMi0xLjk5OSAyLS45NDYgMC0xLjczOS0uNjU3LTEuOTQ3LTEuNTM5di4wMDJjLTEuMTQ3LjE2Mi0yLjAzMiAxLjE1LTIuMDMyIDIuMzQxdi4wMDdjMS43NzYuMDY3IDMuNC41NjcgNC42ODYgMS4zNjMuNDczLS4zNjMgMS4wNjQtLjU4IDEuNzA3LS41OCAxLjU0NyAwIDIuODAyIDEuMjU0IDIuODAyIDIuODAyIDAgMS4xMTctLjY1NSAyLjA4MS0xLjYwMSAyLjUzMS0uMDg4IDMuMjU2LTMuNjM3IDUuODc2LTcuOTk3IDUuODc2LTQuMzYxIDAtNy45MDUtMi42MTctNy45OTgtNS44Ny0uOTU0LS40NDctMS42MTQtMS40MTUtMS42MTQtMi41MzggMC0xLjU0OCAxLjI1NS0yLjgwMiAyLjgwMy0yLjgwMi42NDUgMCAxLjIzOS4yMTggMS43MTIuNTg1IDEuMjc1LS43OSAyLjg4MS0xLjI5MSA0LjY0LTEuMzY1di0uMDFjMC0xLjY2MyAxLjI2My0zLjAzNCAyLjg4LTMuMjA3LjE4OC0uOTExLjk5My0xLjU5NSAxLjk1OS0xLjU5NVptLTguMDg1IDguMzc2Yy0uNzg0IDAtMS40NTkuNzgtMS41MDYgMS43OTctLjA0NyAxLjAxNi42NCAxLjQyOSAxLjQyNiAxLjQyOS43ODYgMCAxLjM3MS0uMzY5IDEuNDE4LTEuMzg1LjA0Ny0xLjAxNy0uNTUzLTEuODQxLTEuMzM4LTEuODQxWm03LjQwNiAwYy0uNzg2IDAtMS4zODUuODI0LTEuMzM4IDEuODQxLjA0NyAxLjAxNy42MzQgMS4zODUgMS40MTggMS4zODUuNzg1IDAgMS40NzMtLjQxMyAxLjQyNi0xLjQyOS0uMDQ2LTEuMDE3LS43MjEtMS43OTctMS41MDYtMS43OTdabS0zLjcwMyA0LjAxM2MtLjk3NCAwLTEuOTA3LjA0OC0yLjc3LjEzNS0uMTQ3LjAxNS0uMjQxLjE2OC0uMTgzLjMwNS40ODMgMS4xNTQgMS42MjIgMS45NjQgMi45NTMgMS45NjQgMS4zMyAwIDIuNDctLjgxIDIuOTUzLTEuOTY0LjA1Ny0uMTM3LS4wMzctLjI5LS4xODQtLjMwNS0uODYzLS4wODctMS43OTUtLjEzNS0yLjc2OS0uMTM1WiIvPjwvc3ZnPg=="); }


/* RTL
--------------------------------------------------- */
html[dir='rtl'] .header-content .toggle-menu span svg {
  margin-right: 0;
  margin-left: var(--space-15);
}
html[dir='rtl'] .header-content .toggle-search span svg {
  margin-left: 0;
  margin-right: var(--space-10);
}
html[dir='rtl'] .FeaturedPost .widget-content .post-content .post-outer-container {
  right: auto;
  left: 0;
}
html[dir='rtl'] .FeaturedPost .post-text .jump-link a {
  padding: var(--space-8) var(--space-20) var(--space-8) var(--space-40)
}
html[dir='rtl'] .FeaturedPost .post-text .jump-link svg {
  transform: translateY(-50%) scaleX(-1);
  left: 20px;
  right: auto;
}
html[dir='rtl'] .blog-pager a strong {
  padding-right: 0;
  padding-left: var(--space-30);
}
html[dir='rtl'] .blog-pager a strong svg {
  transform: translateY(-50%) scaleX(-1);
  right: auto;
  left: 0;
}
html[dir='rtl'] .blog-pager a.blog-pager-newer-link strong {
  padding-right: var(--space-30);
  padding-left: 0;
}
html[dir='rtl'] .blog-pager a.blog-pager-newer-link strong svg {
  right: 0;
  left: auto;
}
html[dir='rtl'] .post-heading .post-author {
  padding-right: 0;
  padding-left: var(--space-40);
  margin-right: 0;
  margin-left: var(--space-15);
}
html[dir='rtl'] .post-heading .post-author::after {
  left: 0;
  right: auto;
}
html[dir='rtl'] .post-body ul,
html[dir='rtl'] .post-body ol {
  margin-right: 1.5rem;
  margin-left: 0;
}
html[dir='rtl'] .post-footer .byline {
  margin-right: 0;
  margin-left: var(--space-20);
}
html[dir='rtl'] .page-pager {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}
html[dir='rtl'] .page-pager a {
  text-align: left;
}
html[dir='rtl'] .page-pager a.blog-pager-newer-link {
  text-align: right;
}
html[dir='rtl'] .post-footer .author-profile {
  padding: var(--space-30) var(--space-110) var(--space-30) var(--space-30)
}
html[dir='rtl'] .post-footer .author-profile .post-author-img {
  left: auto;
  right: 30px;
}
html[dir='rtl'] .comment-thread .comment {
  padding-left: 0;
  padding-right: var(--space-55);
}
html[dir='rtl'] .comment-thread .avatar-image-container {
  right: 0;
  left: auto;
}
html[dir='rtl'] .comments .comment-header .user {
  margin-right: 0;
  margin-left: var(--space-15);
}
html[dir='rtl'] .ContactForm .contact-form-widget .contact-form-button {
  float: right;
}


/* Responsive
--------------------------------------------------- */
@media screen and (max-width: 1120px) {
  .page-pager {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .FeaturedPost .widget-content .post-content .hero-thumb {
    padding-bottom: 100%;
  }
  .FeaturedPost .widget-content .post-content .thumb-link {
    width: 100%;
  }
  .FeaturedPost .widget-content .post-content .post-outer-container {
    max-width: 100%;
    position: static;
    transform: none;
    padding: var(--space-30);
  }
}
@media screen and (max-width: 720px) {
  body {
    font-size: 14px;
    line-height: 150%;
  }
  .homepage-view .blog-posts .post-outer-container {
    width: 100%;
    margin-bottom: var(--space-15);
  }
  .sidebar-inner .sidebar-content,
  .sidebar-inner .sidebar#footer-row-center {
    flex-wrap: wrap;
    margin-bottom: var(--space-30);
  }
  .sidebar-inner .sidebar,
  .sidebar-inner .sidebar#footer-row-left,
  .sidebar-inner .sidebar#footer-row-right,
  .sidebar-inner .sidebar#footer-row-center {
    width: 100%;
    margin-bottom: var(--space-60);
  }
  .sidebar-inner .sidebar#footer-row-right {
    margin-bottom: 0;
  }
  .item-view .post-outer-container .post-title,
  .item-view .post-body h1 {
    font-size: 2.6rem;
    line-height: 120%;
  }
  .header-content .toggle-all span {
    display: block;
    width: 26px;
    height: 26px;
    overflow: hidden;
    text-indent: 500px;
    position: relative;
  }
  .header-content .toggle-menu span {
    text-indent 1000px;
  }
  .header-content .toggle-menu span svg,
  .header-content .toggle-search span svg {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .header-menu ul li {
    margin: var(--space-15);
    display: block;
  }
  .header-search .BlogSearch .widget-content {
    padding: 0;
  }
  .header-search .BlogSearch form {
    display: block;
    margin: 0;
  }
  .header-search .BlogSearch form input,
  .header-search .BlogSearch form button {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .header-search .BlogSearch form button {
    width: 100%;
    margin-top: var(--space-30);
  }
  .featuredpost-outer .widget {
    margin-bottom: var(--space-60);
  }
  .related-posts-outer .related-post-item {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: var(--space-15);
  }
  .related-posts-outer .related-post-item h5 {
    margin-bottom: 0;
  }
  .related-posts-outer .related-post-item figure {
    width: 120px;
    height: 120px;
    margin-right: var(--space-15);
    margin-bottom: 0;
  }
  .related-posts-outer .related-post-item figure img {
    width: 120px;
    height: auto;
  }
}

	
/* ===== Diary: list + sidebar ===== */
.diary-layout { display: flex; gap: 50px; align-items: flex-start; }
.diary-main { flex: 1 1 auto; min-width: 0; }
.diary-sidebar { flex: 0 0 300px; width: 300px; }
.diary-list { margin: 0; padding: 0; list-style: none; }
.diary-item { display: flex; gap: 24px; padding: 24px 0; border-bottom: 1px solid #dddddd; }
.diary-item:first-child { padding-top: 0; }
.diary-thumb { flex: 0 0 120px; width: 120px; height: 120px; background-size: cover; background-position: center; border-radius: 4px; display: block; }
.diary-entry { flex: 1 1 auto; min-width: 0; }
.diary-meta { font-size: .8em; color: #555555; margin-bottom: 6px; text-transform: uppercase; letter-spacing: .04em; }
.diary-title { font-family: 'Spartan', Sans-serif; font-weight: 700; font-size: 1.5em; line-height: 1.25; margin: 0 0 8px; }
.diary-title a { color: #111111; text-decoration: none; }
.diary-title a:hover { color: #EF8949; }
.diary-desc { color: #444444; margin: 0; }
.sidebar-card { background: #F6EEEA; padding: 30px; margin-bottom: 30px; }
.sidebar-about { text-align: center; }
.sidebar-avatar { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; margin: 0 auto 16px; display: block; }
.sidebar-intro { color: #333333; font-size: .95em; line-height: 1.6; margin: 0 0 18px; }
.sidebar-contact-btn { display: inline-block; background: #111111; color: #ffffff; text-decoration: none; font-weight: 700; padding: 10px 26px; }
.sidebar-contact-btn:hover { background: #EF8949; }
.sidebar-popular h3 { font-family: 'Spartan', Sans-serif; font-weight: 700; font-size: 1.1em; margin: 0 0 16px; color: #111111; }
.sidebar-popular ul { margin: 0; padding: 0; list-style: none; }
.sidebar-popular li { margin-bottom: 14px; }
.sidebar-popular a { display: flex; gap: 12px; align-items: center; text-decoration: none; color: #111111; }
.pop-thumb { flex: 0 0 56px; width: 56px; height: 56px; background: #dddddd; background-size: cover; background-position: center; border-radius: 4px; }
.pop-name { font-size: .9em; line-height: 1.3; font-weight: 700; }
.sidebar-popular a:hover .pop-name { color: #EF8949; }
@media (max-width: 900px) { .diary-layout { flex-direction: column; gap: 40px; } .diary-sidebar { flex-basis: auto; width: 100%; } }
@media (max-width: 500px) { .diary-item { gap: 16px; } .diary-thumb { flex-basis: 90px; width: 90px; height: 90px; } }