/*
Theme Name: Rafael Funchal (Blocksy)
Theme URI: https://rafaelfunchal.com.br/
Author: Rafael Funchal
Description: Child theme of Blocksy for rafaelfunchal.com.br. Holds the site's custom CSS and small enhancements in code instead of the Customizer.
Template: blocksy
Requires at least: 6.7
Requires PHP: 7.4
Version: 1.3.14
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rafaelfunchal-blocksy
*/

/*
 * Typography: self-hosted Inter (see functions.php) instead of the device's Helvetica.
 * :root:root outranks the :root variables Blocksy prints inline from the Customizer.
 */
:root:root {
	--theme-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
/* Quotes asked for Myriad Pro, which was never loaded; use Inter as well. */
.entry-content .wp-block-quote,
.entry-content .wp-block-pullquote {
	--theme-font-family: 'Inter', system-ui, sans-serif;
}

/* Crossfade between pages in browsers that support cross-document view transitions. */
@view-transition {
	navigation: auto;
}
@media (prefers-reduced-motion: reduce) {
	@view-transition {
		navigation: none;
	}
}

/* Site Logo */
[data-logo=left] .site-title-container {
	margin-inline-start: 0;
}
.site-logo-container img {
	transition-duration: 1s;
}
.site-logo-container img:hover {
	transform: rotate(15deg);
	transition-duration: 0.5s;
}

/* Front Page Sections */
.rf-hero {
	background-color: light-dark(#e7eef3, #2b2b2b);
	background-image: linear-gradient(135deg, light-dark(#eef4f8, #2f2f2f) 0%, light-dark(#dbe9f2, #262a2e) 100%);
}
.rf-hero .wp-block-column > p:first-child {
	margin-bottom: 0.25em;
	font-size: 1.125rem;
	letter-spacing: 0.02em;
}
.rf-hero h1 {
	font-size: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);
	line-height: 1.05;
	letter-spacing: -0.02em;
	text-wrap: balance;
}
.rf-hero h1 + p {
	max-width: 36em;
	font-size: clamp(1.125rem, 1rem + 0.4vw, 1.25rem);
	text-wrap: pretty;
}
.rf-hero .wp-block-buttons {
	gap: 12px 16px;
}
/* Same border on both buttons so the filled and outline ones line up. */
.rf-hero .wp-block-button__link {
	padding: 14px 28px;
	border: 2px solid transparent;
	font-size: 18px;
	font-weight: 600;
}
.rf-hero .wp-block-image img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: 65% 40%;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
/* Photo hero: a Cover block with the same duotone as the About page banner. */
.rf-hero--photo {
	background-color: #06182c;
	background-image: none;
}
/* "Center left" content position shrinks the inner container; keep it full width so the text lines up with the sections below. */
.rf-hero--photo .wp-block-cover__inner-container {
	width: 100% !important;
}
/*
 * Keep the text off the person in the photo. In this photo the person spans
 * 47%–73% of the image's width, so on wide screens the photo is sized by the
 * hero's width (never cropped sideways) and the text column ends before 47%.
 * Below 1100px that column gets too narrow, so the photo becomes a band above
 * the text instead (see the media query below).
 * If the photo changes, update --rf-hero-person-left.
 */
.rf-hero--photo {
	container-type: inline-size;
	--rf-hero-person-left: 47cqw;
}
@media (min-width: 1100px) {
	/* The homepage header is transparent and sits over the hero, so clear it. */
	.rf-hero--photo {
		min-height: calc(620px + var(--header-height, 0px)) !important;
		padding-top: calc(var(--header-height, 0px) + var(--wp--preset--spacing--60)) !important;
	}
	.rf-hero--photo .wp-block-cover__image-background {
		top: 50%;
		bottom: auto;
		height: auto;
		transform: translateY(-50%);
		-webkit-mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);
		mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);
	}
	.rf-hero--photo .rf-hero__content > * {
		/* Person's left edge, minus the content's left offset (Blocksy's 90% / 1290px container), minus a 40px gap. */
		max-width: min(40rem, calc(var(--rf-hero-person-left) - (100cqw - min(90cqw, 1290px)) / 2 - 40px));
	}
}
.rf-hero--photo .rf-hero__eyebrow {
	font-weight: 600;
}
.rf-hero--photo,
.rf-hero--photo h1 {
	color: #fff;
}
.rf-hero.rf-hero--photo .rf-hero__eyebrow {
	color: #9fd6f0 !important;
}
.rf-hero--photo .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background-color: #fff;
	color: var(--theme-palette-color-4);
}
.rf-hero.rf-hero--photo .is-style-outline .wp-block-button__link {
	color: #fff !important;
	border-color: #fff;
}
.rf-hero--photo .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.rf-hero--photo .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible {
	background-color: #d9eef8;
	color: var(--theme-palette-color-4);
}
.rf-hero.rf-hero--photo .is-style-outline .wp-block-button__link:hover,
.rf-hero.rf-hero--photo .is-style-outline .wp-block-button__link:focus-visible {
	background-color: #fff;
	color: var(--theme-palette-color-4) !important;
}
@media (max-width: 1099px) {
	/* On narrower screens the photo becomes a band above the text instead. */
	.rf-hero--photo {
		min-height: 0 !important;
		padding-top: calc(var(--rf-hero-photo-height) + var(--wp--preset--spacing--40)) !important;
		--rf-hero-photo-height: calc(var(--header-height, 0px) + clamp(220px, 60vw, 440px));
	}
	.rf-hero--photo .wp-block-cover__image-background {
		top: 0;
		bottom: auto;
		width: 100%;
		height: var(--rf-hero-photo-height);
		-webkit-mask-image: linear-gradient(to bottom, #000 65%, transparent);
		mask-image: linear-gradient(to bottom, #000 65%, transparent);
	}
	.rf-hero--photo .wp-block-cover__background {
		background: linear-gradient(to bottom, rgba(6, 24, 44, 0.1) 0, #06182c var(--rf-hero-photo-height)) !important;
	}
	.rf-hero--photo .rf-hero__content > * {
		max-width: none;
	}
}
@media (max-width: 599px) {
	.rf-hero .wp-block-button {
		flex: 1 1 100%;
	}
	.rf-hero .wp-block-button__link {
		width: 100%;
	}
}
.rf-soft {
	background-color: light-dark(#e3f0f6, #2b2b2b);
}
/* Homepage cards, matching the Blog Page Card below */
.rf-card {
	background-color: light-dark(#fff, #333);
	border-radius: 12px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	transition: transform 0.2s ease;
}
.rf-card:hover {
	transform: translateY(-4px);
}
.rf-card > .wp-block-image,
.rf-card > .wp-block-post-featured-image {
	margin: 0;
}
.rf-card .wp-block-image img,
.rf-card .wp-block-post-featured-image img {
	aspect-ratio: 16 / 9;
	border-radius: 12px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	object-fit: cover;
}
.rf-card h3,
.rf-card .wp-block-post-title {
	font-size: 28px;
	font-weight: 800;
	line-height: 1.3;
}
.rf-card h3 a,
.rf-card .wp-block-post-title a {
	color: light-dark(#243b56, #ccc);
}
/* Same text as Blocksy's meta category pills on the blog */
.rf-card .taxonomy-category a {
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	text-transform: uppercase;
}
.rf-card .wp-block-post-date {
	color: light-dark(#243b56, #fff);
}
/* Brand blue is too dark on the dark-mode backgrounds; lighten it there. */
.rf-hero .has-palette-color-1-color,
.rf-hero .is-style-outline .wp-block-button__link,
.rf-posts .is-style-outline .wp-block-button__link {
	color: light-dark(var(--theme-palette-color-1), #8fd0ef) !important;
	border-color: currentColor;
}
/* Fill outline buttons on hover and keyboard focus (Blocksy only fills on hover) with white text, so the label stays readable. */
.rf-hero .is-style-outline .wp-block-button__link:hover,
.rf-hero .is-style-outline .wp-block-button__link:focus-visible,
.rf-posts .is-style-outline .wp-block-button__link:hover,
.rf-posts .is-style-outline .wp-block-button__link:focus-visible {
	background-color: var(--theme-button-background-hover-color, #03597e);
	border-color: transparent;
	color: #fff !important;
}
@media (prefers-reduced-motion: reduce) {
	.rf-card,
	.rf-card:hover {
		transition: none;
		transform: none;
	}
}

/* Talks timeline ([rf_talks_timeline], see functions.php) */
.rf-timeline__year {
	display: grid;
	gap: 0 2rem;
	grid-template-columns: 6rem 1fr;
	margin-bottom: 2.5rem;
}
.rf-timeline__label {
	color: light-dark(#0071a1, #8fd0ef);
	font-size: 2rem;
	margin: 0;
	position: sticky;
	top: 1rem;
	align-self: start;
}
.rf-timeline__items {
	border-inline-start: 2px solid light-dark(#cfdbe3, #444);
	list-style: none;
	margin: 0;
	padding: 0 0 0 1.5rem;
}
.rf-timeline__item {
	display: grid;
	gap: 0.15rem;
	padding-bottom: 1.5rem;
	position: relative;
}
.rf-timeline__item::before {
	background: light-dark(#0071a1, #8fd0ef);
	border: 3px solid light-dark(#f1f1f1, #222);
	border-radius: 50%;
	content: "";
	height: 14px;
	left: calc(-1.5rem - 8px);
	position: absolute;
	top: 0.3rem;
	width: 14px;
}
.rf-timeline__date {
	font-size: 0.8em;
	font-weight: 600;
	text-transform: uppercase;
}
.site-main .rf-timeline__title {
	color: light-dark(#243b56, #fff);
	font-size: 1.15em;
	font-weight: 700;
}
.site-main .rf-timeline__title:hover {
	color: light-dark(#0071a1, #8fd0ef);
}
.rf-timeline__event {
	color: light-dark(#5b6b7c, #bbb);
	font-size: 0.9em;
}
@media (max-width: 689.98px) {
	.rf-timeline__year {
		grid-template-columns: 1fr;
	}
	.rf-timeline__label {
		position: static;
		margin-bottom: 0.75rem;
	}
}

/* Blog Page Card */
.blog .card-content .ct-media-container,
.archive .card-content .ct-media-container {
	overflow: visible;
}
.blog .card-content,
.archive .card-content {
	border-radius: 12px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.blog .card-content img,
.archive .card-content img {
	border-radius: 12px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.entry-card .entry-divider {
	border-bottom: none !important;
	border-radius: 12px 12px 0 0;
	background-color: light-dark( #fff, #333 );
	height: 40px;
	margin: -40px 0 0 -30px;
	padding: 0;
	position: relative;
  width: calc(100% + 60px);
}

/* Category Buttons on Blog/Archive */
.blog .meta-categories,
.archive .meta-categories {
	color: #fff;
}
.blog .meta-categories a,
.archive .meta-categories a,
.rf-card .taxonomy-category a {
	display: inline-block;
	background-color: #0071a1;
	border-radius: 12px;
	color: #fff;
	margin: 0 3px 3px;
	padding: 10px;
}
.blog .meta-categories a:hover,
.archive .meta-categories a:hover,
.rf-card .taxonomy-category a:hover {
	opacity: 0.8;
}

/* Music Links Page */
body.page-id-5236 {
	background-color: #243b56;
}

/* Fix Separator Styles */
.wp-block-separator {
  border: inherit;
  color: inherit;
}

/* Recent Posts Widget Space */
#footer .widget_recent_entries li {
	margin-bottom: 0.5em;
}

/* Code Block */
.wp-block-code {
	background-color: light-dark(#f5f5f5, #333);
}

/* Single Palestras and Posts Without Thumbnail */
[data-prefix="single_blog_post"] .hero-section[data-type="type-2"],
.single-post .hero-section {
	background-color: var(--theme-palette-color-4);
}

/* Fediverse follow button (ActivityPub): match the footer's white "Entre em contato" button. */
#footer .wp-block-activitypub-follow-me .wp-block-button__link {
	background-color: var(--theme-palette-color-5);
	color: var(--theme-palette-color-4);
}
#footer .wp-block-activitypub-follow-me .wp-block-button__link:hover,
#footer .wp-block-activitypub-follow-me .wp-block-button__link:focus-visible {
	opacity: 0.85;
}

/* Footer Heading Styles*/
#footer .wp-block-heading {
	color: #fff;
	font-size: 1.25em;
}

/* Light/dark toggle (see functions.php and assets/js/color-scheme.js) */
:root[data-color-scheme="light"] {
	color-scheme: light;
}
:root[data-color-scheme="dark"] {
	color-scheme: dark;
}
/* Blocksy colors menu links via nav[class*="menu"] .ct-menu-link and sets the
   white header color only on <a>; inherit the menu item's color instead. */
nav[class*="menu"] .rf-scheme-toggle button.ct-menu-link {
	background: none;
	border: 0;
	color: inherit;
	cursor: pointer;
	font: inherit;
}
nav[class*="menu"] .rf-scheme-toggle button.ct-menu-link:hover {
	opacity: 0.8;
}
/* Mirror Blocksy's header link color, which it only sets on <a> elements. */
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li.rf-scheme-toggle > button {
	color: var(--theme-palette-color-5);
}
/* In the mobile menu Blocksy sets the link color variable on the panel, so use it. */
nav.mobile-menu .rf-scheme-toggle > button.ct-menu-link {
	color: var(--theme-link-initial-color);
}
.rf-scheme-toggle .rf-icon-sun,
:root[data-color-scheme="dark"] .rf-scheme-toggle .rf-icon-moon {
	display: none;
}
:root[data-color-scheme="dark"] .rf-scheme-toggle .rf-icon-sun {
	display: block;
}
@media (prefers-color-scheme: dark) {
	:root:not([data-color-scheme="light"]) .rf-scheme-toggle .rf-icon-moon {
		display: none;
	}
	:root:not([data-color-scheme="light"]) .rf-scheme-toggle .rf-icon-sun {
		display: block;
	}
}

/* Dark Theme */
:root {
	color-scheme: light dark;
}
body {
	background-color: light-dark(#f1f1f1, #222);
}
body,
h1, h2, h3, h4, h5, h6,
.site-main,
.entry-excerpt,
.ct-pagination {
	color: light-dark( #243b56 , #fff);
}
.site-main a,
.ct-pagination a,
.entry-tags-items a {
	color: light-dark( #0071a1 , #ccc);
	text-decoration: none;
}
.site-main .wp-block-button a {
	color: light-dark( #fff , #fff);
}
.wp-block-media-text.has-cloudy-knoxville-gradient-background p,
.wp-block-media-text.has-cloudy-knoxville-gradient-background ul,
.wp-block-media-text.has-cloudy-knoxville-gradient-background ol {
	color: light-dark(#243b56 , #243b56 );
}
.wp-block-media-text.has-cloudy-knoxville-gradient-background a,
.wp-block-media-text.has-cloudy-knoxville-gradient-background h1,
.wp-block-media-text.has-cloudy-knoxville-gradient-background h2,
.wp-block-media-text.has-cloudy-knoxville-gradient-background h3,
.wp-block-media-text.has-cloudy-knoxville-gradient-background h4,
.wp-block-media-text.has-cloudy-knoxville-gradient-background h5,
.wp-block-media-text.has-cloudy-knoxville-gradient-background h6{
	color: light-dark(#0071a1, #0071a1);
}
.single-post .hero-section .entry-header .page-title,
.single-post .hero-section .entry-header a {
	color: #fff;
}
.entry-card {
	background-color: light-dark( #fff, #333 ) !important;
}
.entry-card .entry-meta,
.ct-related-posts .entry-meta,
.ct-comment-content {
	color: light-dark( #243b56, #fff ) !important;
}
.entry-card .meta-comments a {
	color: light-dark( #0071a1, #ccc ) !important;
}
.entry-card .entry-title a {
	color: light-dark( #243b56, #ccc ) !important;
}

/*
 * Icons for services core's Social Links block doesn't support yet.
 * They use the generic "chain" icon; swap in each brand's logo as a mask
 * so it takes the link's current color on any background.
 */
.wp-social-link-chain a[href^="https://music.apple.com/"] svg path,
.wp-social-link-chain a[href^="https://www.deezer.com/"] svg path,
.wp-social-link-chain a[href^="https://speakerdeck.com/"] svg path,
.wp-social-link-chain a[href^="https://www.slideshare.net/"] svg path {
	display: none;
}
.wp-social-link-chain a[href^="https://music.apple.com/"] svg,
.wp-social-link-chain a[href^="https://www.deezer.com/"] svg,
.wp-social-link-chain a[href^="https://speakerdeck.com/"] svg,
.wp-social-link-chain a[href^="https://www.slideshare.net/"] svg {
	background-color: currentColor;
	-webkit-mask: var(--rf-social-icon) center / contain no-repeat;
	mask: var(--rf-social-icon) center / contain no-repeat;
}
.wp-social-link-chain a[href^="https://music.apple.com/"] svg {
	--rf-social-icon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFfUlEQVRoQ91aW0htVRSdUnbBHoppJQlpqakfalKaH4oJ6o9yewj2MPPDDEotqUjxs7DAHjfDSE3wZhYhmKhwSQURUdK0Eh+YXF9pGOYNtAyu+WiMjduOx7PPWXt7zkmaMBD3mmuuOdaee8251jo+4h65C2YygGQgGrgXuB245cj8n/h7DVgE5oBvgQHg17MO73MGA3TwGeBZ4EGLdr5Dv1bgiyOCps1YIRCKUV4Dngf8TI/ouMMOHjcB7wK/mLFphoAvDL8IvGUTGmbGUtH9C0q1wNvAdZUOqgTuh7GvgHgVo27Q+RE28oF5V7ZUCDwBIy0enHUjH/9Aw3PA185IuCJQdBSbN7qaCQ+178NuKfCJkX1nBF5w1tFDDhuZLUfDR44ajQgwbBjzN3jZUaPh+CbygE57BUcEIqA0Adx2TpzX3WAyfAhgIjwWewI3oWUM8NZqY3aOfkAHZvu/9Y72BCrRwDXYo+Lr6yvR0dESFRUlh4eH0tHRYWa816HMhKeJLYG78f9PwM1mrKnoXrhwQdLS0iQzM1PS09MlLi5O+IzS19cnWVlZKmZ0HYZSFLBuT+ASHrxsxpIr3cTERCkuLpb8/HwJDAx0qG6BAO28D7xqS4CF2c+AW2obzmhVVZU2267EIgHWTvcA1/QQ4jr7oavBVNrb29slL48rnppYJEDjTHD1OgGWtVZL4hOezszMSGxsrJr30DoDAa6WySQQArCEdVVWKDllRGBra0v6+/tlYGBApqamZGVlRYaGhmRubs7sR6z7cUjf6fTTQJuSdwpK9gQmJiaksbFR2traZGeHofuvLC8vy/z8vFUCNPQkCTD2+Q24RUggMjJSc7i2tlZmZ2cN7bqBwCUS+AYwtRA7Y0oCa2trkp2d7XJC3EDgCgksANyEu0W8TOAqCfC0wHGWsUDJywQ2SYB7TxZxbhEvE7j+vyDgtRAKDg4Wf39/2djYkO3tbXHDR6yF0FXgPrfED4w4CqGkpCSpq6uT5GSW8iL7+/taBk5JSZGxsbGz5AHtI/boMpqQkCDDw8Pi5+e4TjxDKcG50JZRtycy2zzQ3d0tOTk5hi+4q6tLLl68aDUAtET2FMCzSVMSFBQklZWVWsIKCAiQxcVF6ezslPLycq080BPZ6uqqhIbyNNKxNDc3a3sGi5JPAncC3N0oF3MhISFaWISHhzsct7e395jAyMiIFutGUlhYKK2tPN81LcfFHHuyNOWOX0mampqczlpPT4/k5uZqtkpKSqShocGhXX7Aqampsru7qzSunRKP6FP0WS/DP3WqVpaWliQsLMxQ/fLly1JUVKS1+/j4SE1NjVRUVBzvg1lat7S0SHV19akKVdUH6L0EfKwT4JZyBVDa0LvatJSWlkp9ff0JX7iJj4iIkIODA1lYWLA667rNU1tKNnwAvKIyA1zTy8r40k7L+vq6duqwubmpYsqqznvoyDsKa8cqzKaDg4MSH3/y/GtyclIKCgpkenraqmMq/XhqzWMV7XrKfuV5A8/eUbHCw6mMjAyJiYmRvb09GR8fl9HRUe2gysPCmecb0MSeAG9hRoEHPOyEVfPfo+PDgOHRIg2f58Ndnpzw9PBYjJLXY9BoB87T8frj8KfL/tU5y74lUHacgawGgLV+/Kjoy6eOursqH4rQidef/+UVExOW4US6IkDSjwKfAbdam0DLvbbRk5fop8JG5RuwHzUSD3jl5K3ViasNr1m52XIqKm9AN8Aw4ut804NvQ7/orsEYShWeGQI6EZ6l8paEH5ZS7eRqFtHO2oZxzlt6Uz8AsUJA94cFIDdDBUASYNYWVxcmzc+BL4HfFYieUjE7qNEYd6DhEYBZkj+34U4nGLD9uc1v+H8JsP25zYYVp237/APpg8Mh5TUNrQAAAABJRU5ErkJggg==');
}
.wp-social-link-chain a[href^="https://www.deezer.com/"] svg {
	--rf-social-icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB2aWV3Qm94PSIwIDAgNTc2IDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDUxLjQ2LDI0NC43MUg1NzZWMTcySDQ1MS40NlptMC0xNzMuODl2NzIuNjdINTc2VjcwLjgyWm0wLDI3NS4wNkg1NzZWMjczLjJINDUxLjQ2Wk0wLDQ0Ny4wOUgxMjQuNTRWMzc0LjQySDBabTE1MC40NywwSDI3NVYzNzQuNDJIMTUwLjQ3Wm0xNTAuNTIsMEg0MjUuNTNWMzc0LjQySDMwMVptMTUwLjQ3LDBINTc2VjM3NC40Mkg0NTEuNDZaTTMwMSwzNDUuODhINDI1LjUzVjI3My4ySDMwMVptLTE1MC41MiwwSDI3NVYyNzMuMkgxNTAuNDdabTAtMTAxLjE3SDI3NVYxNzJIMTUwLjQ3WiIvPjwvc3ZnPg==');
}
.wp-social-link-chain a[href^="https://speakerdeck.com/"] svg {
	--rf-social-icon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADgklEQVRoQ+2YWYhPURzHZ5CtkCV5sCtLltJYixchPCBrzKSxPFIUDyTLg5QtvHigPNiJkmQroog8WLMNsjVCSBFh8PlO90638T/3nnPPf/rP1P3Vt//93/P9befc+7u/c4qLGrgUN/D4i7IECr2C2QpkK+A5A9kj5DmB3uqmFeiN5VIwEXQFHYHran1AZx9YDb4HkTbn9wYY5BD5X7jvwV1wKLD5O9SvHVRrBraCctDEwUkc9SKDY4ECkUwCpz1sP0B3GngsG9EEugWG+3sYN6nOYuBYMKiJ+QRaefiR/ghQESagmb8G6iJ4xbkFrIgEfD8Pvu5goyRMYDd/FnnMSJLqKggbI6QXXGvFfaVMCfQBmpF8PfO1g/rKjQHgZTDQmd9XwLUo5Er2lIysB2t8p8Kg/4X7C8CJyPhmrpfnyV+lElBZG2YwqMpxHDxzdFgF/w04CSojui251uNku9oD4apqmaRKCbwDqvO5ZAc3lzoGn2/6AQzONRlVAj9AMwNhHvf1MSqkLMT5nrgE9EJ1MRDOcH8q+FnADMrxvTcugfMMjosJ8C1jD8EfyyS+wXsNLoOzQFXIRxITWIL1nT4eYnRVhTaBbUCPahpJTKAtVp+CdmmsW+rcgjclWBlLlRpaYgJiLgtmydW4C/8RZPUvWhUXsUpA1egImOliOQVX35QZjnpWCcimSukuMN/RgSt9DAqXHJSsEwhtzuZiA+jl4MSFehjyHAcF5wRkuzEYDSaA7qC9g0M1a31j+HoHOoCaXVWC7VQJOMSbk5rUIKqV1gfURgqSQE8ii2sA1TzetIkeTmIrYWnHiab3SM+6SXRoUGFp8SA84zsT3VSoOgy1NBpH68GgmsAWBtIv7rcB4UlFP64n5+Cq5R4F9B6apLqdbgrUsrrW57S5XkBxfERZrUZ0v+xit3pDk/TCuRi04ZYFExZy73GhLWcaqd5SqtvslEY7hc5tdEpA2NlqJc6lsBOqlCZtaDxs/6eq+q9eSD2RpBG4GtxL40eTMUQJXAH6aNWlfMS4TtPkK5R1XKxN6VT2RoLqg63B4DrQy1wXol3dYvA8YlxlcT/QKriKjoCmgydSDMuoktgOhgPT/tjW0WeIOpFQw3YU6DGJykr+qNeyPRfSyYgOHnQSp8NdVUzj4a5tkPWGZzsL9Sbg2oFkCRR6abIVyFbAcwayR8hzAr3V/wGb3pIEie7OyQAAAABJRU5ErkJggg==');
}
.wp-social-link-chain a[href^="https://www.slideshare.net/"] svg {
	--rf-social-icon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFOklEQVRoQ+2aeahVVRTGNdHM1Gyw1IheRjQJYZazZWWmTWYEDRoNFGGREIrkACooBZVBlEQhvT+s1NLABhXLFBqNQk3L5oeE2oCallaO30/2eWyP55y99nnn4j9vwce55+y11t7f3fusvda+t2WLo+UMPZohjBA6Z7Qfi0d/qtPFwmRhqz+AlqnRnK77z4RzjsUoDX1ukk4fn0SawCtqvNc52qvr+8KPzmC/oYOqVfhCzxWGCCc656/qOjrpyCfQRg+3OUUGf5XwcdUjKumvTnafCF2Ff4WT3bWFT+AsPWSKkLeFm0t2ViuzcXL8tHN+nq6sjCMIdNf9T07hGV3H12okJf1eIzuWNHKR8G0RgYlqfLJkR7Uyu1COv7ESYLpm1WokJf0SGX9uJlDy26vCrHkGqvgWm+KjeQaa8u1VYVuTGeilkQ0VugjbhY+EFcKBghGforabhB7CcW5DYuf/LcCyUgLd1Fm9cG1Gp+v17G5hTUbbWD0jVe+QatujezZO2vLIV0bgNHVCyk2WmCc71TBIWOcpTNXnaYFvebbaH8nRqYzAS+rgwcBAaP5C6O30WC7MSCuD3WDprMrQq4RAWzmmOkpy89B4LnGz8JSu1uSwXrr31YrA+XK8MTRqr/1OfZ4nvCPcYLT7XHp9a0XArxks46GuppZ9Q7jNYiCdD4Wra0WAAoiawVIzU9URrVhyjwrPGQlMl960GAJnum/nU12ZPqQonX5A7S8bBvO8GziqhE2WHoSKZIcaWaa/BwhcofaewkK+0ceFJ4S/hfYGAqi8IDxcMBI2M9Y89Wsil+vDUoGNLEv+0cORwvKcdj8KoUsgmQgBIgVxnQiTyBR9mFkwQJruEiYJF3t6v+ozS+VZYV+GfZ2esVndKpzg2v/X9V3nqyhA+CUlpv8J/ZKi/kbdLBJaO6cHnVNqY2Iy93nCSQFLg1Til4Bu4qOdPlCD0z82zH6W0H6lQAi+3umjx/tFUFjsn0oM14PXhE4pTw26XyAsEVYLu/O5VNLCzHB4dZ1AGD475fUv3TP77/E8fbDFccVbgr8sfHuYM80/CCRfpAxMJaRYgnTO0tkivOl0sD/VdUoYJtfh3SD/SWw66jPHmPRP8c4ZVZZwEnGL8H3SmCbAc5yyticIx+c4sjwmkvBSfi2QE9VZjHJ0eE/YzXkvId4oWQSSRsIZLyNLq6wwOxwF3l/WgeyWCY8Jh8+B0lJEINElSrEvsO4syVgTxtpoyjJjjROxkr0p06+FQGJo3cCqIPCQnJD1BiWGQExGGew4oEBfvINBiSHASXX/oMcjFQh5J0XaoE5fAy12VgLUroTK2KhEaUlInGMZjKdDmGWzK9pAD6tbCVBG/hE5CNT5IYIXkg0yVtg7+L2iUKwEOM7eEHKW0T7KEXi9hC0bWrB4shK4TM6ocWMFAvw0RVUWK/T5ZcjISsD/8SPk029n72AJlSFA+twQ6sxKgFyFiBIrJGPMAMlgrFAE5WWpjb6sBDAggSLZipE73AzEEvhOdhdYOooh8KIcskPGCASYAYr6GKGvMRaDGAIcdVA3x8jtjgCpdYz0kzJVYlBiCODsAyHryCOvI4oSXuK8OjfLjnqa8tEksQQ4D/1K4KW2SHJ+mvx8G7KhQLpUsOqbd2K/42G6WSiw1RcJtfRgp7BSV2rbIiFVoc6ldDVL7AwkjqlZ64W8SLFZbQOEBmdATCdB4wAgS4g69wiFuX+WYVkC+OIEg52WF5Wih7jNsQo/VnDWn85jyG34AZ2/MHCYtktYK8wX5gqUjdFyCGoWIwT0NvsLAAAAAElFTkSuQmCC');
}
/* Apple Music is an opaque circle with a white note: cut the note out. */
.wp-social-link-chain a[href^="https://music.apple.com/"] svg {
	mask-image: var(--rf-social-icon), var(--rf-social-icon);
	mask-mode: alpha, luminance;
	mask-composite: exclude;
}

/* Buttons */
.wp-block-jetpack-contact-form .wp-block-jetpack-button .wp-block-button__link,
.wp-element-button,
.wp-block-button__link,
.page-numbers.current,
.page-numbers.next,
.page-numbers.prev {
	border-radius: 10px;
	padding: 15px 20px !important;
}
.page-numbers.next,
.page-numbers.prev {
	border-color: var(--theme-link-hover-color);
	color: var(--theme-link-hover-color);
}
.page-numbers.next:active,
.page-numbers.prev:active,
.page-numbers.next:focus,
.page-numbers.prev:focus,
.page-numbers.next:hover,
.page-numbers.prev:hover {
	background-color: var(--theme-link-hover-color);
	border-color: var(--theme-link-hover-color);
	color: #fff;
}
