/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    http://example.com/twenty-twenty-child/
 Description:  Twenty Twenty Child Theme
 Author:       Richard Holding
 Author URI:   http://example.com
 Template:     twentytwenty
 Version:      1.36
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentytwentychild
*/

body,
input,
textarea,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button,
.has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-cover-image,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-pullquote,
.entry-content .wp-block-quote.is-large,
.entry-content .wp-block-quote.is-style-large,
.entry-content,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file,
.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary,
.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text,
.header-footer-group, 
body:not(.overlay-header) #site-header .toggle, 
.menu-modal .toggle
{
	font-family: 'Open Sans', sans-serif;
	color: #262626;
}

body.custom-background
{
	background-color: #fdfdfd !important;
}


/* header */

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

.header-titles .site-description
{
    display: none;
}

@media (min-width: 1000px)
{
	.site-logo img 
	{
		max-height: 12rem;
	}
}

.site-description,
body:not(.overlay-header) .toggle-inner .toggle-text,
body:not(.overlay-header) .primary-menu > li > a,
.modal-menu a,
.modal-menu > li > a, 
.modal-menu > li > .ancestor-wrapper > a,
.footer-menu a,
.footer-copyright,
.to-the-top,
.header-footer-group .color-accent
{
	font-weight: 300;
}


/* nav */

.primary-menu li
{
	font-size: 1.8rem;
}

body:not(.overlay-header) .primary-menu > li > a,
.modal-menu a,
button.close-nav-toggle .toggle-text,
.header-footer-group .color-accent
{
	color: #262626;
}

button.close-nav-toggle
{
	text-decoration: none;
}

body:not(.overlay-header) .primary-menu > li > .icon,
.menu-modal .toggle
{
	color: #ec972c;
}

body:not(.overlay-header) .header-inner .toggle-wrapper::before
{
	background-color: #b82b3e;
}

body:not(.overlay-header) .primary-menu ul
{
	background-color: #262626;
}

body:not(.overlay-header) .primary-menu > li > ul:after 
{
    border-bottom-color: #262626;
}

.current-page-ancestor > a,
.primary-menu li.current-menu-item > a:hover
{
	text-decoration: underline;
}


/* metaslider */

.metaslider
{
	box-shadow: 5px 5px 20px 5px #ccc;
}

.metaslider.ms-theme-simply-dark .flexslider ul.slides .caption-wrap
{
	margin: 0 !important;
	background: #0099ff !important;
}

.metaslider.ms-theme-simply-dark .flexslider ul.slides .caption-wrap .caption
{
	padding: 1rem !important;
	font-family: 'Open Sans', sans-serif !important;
    font-size: 3rem !important;
	letter-spacing: 0.01rem;
	line-height: 1.25;
}

.metaslider .caption a
{
	text-decoration: none;
}


/* content */

#site-content
{
    background: url(/wp-content/uploads/2021/04/background.png) center center no-repeat fixed;
}

.singular .entry-header
{
    padding: 8rem 0 4rem 0;
}

.archive-header
{
    padding: 8rem 0 0 0;
}

.post-inner
{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.home .post-inner
{
	padding-top: 0;
}

.post-meta-wrapper 
{
    padding-bottom: 2rem;
}

.archive-header, .singular .entry-header
{
	background: none;
}

.home .entry-header 
{
    display: none;
}

@media (min-width: 700px)
{
	.entry-content 
	{
		font-size: 1.8rem;
	}
}

body:not(.overlay-header) .toggle-inner .toggle-text,
body:not(.overlay-header) .primary-menu > li > a,
.modal-menu a,
.modal-menu > li > a, 
.modal-menu > li > .ancestor-wrapper > a,
.footer-menu a,
.footer-copyright,
.to-the-top,
.header-footer-group .color-accent
{
	font-weight: 300;
}

h1, .heading-size-1, 
h2, h3, h4, h5, h6,
.archive-title,
.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content h5, 
.entry-content h6
{
	color: #0099ff;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.01rem;
}

h6, 
.entry-content h6
{
	text-transform: none;
	font-weight: 300;
}

h1,
.entry-content h1,
.heading-size-1,
.archive-title,
h2.entry-title
{
	letter-spacing: 0;
	font-size: 5rem;
	text-align: center;
}

h2,
.entry-content h2,
.comment-reply-title
{
	font-size: 3rem;
}

h3,
.entry-content h3
{
	font-size: 2rem;
}

h4,
.entry-content h4,
.entry-content .wp-block-columns h4
{
	font-size: 1.75rem;
	font-weight: 300;
	margin: 4rem 0 1rem 0;
}

a,
.singular:not(.overlay-header) .entry-header .entry-categories-inner a
{
	color: #262626;
}

a:hover,
.singular:not(.overlay-header) .entry-header .entry-categories-inner a:hover
{
	color: #0099ff;
}

.entry-title a
{
	text-decoration: underline;
}

.entry-title a:hover
{
	text-decoration: none;
}

.entry-content > .alignwide:not(.wp-block-group.has-background)
{
	margin-top: 4rem;
	margin-bottom: 2rem;
}

.wp-block-media-text
{
    grid-template-columns: 35% 1fr;
}

.wp-block-media-text.has-media-on-the-right
{
    grid-template-columns: 1fr 35%;
}

iframe.twitter-timeline
{
	height: 750px !important;
}

.feature
{
	box-shadow: 5px 5px 20px 5px #ccc;
}

.feature h6 a
{
	color: #fff;
    text-decoration: none;
	padding: 1rem;
	display: block;
}

.feature:hover h6 a
{
	background-color: #0099ff;
}

.projects.feature:hover h6 a
{
	background-color: inherit;
}

.projects .wp-block-group__inner-container:hover h6 a
{
	background-color: #0099ff;
}

.feature.padding .wp-block-group__inner-container
{
	padding: 2rem;
}

.projects.feature.padding .wp-block-group__inner-container
{
	padding: 0;
}

.projects .wp-block-group
{
	margin: 0 0 2rem 0 !important;
}

.projects .wp-block-group:last-child
{
	margin-bottom: 0 !important;
}

.feature.padding h3:first-child
{
	margin-top: 0;
}

.margin-0,
.margin-0 > *
{
	margin: 0 !important;
}

.entry-content h3.margin-top-2
{
	margin-top: 2rem;
}

.margin-top-0
{
	margin-top: 0rem !important;
}

.margin-top-4
{
	margin-top: 4rem !important;
}

.margin-y-3
{
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}

.entry-content figcaption
{
	text-align: center;
	color: #666;
}

cite
{
	color: #666;
	font-weight: 300;
}

blockquote
{
    border-color: #81529a;
}

.grid
{
	padding-bottom: 2rem;
}

.entry-content .wp-block-columns .grid h3
{
	margin-top: 0;
    font-size: 1.75rem;
}

.grid h3 a
{
	padding: 1.5rem 2rem;
	color: #fff;
	background-color: #0099ff;
	text-decoration: none;
	display: block;
}

.grid h3 a:hover
{
	background-color: #262626;
}

.grid p
{
	margin-left: 2rem;
	margin-right: 2rem;
	font-size: 1.5rem;
}

.grid p a
{
	color: #0099ff;
}

.entry-content .wp-block-columns .grid h4
{
	margin: 2rem 2rem 0 2rem;
	color: #262626;
	text-transform: uppercase;
	font-size: 1.5rem;	
}

.keywords
{
	margin-top: .5rem;
}

.keywords a 
{
    background-color: #0099ff;
    padding: 0.25rem 0.5rem;
    display: inline-block;
    margin-bottom: 0.5rem;
	margin-right: 0.1rem;
    color: #fff !important;
    text-decoration: none;
}

.keywords a:hover
{
	background-color: #81529a;
}

.bg-white
{
	background-color: #fff;
}

.bg-red
{
	background-color: #b82b3e;
}

.bg-peach
{
	background-color: #e24f45;
}

.bg-orange
{
	background-color: #ec972c;
}

.bg-purple
{
	background-color: #81529a;
}

.bg-black
{
	background-color: #262626;
	color: #fff;
}

.bg-black.wp-block-columns:not(.alignwide):not(.alignfull)
{
	margin-top: 2rem;
}

.bg-black a
{
	color: #fff;
}

.entry-content .wp-block-columns.bg-black h2,
.entry-content .wp-block-column.bg-black h2,
.entry-content .wp-block-columns.bg-black h3.text-white,
.entry-content .wp-block-column.bg-black h3.text-white
{
	color: #fff;
}

.entry-content .wp-block-columns.bg-black h3,
.entry-content .wp-block-column.bg-black h3
{
	margin-bottom: 0.25rem;
}

.entry-content .wp-block-columns.padding,
.entry-content .wp-block-column.padding
{
	padding: 2rem;
}

.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull)
{
	margin-top: 4rem;
}

.wp-block-columns .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull)
{
	margin-top: 2rem;
}

.feature .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.feature .wp-block-video:not(.alignwide):not(.alignfull)
{
	margin: 0;
}

.entry-content .wp-block-columns .feature h6
{
	margin: 0;
}

.podcasts .wp-block-button
{
	margin-top: 0;
}

.podcasts img
{
	margin: 2rem 0;
}

.btn
{
	margin-top: 1rem;
	margin-bottom: 0;
	display: inline-block;
    width: 100%;
}

.wp-block-button__link,
.faux-button,
input[type="submit"],
.btn a,
.wp-block-file .wp-block-file__button
{
	color: #fff;
	background-color: #0099ff;
}

.btn a
{
	width: 100%;
	padding: 1.75rem;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 600;
}

.wp-block-button__link:hover,
.faux-button:hover,
input[type="submit"]:hover,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus,
.btn a:hover,
.btn a:focus,
.wp-block-file a.wp-block-file__button:hover
{
	text-decoration: none;
	background-color: #81529a;
	color: #fff;
}

iframe.anchor-fm 
{
    width: 100% !important;
    height: auto !important;
}

.archive-title .color-accent,
.category .entry-categories-inner,
.post-meta .meta-wrapper.post-author,
.single .pagination-single
{
    display: none;
}

.entry-categories a
{
	font-size: 2rem;
}

.singular .featured-media:before
{
	background-color: transparent;
}

.archive .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
.single .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide)
{
	max-width: 120rem;
}

.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright)
{
	margin: 0;
}

.wp-block-latest-posts.is-grid li 
{
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.entry-content .wp-block-latest-posts > li
{
	margin-bottom: 0;
}

.wp-block-latest-posts__featured-image.aligncenter
{
	margin-top: 0;
}

.wp-block-latest-posts__featured-image img
{
	border: 1px solid #ccc;
}

.pagination-wrapper
{
	margin-bottom: 4rem;
}


/* posts */

.category-blog .post-812 .featured-media,
.postid-812.singular .featured-media
{
	display: none;
}


/* footer */

.footer-logos-inner
{
	text-align: center;
}

.footer-logos-inner a 
{
    display: inline-block;
    margin: 4rem 4rem 4rem 0;
}

.footer-logos-inner img 
{
    max-height: 64.5px;
}

@media (min-width: 700px)
{
	.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer 
	{
		margin-top: 0;
		background-color: #262626;
	}
	
	.footer-nav-widgets-wrapper .footer-inner
	{
		background: url(/wp-content/uploads/2021/04/footer.png) bottom right no-repeat;
		min-height: 213px;
	}
}

#site-footer
{
	background-color: #262626;
	color: #fff;
}

.powered-by-wordpress
{
	display: none;
}

.to-the-top
{
	color: #fff;
	text-decoration: none;
}

#site-footer a:hover,
.to-the-top:hover
{
	color: #fff;
	text-decoration: underline;
}

.footer-menu a,
.widget_text p
{
	font-size: 1.8rem;
	color: #fff;
}

.footer-menu a:hover
{
	color: #fff;
}

@media (min-width: 700px)
{
	.footer-widgets-outer-wrapper 
	{
		padding: 4rem 0 0 0;
	}
}

.header-footer-group pre, .header-footer-group fieldset, .header-footer-group input, .header-footer-group textarea, .header-footer-group table, .header-footer-group table *, .footer-nav-widgets-wrapper, #site-footer, .menu-modal nav *, .footer-widgets-outer-wrapper, .footer-top
{
	border-color: transparent;
}

.footer-widgets a 
{
    display: inline-block;
	margin-top: .5rem;
    margin-right: 4rem;
    margin-bottom: 4rem !important;
}

.footer-widgets img 
{
    max-width: 100%;
    display: block;
}


/* cookie consent */

#cookie-law-info-bar
{
	box-shadow: none;	
}

.cli-style-v2
{
	line-height: 1.4;
}

.cli-style-v2,
.medium.cli-plugin-button
{
	font-size: 1.8rem;
}