/* Splished.com custom CSS, built to be used with the Source theme by Ghost.org
/* ------------------------------------------------------------
*/
.gh-navigation.has-accent-color {
    background: linear-gradient(90deg, rgba(72, 70, 207, 1) 0%, rgba(68, 65, 202, 1) 50%, rgba(72, 70, 207, 1) 100%);
    box-shadow: 0 0 40px -10px #0d0b7c;
    border-bottom: 1px solid #d3d2ff;
}

.gh-footer.has-accent-color {
    background: linear-gradient(90deg, rgba(90, 88, 214, 1) 0%, rgba(68, 65, 202, 1) 50%, rgba(68, 65, 202, 1) 100%);
}

.gh-header.is-classic.has-image {
    box-shadow: -100px 0 30px -15px;
    border-bottom: 1px solid #fff;
}

h1.gh-header-title.is-title {
    text-shadow: 0 3px 0 #131623;
}

.gh-header.is-classic.has-image .gh-form {
    border: 1px solid #4966a7;
    box-shadow: 0 0 8px -1px #9290f1;
}

.gh-header.is-classic.has-image .gh-form input.gh-form-input {
    font-weight: normal;
}

#founderLine {
    font-size: 1.5rem;
    font-style: italic;
    font-weight: normal;
    font-family: 'Inter';
}

.post-template .gh-article-author-image a {
    box-shadow: 0 02px 10px -4px #000;
    padding: 0;
    border: 1px solid;
}

.author-template #founderLine {
    font-size: 2rem;
}

.aff-disclose {
    margin-top: 1rem;
    font-size: 1.3rem;
    font-family: monospace;
    text-align: center;
    border-top: 1px dashed rgba(0 0 0 / 8%);
    border-bottom: 1px dashed rgba(0 0 0 / 8%);
    font-style: italic;
    grid-column: wide;
    position: relative;
    top: 10px;
    background: #fbfbfb;
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(251, 251, 251, 1) 33%, rgba(251, 251, 251, 1) 66%, rgba(255, 255, 255, 1) 100%);
}

.aff-disclose a {
    color: #494deb;
}

a.archive-page {
    font-size: 3rem;
}

.gh-powered-by,
.gh-portal-powered {
    display: none;
     !important
}

div#ghost-portal-root>div:first-child {
    height: calc(100% + 55px) !important;
}

footer.gh-footer.has-accent-color.gh-outer {
    box-shadow: 0 0 30px -13px #000;
    border-top: 1px solid #fff;
}

span.footer-prefix {
    font-size: 1.4rem;
    font-weight: normal;
}

.gh-footer-menu li a {
    font-weight: normal;
    font-size: 1.4rem;
}

span.gh-footer-logo.is-title {
    text-transform: uppercase;
}

#supportSplished {
    font-size: 1.6rem;
    text-transform: none;
    letter-spacing: -1px;
    word-spacing: -3px;
    top: -8px;
    position: relative;
    font-weight: normal;
    left: -1px;
    font-style: italic;
}

#supportSplished a {
    font-weight: bold;
    text-decoration: underline;
}

.gh-footer-signup-header {
    text-shadow: 1px 0 3px #000000;
}

h2.gh-container-title {
    font-size: 2rem;
    color: #474747;
}

.gh-archive.has-image .gh-archive-inner {
    background: rgb(229 229 229 / 20%);
    margin-top: -40px;
    padding-left: 25px;
    padding-bottom: 0;
    border-bottom: 0;
}

.tag-template.tag-videos .gh-archive.has-image .gh-archive-inner {
    margin-top: -40px;
    border-top: 4px solid #fe0000;
    box-shadow: 0 0 7px -3px #000;
}

.gh-navigation-logo.is-title img {
    box-shadow: 2px 2px 7px -1px #0e0b81;
    padding: 6px;
    border-radius: 30px;
    border: 1px solid #18158b;
}

.gh-navigation-logo img {
    max-height: 54px;
}

.gh-card-title {
    color: #104d9b;
}

.tag-template.tag-videos .gh-card-title {
    color: #9b102f;
}

.tag-template.tag-videos .gh-container:not(.has-sidebar) :is(.gh-container-title, .gh-main, .gh-more) {
    grid-column: 3 / span 12;
}

.post-template .author-bio {
    font-size: 1.3rem;
}

.post-template time.gh-article-meta-date {
    font-weight: normal;
}

.post-template .gh-article-author-name {
    font-weight: normal;
    font-family: 'Fira Sans', sans-serif;
}

::selection {
    background-color: #cfd7fd;
    color: #333;
}

.gradient-flash {
    /* Set the initial gradient background */
    background: linear-gradient(to right, #ffde00, #ffd200, #9cff00, #00ff78);
    /* Adjust background size to allow for animation movement */
    background-size: 400% 100%;
    /* Clip the background to the text shape */
    -webkit-background-clip: text;
    /* For Webkit browsers */
    background-clip: text;
    /* Make the text transparent to reveal the background */
    -webkit-text-fill-color: transparent;
    /* For Webkit browsers */
    color: transparent;
    /* Fallback for other browsers */
    /* Apply the animation */
    animation: flashGradient 4s linear infinite;
}

@keyframes flashGradient {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

li.nav-current a {
    opacity: 0.7;
    font-style: italic;
}

.home-template .gh-card-image img,
body.tag-videos .gh-card-image img {
    border: 1px solid rgba(0 0 0 / 60%);
    box-shadow: 0 0 4px 0 rgba(0 0 0 / 60%);
}

a.gh-card-link:hover img {
    opacity: 0.9;
    transition: 0.1s opacity;
    box-shadow: 2px 4px 8px -3px rgb(78 78 78 / 80%);
}

.gh-card.post footer.gh-card-meta {
    font-family: monospace;
    font-style: italic;
    text-shadow: 1px 0 0 #eee;
}

figure figcaption {
    opacity: 0.85;
    font-style: italic;
}

figcaption a {
    font-weight: bold;
}

.gh-card.post footer.gh-card-meta:not(:empty) {
    margin-top: 18px;
}

.gh-container.is-grid .gh-feed .gh-card .gh-card-meta {
    text-align: center;
}

.gh-card-link:hover {
    transition: 0.1s opacity;
}

.post-template .gh-article-image img {
    box-shadow: 0 0 10px -3px #000;
    border-radius: 20px;
    border: 1px solid rgba(255 255 255 / 40%);
}

a.gh-button.gh-portal-close {
    border-top-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
}

section.gh-about {
    border: 1px solid rgba(0 0 0 / 20%);
    box-shadow: 0 4px 8px -3px rgba(0 0 0 / 30%);
}

.gh-about-title.is-title {
    font-style: italic;
    text-transform: uppercase;
    color: #3777a7;
}

button.gh-button.gh-portal-close {
    border-radius: 30px !important;
    font-weight: normal;
    box-shadow: 0 0 4px -1px #000;
    border: 1px solid #ffffff;
    text-transform: uppercase;
}

.gh-about-description {
    font-size: 1.55rem;
}

.gh-announcement-bar button {
    border: 1px solid;
    border-radius: 30px;
}

article.gh-card.post.featured {
    background: #f5f2ff;
    padding: 10px;
}

.post.featured .gh-card-title {
    color: #910ce1;
}

.kg-bookmark-card a.kg-bookmark-container {
    background: rgb(247 247 247 / 80%) !important;
    box-shadow: 0 0 8px #e3e3e3;
}

.kg-bookmark-card .kg-bookmark-description {
    font-family: 'Fira Mono';
}

.kg-bookmark-card .kg-bookmark-title {
    font-size: 22px;
    font-weight: 300;
    font-style: italic;
    font-family: 'Fira Mono';
}

.kg-bookmark-card a.kg-bookmark-container:hover {
    opacity: 0.9;
}

.shareToSocials {
    margin-top: 8rem;
    text-align: center;
}

.shareToSocials span {
	display: inline-block;
	margin-right: 1rem;
	border-bottom: 1px solid rgb(0 0 0 / 12%);
	margin-bottom: 12px;
	font-style: italic;
	color: #4a4a4a;
	font-family: 'Inter';
}

.shareToSocials a {
    display: inline-block;
    transition: all 0.3s;
    margin: 0 0.25rem;
}

.shareToSocials a:hover {
    transform: scale(1.1);
    box-shadow: 0 0 9px -3px #000;
}

.shareToSocials a {
    background: #ececec59;
    padding: 6px;
    border-radius: 30px;
    border: 1px solid #81818159;
}

img.gh-article-image {
    border: 1px solid;
    box-shadow: 0 0 4px -1px #000;
}

.author-template h1.gh-article-title.is-title a {
	color: #20569d;
	text-shadow: 0 1px 0 #bdbdbd;
	font-size: 1.3rem;
	font-weight: 300;
	margin-left: 4px;
	top: -1px;
	position: relative;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	max-height: 16px;
}

footer a.gh-author-social-link {
    background: #f5f5f5;
    border-radius: 25px;
    padding: 3px;
}

section.gh-archive.gh-inner {
    border: 1px solid #0000001f;
    padding-top: 60px;
    box-shadow: 0 0 28px -19px #000000;
    margin-top: -1px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.gh-author-location {
    font-weight: normal;
    font-style: italic;
}

.author-template .gh-archive-inner {
    border-bottom: 0;
}

@media (max-width: 1199px) {
    .gh-archive {
        padding: 0 30px;
    }
}

/* dark mode cleanup */

.has-light-text section.gh-archive.gh-inner {
    border: 1px solid #ffffff12;
}

.has-light-text footer a.gh-author-social-link {
    background: #303030;
}

.has-light-text .author-template h1.gh-article-title.is-title a {
    color: #677be7;
    text-shadow: none;
}

.has-light-text .shareToSocials span {
    border-bottom: 1px solid rgb(255 255 255 / 12%);
    color: #cdcdcd;
}

.has-light-text #URLshareButton svg {
    filter: brightness(1.3);
}

.has-light-text .shareToSocials a {
    background: #222222;
}

.has-light-text .kg-bookmark-card a.kg-bookmark-container {
    background: #060606 !important;
    border: 1px solid #1e1e1e;
    box-shadow: 0 0 8px #000;
}

.has-light-text article.gh-card.post.featured {
    background: #2a4036;
}

.has-light-text .post.featured .gh-card-title {
    color: #ff7800;
}

.has-light-text .aff-disclose {
    background: #121212;
    background: radial-gradient(circle, rgb(16 16 16) 0%, rgb(24 24 24) 33%, rgb(16 16 16) 66%, rgb(14 14 14) 100%);
    border-top: 1px dashed rgb(255 255 255 / 8%);
    border-bottom: 1px dashed rgba(255 255 255 / 8%);
}

.has-light-text .gh-navigation.has-accent-color {
    border-bottom: 1px solid #7082c3;
    box-shadow: 0 0 56px -14px #000000;
}

.has-light-text .gh-content a:not(.kg-bookmark-container),
.has-light-text a.gh-article-tag,
.has-light-text .aff-disclose a,
.has-light-text figcaption a,
.has-light-text .openComments a {
    filter: brightness(200%);
}

.has-light-text .gh-card-title {
    filter: brightness(180%);
}

.has-light-text h2.gh-container-title {
    color: #bbbbbb;
}

.has-light-text footer.gh-footer.has-accent-color.gh-outer {
    border-top: 1px solid #7082c3;
}

.has-light-text .gh-navigation.has-accent-color,
.has-light-text footer.gh-footer.has-accent-color.gh-outer {
    filter: brightness(0.9);
}

.has-light-text .gh-header.is-classic.has-image {
    border-bottom: 1px solid #444444;
}

.has-light-text body.tag-videos a.gh-card-link:hover img {
    box-shadow: 2px 4px 8px 0 rgb(78 78 78 / 80%);
    transition: 0.1s box-shadow;
}

.has-light-text .gh-card-date {
    text-shadow: 0 1px 0 #000;
}

.has-light-text .gh-header.is-classic.has-image {
    box-shadow: -100px 0 30px -15px #626262;
}

.has-light-text .home-template .gh-card-image img,
.has-light-text body.tag-videos .gh-card-image img {
    border: 1px solid rgba(255 255 255 / 60%);
}

.has-light-text section.gh-about {
    border: 1px solid rgba(255 255 255 / 20%);
}

.has-light-text .tag-template.tag-videos .gh-archive.has-image .gh-archive-inner {
    border: 1px solid #ffffff14;
    box-shadow: 0 0 20px -3px #000;
}

.author-template .gh-article-excerpt,
.post-template .author-bio {
    font-weight: normal;
    font-family: 'Fira Mono';
}

/* end dark mode cleanup */

/* light and dark mode theme switch */

/* Define text color based on class */

.has-light-text {
    color: #ffffff;
    /* Text color for light text */
}

.has-dark-text {
    color: #000000;
    /* Text color for dark text */
}

/* Define background colors based on dark-mode class */

body.dark-mode {
    --background-color: #191919;
    /* Dark background */
}

body:not(.dark-mode) {
    --background-color: #ffffff;
    /* Light background */
}

/* Additional styling for the floating button */

.theme-switch-button {
    position: fixed;
    /* Float button */
    top: 52px;
    /* Position from top */
    right: 8px;
    /* Position from right */
    z-index: 1000;
    /* Make sure it appears above other elements */
    background-color: transparent;
    /* Transparent background */
    border: none;
    /* No border */
    cursor: pointer;
    /* Pointer cursor on hover */
    padding: 6px;
    /* Button padding */
    transition: 0.1s background-color;
    border-radius: 30px;
}

.theme-switch-button:hover {
    background-color: rgb(3 2 44 / 70%) !important;
    transition: 0.1s background-color;
}

.icon-moon,
.icon-sun {
    display: block;
    /* Display icons */
}

button.theme-switch-button {
    box-shadow: 0 4px 4px -4px #000;
}
/* end theme switch */

.openComments {
	margin-bottom: 4rem;
	font-size: 1.4rem;
	font-family: 'Fira Mono';
}
.openComments a {color: #4441ca;}

.gh-article-excerpt {
	font-family: 'Fira Mono';
}