/* cursor color */
body .logo__cursor { background: #478CB4 !important; }

/* hover color for links in menu inner, post content and read more */
.menu__inner--desktop a:hover {
	color: #478CB4 !important;
}
.post-content a:hover {
	color: #478CB4 !important;
}
a.read-more:hover {
	color: #478CB4 !important;
}
a.read-more {
	margin-bottom: 0px !important;
}

/* animation for the theme toggler */
.theme-toggler {
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
	transition: transform 250ms;

	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.theme-toggler:hover {
	-ms-transform: rotate(360deg); /* IE 9 */
	-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
	transform: rotate(360deg);
	transition: transform 250ms;
}

.post {	margin: 5px auto !important; }

/* fix break world on links using chrome */
.post-content a { overflow-wrap: break-word !important; }

/* fix break world on code using chrome */
.post-content code { overflow-wrap: break-word !important; }

/* remove cover from posts */
.post .post-cover { display: none !important; }

/* re-enable cover for main page */
.posts .post-cover { display: block !important; }

/* basic color fixing, maybe for the secondary light: EDEEF0 */
body.dark-theme {	--background:#202124 !important; }

body.light-theme { --background:#F0F1F2 !important; }

/* quote of the day */
.framed {
	padding: 3px !important;
	line-height: 1rem !important;
	margin-bottom: -10px !important;
	text-align: center !important;
	width: auto !important;
}

.pagination .button { top: 30px !important; }

.pagination {
	margin-top: 10px !important;
}

.footer {
     padding-bottom: 10px !important;
     padding-top: 10px !important;
}

/* not so bad of a h4k */
.dark-theme .menu__inner a[href*="musescore.com/"] {
background: url(icons/white_musescore.svg) no-repeat left center;
width: 29px;
height: 29px;
display: block;
background-size: 29px;
padding-left: 29px;
filter: invert(9%) sepia(12%) saturate(196%) hue-rotate(169deg) brightness(96%) contrast(86%);
}
.dark-theme .menu__inner a[href*="github.com/"] {
background:url(icons/white_github.svg) no-repeat left center;
width: 29px;
height: 29px;
display: block;
background-size: 29px;
padding-left: 29px;
filter: invert(9%) sepia(12%) saturate(196%) hue-rotate(169deg) brightness(96%) contrast(86%);
}
.dark-theme .menu__inner a[href*="mailto:diego@0x2F.dev"] {
background:url(icons/white_mail.svg) no-repeat left center;
width: 29px;
height: 29px;
display: block;
background-size: 29px;
padding-left: 29px;
filter: invert(9%) sepia(12%) saturate(196%) hue-rotate(169deg) brightness(96%) contrast(86%);
}

.light-theme .menu__inner a[href*="musescore.com/"] {
background:url(icons/black_musescore.svg) no-repeat left center;
width: 29px;
height: 29px;
display: block;
background-size: 29px;
padding-left:29px;
}
.light-theme .menu__inner a[href*="github.com/"] {
background:url(icons/black_github.svg) no-repeat left center;
width: 29px;
height: 29px;
display: block;
background-size: 29px;
padding-left: 29px;
}
.light-theme .menu__inner a[href*="mailto:diego@0x2F.dev"] {
background:url(icons/black_mail.svg) no-repeat left center;
width: 29px;
height: 29px;
display: block;
background-size: 29px;
padding-left: 29px;
}

.dark-theme .menu a:hover {
	filter: invert(52%) sepia(5%) saturate(3765%) hue-rotate(159deg) brightness(95%) contrast(99%);
}
.light-theme .menu a:hover {
	filter: invert(52%) sepia(5%) saturate(3765%) hue-rotate(159deg) brightness(95%) contrast(99%);
}

/* disable menu always */
.menu-trigger {
	display: none !important;
}

/* icons resize */
.header__inner { font-size: 2rem !important; }
.header { padding:10px !important; }

/* mobile general modifications */
@media (max-width: 683px){
	.framed { margin-top: 30px !important; font-size: 0.8em !important; }
	.pagination { margin-top: 10px !important; }
	.header__inner { font-size: 1.6rem !important; }
	.header { padding-right:20px !important; }
	.content { margin-bottom: 10px !important; }
}

/* top menu modifications for mobile */
@media (max-width:683px) {
	.header__right {
		flex-direction:row
	}		
	.menu__inner {
		--color:rgba(0,0,0,.12);
		--shadow:0 8px 20px var(--color);
		border-right:1px solid;
		font-weight:500;
		margin-right:18px;
		padding-right:24px;
		align-items:flex-start;
		flex-direction:row;
		padding:0;
	}
	.menu__inner--desktop {
		display:none;
	}
	.menu {
		background:var(--header);
		border:none !important;
		border-radius:none !important;
		box-shadow:none;
		list-style:none;
		
		margin:inherit;
		padding:inherit;
		position:inherit;
		right:inherit;
		top:inherit;
		z-index:inherit;
	}
	.hidden {
		display:flex !important;
	}
	.menu__inner--mobile{
		display:flex !important;
		flex-direction:row;
		padding-right: 15px;
	}
	.footer {
			 padding-top: 30px !important;
	}
}

/* changes to cover image size on mobile */
@media (max-width:683px) {
	.post-cover img { min-height: 90px; object-fit: cover;  }
}

/* italic to post author */
.post-author { font-style: italic !important; }