/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    http://example.com/twenty-twenty-child/
 Description:  Twenty Twenty Child Theme
 Author:       Richard Holding, Julia Hopkin
 Author URI:   http://example.com
 Template:     twentytwenty
 Version:      0.4
 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
{
font-family: Arial, Helvetica, sans-serif;
}

h1, .heading-size-1
{
    font-size: 6.4rem;
    font-weight: 200;
    color: #2c2c2c;
}

h2
{
    font-size: 3.5rem;
    color: #2c2c2c;
    font-weight: 500;
}

.entry-content h2
{
    color: #2c2c2c;
    font-weight: 600;
}

.entry-content h4, h4
{
    color: #2c2c2c;
    margin: 2rem auto 2rem;
    font-size: 2.5rem;
    font-weight: 200;
    text-align: center;
}

.site-title
{
	font-size: 3rem;
	line-height: 1.4;
	color: #426554;
	font-weight: 300;
	margin: 1rem 0 0 2.4rem !important;
}

.singular .entry-header {
    padding: 0rem 0;
    background: #ffffff;
}

.wp-block-button__link
{
    background-color: #426554;
    color: #FFFFFF;
}

.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, a
{
    color: #426554 ;
    text-decoration: underline;
}

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

.extra-top-padding
{
    padding-top: 2rem;
}

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


/* header */

.site-logo img
{
    max-height: 14rem;
}

.site-description
{
    font-family: Arial, Helvetica, sans-serif;
    color: #426554;
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: -0.0277em;
    flex-wrap: nowrap;
}


.primary-menu > li {
    margin: 0.8rem 0 0 2.2rem;
}

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, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover
{
    color: #426554;
    text-decoration: none;
}

ul.primary-menu {
    display: flex;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -0.0277em;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: -0.8rem 0 0 -1.6rem;
}

.header-footer-group
{
    color: #161616;
}


body:not(.overlay-header) .toggle-inner .toggle-text, body:not(.overlay-header) #site-header .toggle
{
    color: #426554;
}


/* footer */

.footer-top-visible .footer-nav-widgets-wrapper
{
    margin-top: 4rem;
}

.footer-nav-widgets-wrapper
{
	border-color: #eee;
	background-color: #426554;
}

.footer-widgets-outer-wrapper
{
	border: none;
	padding: 0;
}

.footer-inner
{
    margin-top: 2rem;
}
 
.footer-nav-widgets-wrapper .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter)
{
    margin-bottom: 0rem;
    margin-top: 2rem;
}

#site-footer
{
    background-color: #426554;
}

#site-footer a, .footer-copyright
{
    color: #ffffff;
    font-size: 1.8rem;
}

:root .has-primary-color, :root .has-primary-color a
{
    color: #ffffff;
    font-size: 1.8rem;
    margin-top: 30px;
}

:root .has-primary-color a
{
    text-decoration: underline;
}

/* home */

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

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

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

.wp-block-latest-posts a, .wp-block-latest-comments__comment-meta 
{
    font-weight: 300;
    letter-spacing: -0.025em;
    line-height: 1.25;
    text-decoration: underline;
}

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

.wp-block-latest-posts__featured-image.aligncenter 
{
    margin-bottom: 1em;
    margin-top: 0em;
    text-align: center;
}

.metaslider .caption-wrap .caption 
{
    word-wrap: break-word;
    padding:0px 0px
}
.metaslider .caption a
{
    color: #ffffff;
    text-decoration: none;
    font-size: 2rem;
    display: block;
    padding: 10px 20px;
}

.metaslider .caption-wrap 
{
    background: rgba(0,0,0,0.7) !important;
    opacity: 1 !important;
}

.wp-block-group.has-background.px-4.py-3
{
    padding-right: 4rem;
    padding-left: 4rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    width: 100%;
}

.wp-block-image.alignfull img, .wp-block-image.alignwide img 
{
    height: auto;
    width: 100%;
    padding-top: 4rem;
    padding-left: 4rem;
    padding-right: 4rem;
    padding-bottom: 0rem;
}

figure.mb-0
{
    margin: 0 !important;
}

.wp-block-columns h3.m-0
{
    margin: 0rem;
}

.wp-block-columns.is-layout-flex
{
    gap: 3rem;
}

#twitter-widget-0
{
    height: 480px !important;
}

.feature-box-home 
{
    background: #426554;
    padding: 0rem;
}

.feature-box-home.p-3
{
    padding: 3rem;
}

.home-box-heading, .home-box-heading a
{
    color: #ffffff;
    text-decoration: none;
}

.home-twitter-column
{
    margin-bottom: 2rem!important;
}

.alignfull 
{
    margin-top: 0rem;
    margin-right: auto;
    margin-bottom: 5rem;
    margin-left: auto;
    max-width: 100vw;
    position: relative;
    width: 100%;
}


.home-button button, .button, .faux-button, .home-button .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"] 
{
    font-size: 3rem;
    text-transform: capitalize;
    font-weight: 300;
    letter-spacing: -0.0415625em;
    padding: 1em 0em;
}

.feature-box-home:hover, .feature-box-home:hover .wp-block-button__link
{
    background: #284034;
}



@media (max-width: 781px)
{
    .feature-box-home 
    {
    display: flex;
    flex-wrap: wrap;
    }
    
    .feature-box-home figure
    {
    flex: 20%;
    }
    
    .feature-box-home .wp-block-image.alignfull img, .wp-block-image.alignwide img
    {
    padding: 2rem;
    }
    
    .feature-box-home .wp-block-buttons
    {
    flex: 80%;
    }
    
    .wp-block-columns:not(.alignwide):not(.alignfull) 
    {
        margin-top: 0rem;
    }
    
    .wp-block-columns:not(.alignwide):not(.alignfull).wp-container-21, .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter)
    {
        margin-bottom: 0rem;
    }
    
}


/* members */

.heading-box
{
    background: #f8f9fa;
	padding: 1rem;
}

.border-bottom
{
    padding-bottom: 2rem;
    border-color: #f8f9fa;
    border-bottom-style: solid;
}

.wp-block-media-text .wp-block-media-text__content 
{
    padding: 1rem;
}

/* publications */

.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter)
{
    margin-bottom: 2rem;
    margin-top: 0rem;
}

/* blog */

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) 
{
    max-width: 120rem;
    width: calc(100% - 4rem);
}

.section-inner.medium 
{
    max-width: 120rem;
}

.entry-categories-inner
{
    display: none;
}

.post-author.meta-wrapper
{
    display: none;
}

h2.entry-title.heading-size-1 /* post title */
{
    font-size: 4.5rem;
	font-family: arial, helvetica, sans-serif;
}

.blog .entry-content h3, h3
{
    font-size: 3rem;
    color: #2c2c2c;
    font-weight: 300;
    text-align: center;
}

body:not(.singular) main > article:first-of-type 
{
    padding: 0rem 0 0;
}

.featured-media 
{
    display: none;
}

.featured-media img 
{
    margin: 0 auto;
    padding-top: 2rem;
}

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

.faux-button
{
    background-color: #426554;
    color: #FFFFFF;
}

/* blog full post */

.comment-reply-title
{
    color: #2c2c2c;
}

input[type="submit"]
{
    background-color: #426554;
    color: #FFFFFF;
}

/* research */

.feature-box
{
	background: #f8f9fa;
	padding: 2rem;
}

.page-id-71 .entry-content h3
{
    font-size: 3rem;
    color: #2c2c2c;
    font-weight: 300;
    text-align: left;
}

.entry-content .wp-block-columns h5
{
    margin: 0rem 0rem;
}

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

/* events */

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

.category-events .color-accent
{
    display: none;
}

.category-events .archive-title
{
    font-size: 6.4rem;
    font-weight: 200;
    color: #2c2c2c;
}

/* search results */

.search-results h2.entry-title.heading-size-1
{
    font-size: 4.5rem;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
}

/* cookie-consent */

div#cookie-law-info-bar
{
    background-color: #161616;
}

div#cookie-law-info-bar .button
{
    background-color: #426554;
}

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

.cli-style-v2 .cli-plugin-main-link:hover
{
	text-decoration: none;
}