.postlist { counter-reset: start-from 13 }
/* Defaults */
:root {
	--font-family: -apple-system, system-ui, sans-serif;
	--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
}

/* Theme colors */
:root {
	--color-gray-20: #e0e0e0;
	--color-gray-50: #C0C0C0;
	--color-gray-90: #333;

	--background-color: #fff;

	--text-color: var(--color-gray-90);
	--text-color-link: #082840;

	--syntax-tab-size: 2;
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-gray-20: #e0e0e0;
		--color-gray-50: #C0C0C0;
		--color-gray-90: #dad8d8;

		/* --text-color is assigned to --color-gray-_ above */
		--text-color-link: #1493fb;

		--background-color: #15202b;
	}
}


/* Global stylesheet */
* {
	box-sizing: border-box;
}

.container,.container-fluid{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-xs{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-xs{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media only screen and (min-width:48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-11{margin-left:91.66666667%}.start-sm{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-sm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-sm{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-sm{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-sm{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-sm{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-sm{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-sm{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:64em){.container{width:65rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.start-md{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-md{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-md{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-md{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-md{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-md{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-md{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-md{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:75em){.container{width:76rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.start-lg{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-lg{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-lg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-lg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-lg{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-lg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-lg{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-lg{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}

html {
	-webkit-text-size-adjust: 100%;
}
html,
body {
	padding: 0;
	margin: 0 auto;
	font-family: var(--font-family);
	color: var(--text-color);
	background-color: var(--background-color);
}
body {
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
html {
	overflow-y: scroll;
}

/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

p:last-child {
	margin-bottom: 0;
}
p {
	line-height: 1.5;
	letter-spacing: -0.003em;
	line-height: 32px;
	margin-top: 2em;
	font-size: 18px;
	margin-bottom: -0.46em;
}

li {
	line-height: 1.5;
}

a[href] {
	color: var(--text-color-link);
}

header {
	border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
	content: "";
	display: table;
	clear: both;
}

.links-nextprev {
	list-style: none;
	border-top: 1px dashed var(--color-gray-20);
	padding: 1em 0;
}

table {
	margin: 1em 0;
}
table td,
table th {
	padding-right: 1em;
}

pre,
code {
	font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
	margin: .5em 0;
	line-height: 1.375; /* 22px /16 */
	-moz-tab-size: var(--syntax-tab-size);
	-o-tab-size: var(--syntax-tab-size);
	tab-size: var(--syntax-tab-size);
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
}
code {
	word-break: break-all;
}

/* Header */
header {
	display: flex;
	gap: 1em 0;
	flex-wrap: wrap;
	align-items: center;
	padding: 1em;
}
.home-link {
	font-size: 1em; /* 16px /16 */
	font-weight: 700;
	margin-right: 2em;
}
.home-link:link:not(:hover) {
	text-decoration: none;
}
.container-inner {
	max-width: 600px;
	padding-top:80px;
	padding-bottom:80px;
}
.blog-container {
	padding-top:80px;
	padding-bottom:80px;
}
/* Nav */
.nav {
	display: flex;
	padding: 0;
	margin: 0;
	list-style: none;
}
.nav-item {
	display: inline-block;
	margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
	text-decoration: none;
}
.nav a[href][aria-current="page"] {
	text-decoration: underline;
}

/* Posts list */
.postlist {
	list-style: none;
	padding: 0;
	padding-left: 1.5rem;
}
.postlist-item {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	counter-increment: start-from -1;
	margin-bottom: 1em;
}
.postlist-item:before {
	display: inline-block;
	pointer-events: none;
	content: "" counter(start-from, decimal-leading-zero) ". ";
	line-height: 100%;
	text-align: right;
	margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
	font-size: 0.8125em; /* 13px /16 */
	color: var(--color-gray-90);
}
.postlist-date {
	word-spacing: -0.5px;
}
.postlist-link {
	font-size: 1.1875em; /* 19px /16 */
	font-weight: 700;
	flex-basis: calc(100% - 1.5rem);
	padding-left: .25em;
	padding-right: .5em;
	text-underline-position: from-font;
	text-underline-offset: 0;
	text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
	font-weight: bold;
}

/* Tags */
.post-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	font-style: italic;
}
.postlist-item > .post-tag {
	align-self: center;
}

/* Tags list */
.post-metadata {
	display: inline-flex;
	flex-wrap: wrap;
	gap: .5em;
	list-style: none;
	padding: 0;
	margin: 0;
}
.post-metadata time {
	margin-right: 1em;
}

/* Direct Links / Markdown Headers */
.header-anchor {
	text-decoration: none;
	font-style: normal;
	font-size: 1em;
	margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
	color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
	text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
	color: #aaa;
}

h2 + .header-anchor {
	font-size: 1.5em;
}

#features i {
            font-size: 38px
        }

        .faq-answer.open {
            transition: max-height .3s ease-in-out
        }
        .supertop {
    margin-bottom:50px;
        }
        .supertop a {
            color:#000;
            text-decoration: none;
        }
        body,
        input,
        select,
        textarea {
            font-family: Poppins, sans-serif
        }

        body {
            line-height: 1.6;
            margin: 0;
            padding: 0;
            background-color: #f9f9f9;
            color: #333
        }

        img {
            max-width: 100%
        }

        a {
            cursor: pointer
        }

        .logo {
            width: 100px;
            margin-bottom: 20px;
            margin-top:50px;
        }

        h1 {
            font-weight: 600;
            font-size: 36px
        }

        .subheading {
            font-size: 18px;
            font-weight: 400
        }
        header .row {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

        section {
            padding: 100px 0
        }

        .colored-section {
            background: #e9eae5
        }

        .heading-group {
            margin: 50px 0 40px
        }

        h2 {
            font-size: 28px
        }

        .heading-group-inner {
            margin-bottom: 80px
        }

        .faq-item {
            margin-bottom: 20px;
            padding: 18px 30px;
            border-radius: 10px;
            background-color: #fff;
            box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .03);
            text-align: left;
            cursor: pointer
        }

        .faq-inner {
            margin: 0 auto
        }

        h4.faq-question {
            display: block;
            font-size: 16px;
            font-weight: 600;
            margin: 0
        }

        .faq-answer {
            display: none;
            overflow: hidden;
            padding-top: 10px;
            border-radius: 5px;
            margin-top: .5rem
        }

        .faq-answer.open {
            display: block;
            max-height: 1000px
        }

        .flex-question {
            display: flex;
            flex-wrap: inherit;
            align-content: center;
            justify-content: space-between
        }

        i.fa-solid.fa-chevron-down {
            align-self: center;
            font-size: 18px
        }

        .fa-chevron-down {
            transition: transform .3s ease-in-out
        }

        .fa-chevron-down.rotate {
            transform: rotate(180deg)
        }

        input,
        select,
        textarea {
            width: 100%;
            padding: 12px;
            border: 2px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
            margin-top: 6px;
            margin-bottom: 16px;
            resize: vertical
        }

        input:focus,
        textarea:focus {
            outline: 0 !important;
            border: 2px solid #585858 !important
        }

        button[type=submit] {
            background: 0 0;
            color: # d5d5d;
            border: 2px solid #585858;
            height: 50px;
            width: 100px;
            letter-spacing: 1px;
            border-radius: 4px
        }

        #footer,
        .footer-menu a {
            color: #f8f6f5
        }

        button[type=submit]:hover {
            background: #f2b78d4f;
            border-color: rgba(0, 0, 0, .5)
        }

        .error-message,
        .success-message {
            display: none;
            margin-top: 10px;
            font-size: 12px
        }

        .success-message {
            color: green
        }

        .error-message {
            color: red
        }

        .btn {
            background: #000;
            margin: 60px auto 0;
            color: #fff;
            border: none;
            width: auto;
            padding: 12px 14px;
            letter-spacing: .2px;
            border-radius: 4px;
            text-decoration: none;
            box-shadow: none;
            text-shadow: none;
            cursor: pointer;
            font-weight: 600;
            text-transform: uppercase
        }

        header .btn {
            margin-bottom: 15px;
            margin-top: 0
        }
        .paddown {
        	padding-bottom:40px;
        }
        a.btn,
        .btn a {
        	color:#fff;
        }
        #footer {
            background: #1a1a1a;
            padding-bottom:50px;
        }

        .footer-menu {
            list-style: none
        }

        #footer i {
            font-size: 16px;
            margin-right: 6px
        }

        #footer h4 {
            font-size: 20px
        }
        #footer .col-xs-12 {
        	margin-top:50px;
        }
        a.white {
            color: #fff
        }

        .half-img {
            width: 70%
        }

       
        .text-right {
            text-align: right
        }

        .text-center {
            text-align: center
        }

        .text-left {
            text-align: left
        }

        @media (min-width:769px) {
            .mtop {
                margin-top: 50px
            }
            .faq-inner {
                width: 60%
            }
        }

        .share {
          display: flex;
          gap: 10px;
        }

        p.share {
        	font-weight: 700;
        	border-top:1px dashed #ccc;
        	padding-top:20px;
        	margin-top:50px;
        }
        .share a {
        	color:#FFF;
        }
        .share-twitter, .share-facebook {
          padding: 10px 15px;
          color: white;
          border-radius: 5px;
          text-decoration: none;
          cursor: pointer;
        }

        .share-twitter:hover, .share-facebook:hover {
          opacity: 0.8;
        }

        .share-twitter {
          background-color: #1DA1F2;
        }

        .share-facebook {
          background-color: #1877F2;
        }

        .share-linkedin {
          background-color: #0077B5;
          padding: 10px 15px;
          color: white;
          border-radius: 5px;
          text-decoration: none;
          cursor: pointer;
        }

        .share-linkedin:hover {
          opacity: 0.8;
        }

        @media (max-width:768px) {
        	.col-xs-12 {
        		margin-bottom:50px;
        	}
        	.top-margin-140 {
        		margin-top:0 !important;
        	}
        	.mobile-left {
        		width: 100%;
        		text-align: left;
        		padding-right: 50px;
        		margin-top: 0 !important;
        	}
        	blockquote {
        		width: 100% !important;
        	}
        	.share {
        		flex-direction: column;
        		text-align: center;
        	}
            .container {
                padding: 20px
            }
            #about {
                margin-top: 0
            }
            #about img {
                margin-top: 50px
            }
            section {
                padding: 60px 0
            }
            #testimonials .row.middle-md.center-md {
                flex-direction: column-reverse
            }
            h1 {
                font-size: 28px
            }
            #footer .text-center,
            #footer .text-right {
                text-align: left !important
            }
            #footer ul {
                margin: 0;
                padding: 0
            }
            #footer ul li {
                margin-bottom: 10px
            }
            img {
                height: auto
            }
            .logo,
            .home-link {
            	padding:0;
            	margin:0;
            }
        }

.author-image {
	border-radius:50%;
}
.author {
	display: flex;
	gap:5px;
	    align-items: center;
}
.posted-on,
.author {
	font-size: 14px;
    color: #626262;
}
.author img {
	margin-right: 5px;
}
.post-metadata {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	border-bottom: 1px dashed #ccc;
	margin-bottom:40px;
}


}
.cols {
	flex-direction: column;
}
.post-metadata ul {
	list-style: none;
	margin:0;
	padding:00;
}
.post-metadata a {
	    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    color: #000;
}

.eleventy-post-left {
width:30%;
}
.eleventy-post-right {
margin-left:30px;
	width:calc(70% - 30px);
}
.eleventy-post-image {
 flex-shrink: 0;
 display: flex;
 flex-direction: column;
}

.eleventy-post {
	display: flex;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 80px;
    background: #ffffff7d;
    padding: 30px;
    border-radius: 10px;
}
.eleventy-post-title {
  font-size: 24px;
  line-height: 1.2em;
  color: var(--color-primary) !important;
  font-weight: 700;
  margin-bottom: 2rem;
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  margin-top:50px;
}
.grid-container-inner-page {
	display: block;
}
.eleventy-post a {
	text-decoration: none;
}
p.datetag {
    text-transform: uppercase;
    font-size: 13px;
    color: #6e6e6e;
}
a.eleventy-read-more {
	font-weight: 700;
	color:#000;
}
.eleventy-post img {
	border-radius:10px;
}

@media (min-width: 768px) {
  .grid-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}


img {
	height:auto;
}



img.small-logo {
    width: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

.content-small-img {
	width: 100px;
}

.supplement {
	display: flex;
	flex-direction: row-reverse;
	gap: 50px;
}
.supplement > div:first-child {
	width: 20%;
}
.supplement > div:last-child {
	width: 80%;
}


blockquote {
  font-weight: 400;
  letter-spacing: 1.5px;
  font-style: normal;
  font-size: 30px;
  line-height: 1.25em;
  text-transform: uppercase;
  color: #A32B68;
  margin: 10px -15% 10px 20px;
  background: -webkit-linear-gradient(top, #fd0b58 0px, #a32b68 100%);
  background: linear-gradient(top, #fd0b58 0px, #a32b68 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top:50px;
}
blockquote:before {
  content: "";
}
blockquote:after {
  content: "";
}

.top-margin-140 {
	margin-top:140px;
}
.feature-icon {
	width: 100px;
}
.pad-right-img {
	padding-right:40px;
}
.features .col-md-4 {
	padding-left:40px;
	padding-right: 40px;
}
body:not(.home) h3 {
	margin-top:40px;
}
h3 {
	font-size:24px;
}
.callout-box {
	background: #ffefe4;
    padding: 30px;
    border-radius: 10px;
    margin: 50px 0;
}
.callout-box h3 {
    margin-top: 0 !important;
    font-size:20px;
}
.disclaimer {
	margin-top:20px;
}
.features h3 {
	font-size:20px;
}
strong {
	font-weight: 800;
}
.share {
	margin-top:25px;
}