/*
 Theme Name:   Chaplin Xtra
 Theme URI:    http://example.com/chaplin/
 Description:  A child theme based on the Chaplin theme by Anders Noren
 Author:       Ian Sheldon
 Author URI:   http://hyperborea.co.uk
 Template:     chaplin	
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  kk
 */
body {
	font-family: "Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
}

/* Make header stand out more, show site description under logo & title, always show title */
#site-header { 
	background-color: rgba(0,0,0,0.2) !important;
	z-index: 2;
}
#site-header .header-titles {
	flex-flow: column;
	align-items: flex-start;
}
#site-header .header-titles .site-logo {
	display: flex;
	align-items: center;
}
/* Site title always visible (even if using logo), and apply specific styling */
#site-header .header-titles .site-logo .screen-reader-text {
    position: relative !important;
    width: auto;
    height: auto;
    left: 2rem;
    clip-path: unset;
}
.widget-content > * {
	margin-bottom: 1rem;
}
@media (min-width: 700px) {
	.footer-widgets-outer-wrapper {
		padding-top: 4rem;
	}
}	
/* Site title always at standard size */
.site-logo {
	font-size: inherit;
	text-transform: uppercase;
	color: inherit;
}

/* Make sure headings are correct color (base style overrides to body text color) */
h1, h2, h3, h4, h5, h6 {
	color: var(--headings-color);
}
.cover-header h1,
.cover-header h2,
.cover-header h3,
.cover-header h4,
.cover-header h5,
.cover-header h6,
.cover-header .faux-heading {
	color: inherit;
}

.posts-grid .grid-item {
  margin-top: 2rem;
}

.archive-title {
	font-style: italic;
}
/* Ensure correct link colour when using legacy widget control */
.widget-content a {
	color: var(--accent-color) !important;
}
/* Tone down drop cap on text */
.has-drop-cap:not(:focus)::first-letter {
	font-size: 6rem;
	margin: .05em 0.1em 0 -0.1em;
}
/* Posts using narrow template should centered, then need to adjust for wid/full elements */
.entry-content {
	margin-left: auto;
	margin-right: auto;
}	
.entry-content > .alignwide, .entry-content > .alignfull {
	transform: translateX(-50%);
	margin-left: 50% !important;
}
/* Buttons */
.wp-block-button.is-style-outline > .wp-block-button__link, .wp-block-button .wp-block-button__link.is-style-outline {
	border: 2px solid currentColor;
	padding: calc( 1.175em - 2px ) calc( 1.75em - 2px );
}
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color), .wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color) {
  color: var(--wp--preset--color--buttons-background);
}
/* Verse */
pre.wp-block-verse {
	font-family: monospace;
}	
/* Quote and Pullquote */
blockquote {
	background-color: var(--wp--preset--color--light-background);
	border-width: 0 2px 0 2px;
}
.wp-block-pullquote blockquote {
	padding: 0.5rem;
}
.wp-block-pullquote p, .wp-block-pullquote.is-style-solid-color blockquote p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
	font-size: 1.1em;
	font-weight: unset;	
}
.wp-block-pullquote.alignleft {
	border-right-color: var(--wp--preset--color--accent);
	border-right-style: solid;
	border-right-width: 2px;
}
.wp-block-pullquote.alignright {
	border-left-color: var(--wp--preset--color--accent);
	border-left-style: solid;
	border-left-width: 2px;
}
@media (min-width: 700px) {
	.wp-block-pullquote.alignleft {
		margin-left: -2.5rem;
	}
	.wp-block-pullquote.alignright {
		margin-right: -2.5rem;
	}	
}