/*
Theme Name: Bill Carslake
Description: Twenty Twenty child theme matching the original Bill Carslake site.
Author: Bill Carslake
Template: twentytwenty
Version: 1.0.19
Text Domain: billcarslake
*/

:root {
	--bill-background: #edeef2;
	--bill-header: #e3e4ea;
	--bill-accent: #4c64a5;
	--bill-primary: #000000;
	--bill-secondary: #676979;
	--bill-border: #c9cad8;
	--bill-footer: #363647;
	--bill-footer-border: #494963;
	--bill-footer-text: #ffffff;
	--bill-footer-muted: #adadb7;
	--bill-gold: #9e955f;
}

body,
.entry-content,
.entry-content p,
.entry-content ol,
.entry-content ul,
.widget_text p,
.widget_text ol,
.widget_text ul,
.widget-content .rssSummary,
.comment-content p,
.entry-content .wp-block-latest-posts__post-excerpt,
.entry-content .wp-block-latest-posts__post-full-content,
.has-drop-cap:not(:focus)::first-letter {
	font-family: "Lato", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.faux-heading,
.site-title,
.pagination-single a,
.entry-content .wp-block-latest-posts li > a {
	font-family: "Playfair Display", serif;
	font-weight: 800;
}

input,
textarea,
select,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button,
.primary-menu,
.modal-menu,
.entry-content cite,
.entry-content figcaption,
.wp-caption-text {
	font-family: "Lato", sans-serif;
}

body,
body.custom-background {
	background-color: var(--bill-background);
	color: var(--bill-primary);
}

.entry-content {
	font-size: 1.9rem;
}

h1.entry-title,
.entry-content h1:not([class*="-font-size"]) {
	font-size: 7.2rem;
}

a,
.color-accent,
.color-accent-hover:hover,
.color-accent-hover:focus,
:root .has-accent-color,
.has-drop-cap:not(:focus)::first-letter,
.wp-block-button.is-style-outline,
body:not(.overlay-header) .primary-menu > li > a,
body:not(.overlay-header) .primary-menu > li > .icon,
.modal-menu a,
.footer-menu a,
.footer-widgets a,
.singular:not(.overlay-header) .entry-header a,
.archive-header a,
.header-footer-group .color-accent {
	color: var(--bill-accent);
}

blockquote,
.border-color-accent {
	border-color: var(--bill-accent);
}

button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.bg-accent,
.comment-reply-link,
.social-icons a,
#site-header ul.primary-menu li.menu-button > a {
	background-color: var(--bill-accent);
}

.fill-children-accent,
.fill-children-accent * {
	fill: var(--bill-accent);
}

button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.comment-reply-link {
	color: var(--bill-background);
}

#site-header,
.archive-header,
.singular .entry-header,
.singular .featured-media::before,
.menu-modal,
.menu-modal-inner,
.search-modal-inner,
body.has-header-opaque #site-header {
	background-color: var(--bill-header);
}

.overlay-header .cover-color-overlay {
	opacity: 0.15;
}

.overlay-header .cover-color-overlay::before {
	background-color: var(--bill-accent);
}

.header-inner {
	max-width: 120rem;
	padding-bottom: 2.8rem;
	padding-top: 2.8rem;
}

#site-header {
	position: sticky;
	top: 0;
	transition: background-color 110ms ease-out, border-color 110ms ease-out, box-shadow 110ms ease-out;
	width: 100%;
	z-index: 4;
}

.overlay-header #site-header {
	position: fixed;
}

.admin-bar #site-header {
	top: 32px;
}

.site-description,
body:not(.overlay-header) .toggle-inner .toggle-text,
.singular .entry-header .post-meta,
.singular:not(.overlay-header) .entry-header .post-meta a {
	color: #5e5f6d;
}

pre,
fieldset,
input,
textarea,
table,
table *,
hr {
	border-color: var(--bill-border);
}

cite,
figcaption,
.wp-caption-text,
.post-meta,
.comment-metadata,
.pagination .dots,
.entry-content hr:not(.has-background),
hr.styled-separator {
	color: var(--bill-secondary);
}

.site-title {
	font-size: 3.4rem;
	font-weight: 900;
	letter-spacing: -0.03em;
}

#site-header .site-title a {
	text-decoration: none;
}

ul.primary-menu,
ul.modal-menu > li .ancestor-wrapper a {
	font-size: 1.4rem;
	font-weight: 600 !important;
}

ul.primary-menu li a,
ul.modal-menu li .ancestor-wrapper a {
	letter-spacing: 0.0333em;
	text-transform: uppercase;
}

.overlay-header:not(.has-header-opaque) .primary-menu > li > a,
.overlay-header:not(.has-header-opaque) .primary-menu > li > .icon,
.overlay-header:not(.has-header-opaque) .toggle {
	opacity: 0.87;
}

.overlay-header:not(.has-header-opaque) .primary-menu > li > a:hover,
.overlay-header:not(.has-header-opaque) .primary-menu > li > a:focus,
.overlay-header:not(.has-header-opaque) .primary-menu > li.current-menu-item > a,
.overlay-header:not(.has-header-opaque) .toggle:hover,
.overlay-header:not(.has-header-opaque) .toggle:focus {
	opacity: 1;
}

button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button,
input[type="button"],
input[type="submit"] {
	letter-spacing: normal;
	text-transform: none;
}

.header-titles-wrapper {
	padding-right: 0;
	width: 25rem;
}

.site-description {
	font-size: 80%;
	margin-right: 0;
	margin-top: 0;
}

.primary-menu-wrapper {
	margin-top: 0;
}

.alignfull > figcaption,
.author-bio,
.comment-respond p:not(.comment-notes),
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
.post-meta-wrapper,
.section-inner.thin,
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 70rem;
}

hr:not(.is-style-dots):not(.reset-hr) {
	background: currentcolor !important;
}

hr:not(.is-style-dots):not(.reset-hr)::after,
hr:not(.is-style-dots):not(.reset-hr)::before {
	display: none;
}

hr:not(.has-text-color):not(.is-style-dots) {
	color: currentcolor;
	opacity: 0.15;
}

.footer-nav-widgets-wrapper.header-footer-group,
#site-footer.header-footer-group {
	background: var(--bill-footer);
	border-color: var(--bill-footer-border);
	color: var(--bill-footer-text);
}

.footer-nav-widgets-wrapper .widget .post-date,
.footer-nav-widgets-wrapper .widget .rss-date,
.footer-nav-widgets-wrapper .widget_archive li,
.footer-nav-widgets-wrapper .widget_categories li,
.footer-nav-widgets-wrapper .widget_pages li,
.footer-nav-widgets-wrapper .widget_nav_menu li,
.powered-by-wordpress,
.to-the-top {
	color: var(--bill-footer-muted);
}

.footer-inner a {
	color: #a2b7ef;
}

.footer-inner p,
#site-footer p {
	font-size: 80%;
}

#site-footer.header-footer-group p {
	color: grey;
}

#site-footer .to-the-top {
	color: var(--bill-footer-muted);
}

.footer-top ul.social-icons {
	margin: -1.5rem 0 0;
	margin-inline-start: -1.5rem;
	width: auto;
}

.footer-top .social-icons li {
	margin: 1.5rem 0 0;
	margin-inline-start: 1.5rem;
}

.footer-top .social-menu a {
	background-color: transparent !important;
	color: inherit !important;
	height: 24px;
	opacity: 0.8;
	width: 24px;
}

.footer-top .social-menu a:focus,
.footer-top .social-menu a:hover {
	opacity: 1;
	transform: scale(1);
}

.footer-widgets .widget-title {
	font-size: 2.4rem;
	margin-bottom: 2rem;
}

.footer-top .footer-menu {
	font-size: 2.1rem;
}

h5 {
	color: var(--bill-gold);
	font-family: "Lato", sans-serif;
	font-size: 80%;
	font-weight: 700;
	margin-bottom: 1rem;
	margin-top: 0;
	text-transform: uppercase;
}

h6 {
	color: #9298ab;
	font-family: "Lato", sans-serif;
	font-size: 60%;
	font-weight: 200;
	position: relative;
	text-align: right;
	text-transform: none;
	top: -3rem;
}

figcaption {
	color: #9298ab;
	font-size: 60%;
	font-weight: 200;
	margin-top: 0;
	text-align: right;
	text-transform: none;
}

.wp-block-latest-posts figcaption a {
	font-style: normal;
	font-weight: 200;
}

.tw-heading-size-large li > a,
.uagb-post__title {
	font-family: "Playfair Display", serif;
	font-size: 200% !important;
}

.tw-heading-size-large li p {
	margin-top: 1rem;
}

.wp-block-latest-posts__post-full-content h2,
.wp-block-latest-posts__post-full-content h4,
.uagb-post__excerpt h2 {
	font-size: 130%;
	margin-top: 1rem;
}

.wp-block-latest-posts__post-full-content h3 {
	border-top: 1px solid #b7b9c3;
	color: #838695;
	font-size: 130%;
	margin-bottom: 1rem;
	margin-top: 5rem;
	padding-top: 0.5rem;
	width: 100%;
}

.page-id-72 .wp-block-latest-posts__post-full-content h2 {
	color: #838695;
}

.page-id-61 .uagb-post__excerpt {
	border-top: 1px solid #a8adbd;
}

.uagb-block-a841c7bb .uagb-post__items article {
	margin-bottom: 4rem;
}

.uagb-post__excerpt h6 {
	margin-bottom: 1rem;
	margin-top: 0;
	top: 0;
}

.page-id-133 .wp-block-columns {
	margin-bottom: 0;
	margin-top: 0;
}

.page-id-107 ul.wp-block-latest-posts.is-style-tw-posts-card > li {
	background-color: #d6d8e0;
}

.page-id-107 ul.wp-block-latest-posts.is-style-tw-posts-card > li:hover {
	background-color: #f6f6f8;
	box-shadow: none;
}

.page-id-107 ul.wp-block-latest-posts.is-style-tw-posts-card > li > a {
	font-size: 150%;
}

.page-id-107 .entry-content .wp-block-latest-posts__post-excerpt,
.page-id-107 .entry-content .wp-block-latest-posts__post-excerpt p,
.page-id-107 .entry-content .wp-block-latest-posts__post-excerpt li,
.page-id-112 .entry-content .wp-block-latest-posts__post-full-content p,
.page-id-112 .entry-content .wp-block-latest-posts__post-full-content li {
	font-family: "Lato", sans-serif;
}

.page-id-8 .wp-block-button__link[href^="mailto:"] {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--bill-accent) !important;
	padding: 0 !important;
	text-decoration: underline;
}

@media (min-width: 700px) {
	.page-id-107 .wp-block-latest-posts.is-grid > li:nth-child(2n) {
		margin-right: 0;
	}

	.page-id-41 .entry-content > h6:first-child,
	.page-id-133 .entry-content > h6:first-child,
	.page-id-72 .entry-content > h6:first-child,
	.page-id-7 .entry-content > h6:first-child,
	.page-id-8 .entry-content > h6:first-child {
		top: -6rem;
	}
}

@media (min-width: 1000px) {
	.page-id-7 .cover-header.bg-image {
		background-position: center calc(50% + 180px);
	}

	.header-titles {
		align-items: flex-start;
		flex-direction: column;
		margin: 0;
	}

	.header-titles .site-title,
	.header-titles .site-description {
		margin-left: 0;
	}

	.header-titles .site-title {
		margin-top: 0;
	}
}

ul.wp-block-latest-posts.is-style-tw-posts-card > li,
ul.wp-block-latest-posts.is-style-tw-posts-card > li:hover {
	box-shadow: none;
}

.wp-block-latest-posts__post-excerpt::after {
	color: var(--bill-accent);
	content: " Read more \2192";
}

.single-post .uagb-post-grid .uagb-post__title {
	font-size: 130%;
}

.single-post .uagb-post-grid .wp-block-button__link {
	padding: 0.5rem 1rem;
}

.single-post .uagb-post-grid .wp-block-button a {
	font-size: 70%;
}

.single-post .uagb-post-grid .uagb-post__excerpt {
	font-size: 75%;
}

.archive h1.archive-title span.color-accent {
	display: none;
}

.archive h1.archive-title {
	font-size: 400%;
	letter-spacing: -0.0415625em;
}

.archive .entry-header-inner {
	border-top: 1px solid var(--bill-gold);
	padding-top: 1.5rem;
}

.archive .entry-categories-inner a {
	font-size: 80%;
	margin-right: 1rem;
}

.archive .entry-categories-inner a:nth-of-type(2) {
	color: #8594bf;
}

.archive h2.heading-size-1 {
	font-size: 240%;
}

.archive .entry-content h2 {
	color: var(--bill-gold);
	font-size: 130%;
	margin-top: 1rem;
}

.post-inner {
	padding-top: 3rem;
}

.c-accordion__title {
	border-top: 1px solid #a8adbd;
	color: var(--bill-accent);
	margin-bottom: 1rem;
	margin-top: 2rem;
	padding-top: 0.5rem;
}

.hidethis {
	display: none !important;
}

@media (max-width: 699px) {
	.admin-bar #site-header {
		top: 46px;
	}

	.page-id-41 .entry-content > h6:first-child,
	.page-id-133 .entry-content > h6:first-child,
	.page-id-72 .entry-content > h6:first-child,
	.page-id-7 .entry-content > h6:first-child,
	.page-id-8 .entry-content > h6:first-child {
		top: -1rem;
	}

	.entry-content {
		font-size: 1.8rem;
	}

	h1.entry-title,
	.entry-content h1:not([class*="-font-size"]) {
		font-size: 3.6rem;
	}

	.header-titles-wrapper {
		width: 25rem;
	}

	.nav-toggle .toggle-inner {
		padding-top: 0.4rem;
	}

	.nav-toggle .toggle-icon {
		border-bottom: 2px solid;
		border-top: 2px solid;
		height: 1.6rem;
		position: relative;
		width: 2.3rem;
	}

	.nav-toggle .toggle-icon::after {
		border-top: 2px solid;
		content: "";
		display: block;
		position: absolute;
		top: 0.5rem;
		width: 100%;
	}

	.nav-toggle svg {
		display: none;
	}

	.site-title {
		font-size: 2.8rem;
	}
}