/*--------------------------------------------------------------
1.0 Comments
--------------------------------------------------------------*/
#comments #respond .comment-form-service a {
	color: #10b0b8;
}
#comments #respond p.form-submit input#comment-submit {
	background: #10b0b8 !important;
	font-family: 'Playfair Display', sans-serif;
}

/*--------------------------------------------------------------
2.0 Widgets
--------------------------------------------------------------*/
/* Akismet */
.widget_akismet_widget .a-stats a {
	background: #10b0b8;
}

/* Flickr */
.widget_flickr #flickr_badge_uber_wrapper td a:last-child {
	background: #10b0b8 !important;
}

/* Goodreads */
.widget_goodreads h2[class^="gr_custom_header"] a:hover,
.widget_goodreads h2[class^="gr_custom_header"] a:focus,
.widget_goodreads h2[class^="gr_custom_header"] a:active {
	color: #10b0b8;
}

/* Milestone */
.milestone-widget .milestone-header {
	background: #10b0b8;
}

/* Tag Cloud */
.wp_widget_tag_cloud a {
	background: #10b0b8;
}

/* Top Rated */
.widget.top_rated .pd_top_rated_holder_posts > p {
	font-family: Montserrat, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.0625em;
}

/*--------------------------------------------------------------
3.0 Performance fixes
--------------------------------------------------------------*/

/* Avoid layout shifts with admin bar and marketing bar.
   These values are just here for the initial renders, and
   will get overriden when the JS runs. */
body.admin-bar {
	--layout-bar-height: 32px;
}
body.has-marketing-bar {
	--layout-bar-height: var(--wp-admin--admin-bar--height);
}
body.admin-bar .site-header, body.has-marketing-bar .site-header {
	top: var(--layout-bar-height);
}

/* Render infinite scroll entries immediately. */
.infinite-scroll.archive .hentry,
.infinite-scroll.blog .hentry,
.infinite-scroll.search-results .hentry {
	opacity: 1;
}

/* Avoid width-related layout shifts */
@media (min-width: 768px) {
	.site-main {
		margin-top: 73px;
	}

	.entry-content > .wp-caption:not(.caption-big) img[class*="wp-image-"][width="768"] {
		position: relative;
		max-width: 768px;
		left: -72px;
	}
}

body.single .site-main > .hentry.has-post-thumbnail .entry-thumbnail,
body.post .site-main > .hentry.has-post-thumbnail .entry-thumbnail {
	height: calc(100vh - 73px);
}

body.single .site-main > .hentry.has-post-thumbnail .entry-thumbnail img,
body.post .site-main > .hentry.has-post-thumbnail .entry-thumbnail img {
	min-height: calc(100vh - 73px);
	width: auto;
}