/*
 Theme Name:   Twenty Sixteen Child
 Theme URI:    https://racheleditullio.com/wp-content/themes/twentysixteen-child/
 Description:  Twenty Sixteen Child Theme
 Author:       Rachele DiTullio
 Author URI:   https://racheleditullio.com/
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentysixteenchild
*/

/* LIGHT THEME */
:root {
  /* Primary (medium blue) */
  --color-primary: #2563be;

  /* Secondary (near-black text) */
  --color-secondary: #111111;

  /* Base background (white) */
  --color-tertiary: #ffffff;

  /* Accent (purple) */
  --color-accent: #6b3fa0;

  /* Light grey for media-text blocks */
  --color-dark-surface: #f0f0f0;

  /* Callout block */
  --color-callout-bg: #111111;
  --color-callout-fg: #ffffff;

  /* Print foreground */
  --color-print-fg: #000000;

  /* Inline code background */
  --color-code-bg: #e8e8e8;

  /* Image borders */
  --color-img-border: #888888;

  /* Site-title gradient stops — darkened for light backgrounds */
  --color-title-grad-start: rgba(70, 85, 210, 1);
  --color-title-grad-mid:   rgba(200,  15,  90, 1);
  --color-title-grad-end:   rgba(210, 150,  10, 1);
}

/* DARK THEME */
@media (prefers-color-scheme: dark) {
  :root {
    /* Primary (bright green) */
    --color-primary: #00ff00;

    /* Secondary (white) */
    --color-secondary: #ffffff;

    /* Base background (black) */
    --color-tertiary: #000000;

    /* Accent (purple) */
    --color-accent: #9365ed;

    /* Near black for media-text blocks */
    --color-dark-surface: #222222;

    /* Callout block */
    --color-callout-bg: #ffffff;
    --color-callout-fg: #000000;

    /* Print foreground */
    --color-print-fg: #000000;

    /* Inline code background */
    --color-code-bg: #2a2a2a;

    /* Image borders */
    --color-img-border: #555555;

    /* Site-title gradient stops */
    --color-title-grad-start: rgba(112, 128, 255, 1);
    --color-title-grad-mid:   rgba(253,  29, 119, 1);
    --color-title-grad-end:   rgba(255, 197,  41, 1);
  }
}

/*ACCESSIBILITY*/
strong {font-weight:900}
.site-content { word-wrap: normal;}
/*content*/
body {font-size: 1.2em!important; color: var(--color-secondary)!important;}
.site {background-color: var(--color-tertiary)!important}
a {color: var(--color-primary)!important; text-decoration: underline; box-shadow:none!important;border: 1px solid transparent}
a:visited {color: var(--color-secondary);}
a:hover, a:focus {color: var(--color-primary)!important; text-decoration:none!important; border: 1px solid var(--color-primary)!important}
a.skip-link {position: absolute;width:1px;height:1px;left:0!important}
a.skip-link:focus {border: 1px solid var(--color-primary); background-color: var(--color-primary)!important;color: var(--color-tertiary)!important;font-weight:bold;padding:0.5em!important;width:auto!important;left:5px!important}
figure a:focus, figure a:hover {box-shadow: 0 0 10px var(--color-primary)!important}
.wp-block-code code, code {color: var(--color-secondary)!important;font-family:"Courier New", Courier, monospace!important;background-color: var(--color-code-bg)!important}
.wp-block-quote cite {color: var(--color-accent)!important}
.wp-block-image img, .post-thumbnail img, .jp-relatedposts-post-img, .wp-block-media-text__media img {border:1px solid var(--color-img-border)!important}
summary:focus-visible {outline: 1px solid var(--color-primary)!important}
article li {margin-bottom: 1em;}
@media screen and (min-width: 600px) {
.wp-block-media-text {background-color: var(--color-dark-surface)!important}
}
blockquote {border-left: 1em solid var(--color-accent)!important}
[class^="wp-block-"] figcaption {color: var(--color-secondary)!important}
.callout {background-color: var(--color-callout-bg)!important; color: var(--color-callout-fg)!important; padding:1em!important;font-size:1.2em!important}
.callout a {color:var(--color-tertiary)!important}
.widget nav ul li {border-bottom:1px solid var(--color-secondary)}
/*tables*/
th, td {border-color: var(--color-secondary)!important;border-left: 1px solid var(--color-secondary)!important; vertical-align:top}
thead th {background-color: var(--color-secondary)!important; color: var(--color-tertiary)!important}
tbody th {background:transparent!important;color: var(--color-secondary)!important}
[role="region"][aria-labelledby][tabindex] {overflow: auto; margin-bottom: 1em;}  
[role="region"][aria-labelledby][tabindex]:focus { outline: 0.1em solid var(--color-primary) }
table details {border: 1px dashed var(--color-primary);}
table summary {color: var(--color-primary);display:list-item!important;padding-left: 0.25em;}
/*header*/
.site-branding .site-title a {
	text-decoration:none!important;outline:0!important; 
	background-color: #737EFC;
	background: linear-gradient(90deg, var(--color-title-grad-start) 0%, var(--color-title-grad-mid) 51%, var(--color-title-grad-end) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	padding-right: 0.25em;
}
.site-title{color:var(--color-secondary)}
/*navigation*/
.main-navigation li {border-top: none!important;border-bottom: 1px solid var(--color-secondary)!important}
.current_page_parent a, .current-page-ancestor a {color: var(--color-secondary)!important;font-weight:bold;text-decoration:none}
a .meta-nav{color: var(--color-primary)!important}
#site-navigation a {font-weight: bold}
#site-navigation a:hover, #site-navigation a:focus {background-color: var(--color-primary); color: var(--color-tertiary)!important}
#site-navigation .current-menu-item > a {color: var(--color-secondary)!important; text-decoration:none!important}
#site-navigation .current-menu-item > a:hover, #site-navigation .current-menu-item > a:focus {color: var(--color-tertiary)!important}
.menu-toggle {border-color: var(--color-secondary)!important;background-color: var(--color-secondary)!important;color: var(--color-tertiary)!important}
.menu-toggle:hover, .menu-toggle:focus {color: var(--color-tertiary)!important;background-color: var(--color-primary)!important;border-color: var(--color-primary)!important}
.menu-toggle.toggled-on, .menu-toggle.toggled-on:focus, .menu-toggle.toggled-on:hover {color: var(--color-secondary)!important;background-color: var(--color-tertiary)!important}
/*search*/
input[type="search"] {padding: 1em;border: 1px solid var(--color-secondary)!important}
input[type="search"]:focus {box-shadow: 0 0 10px var(--color-primary)}
.wp-block-search__inside-wrapper {display: flex; align-items: center;}
.wp-block-search__input { flex: 1;}
.wp-block-search__button {margin-left: 8px;}
/* Default: white button, blue icon */
.wp-block-search__button, .search-submit {background-color: var(--color-tertiary)!important;color: var(--color-primary)!important;border-color: var(--color-primary)!important; border: 1px solid!important}
.wp-block-search__button svg, .wp-block-search__button svg path, .search-submit svg, .search-submit svg path {fill: var(--color-primary)!important}
/* Hover/focus: blue button, white icon */
.wp-block-search__button:hover, .wp-block-search__button:focus, .search-submit:hover, .search-submit:focus {background-color: var(--color-primary)!important;color: var(--color-tertiary)!important;border-color: var(--color-primary)!important}
.wp-block-search__button:hover svg, .wp-block-search__button:hover svg path, .wp-block-search__button:focus svg, .wp-block-search__button:focus svg path, .search-submit:hover svg, .search-submit:hover svg path, .search-submit:focus svg, .search-submit:focus svg path {fill: var(--color-tertiary)!important}
/*buttons*/
input[type="button"]:focus, input[type="button"]:hover {box-shadow: 0 0 10px var(--color-primary)}
#content [aria-pressed="true"], #content [aria-expanded="true"] {background-color: var(--color-tertiary); color: var(--color-secondary); border: 1px solid var(--color-secondary)}
#content [aria-pressed="true"]:hover, #content [aria-pressed="true"]:focus, #content [aria-expanded="true"]:hover, #content [aria-expanded="true"]:focus {background-color: var(--color-primary); color: var(--color-tertiary)!important; border-color: var(--color-primary)}
/*video*/
.youtube-short {max-width: 25em}
/*accordion*/
.wp-block-accordion-heading__toggle:focus, button.wp-block-accordion-heading__toggle:hover {color: var(--color-tertiary)}
/*pagination*/
.post-navigation {border-top: 1px solid var(--color-secondary)!important;border-bottom: 1px solid var(--color-secondary)!important}
.nav-links div + div {border-top:2px solid var(--color-secondary)!important}
.nav-links .nav-previous a, .nav-links .nav-next a {background-color: var(--color-tertiary)!important;color: var(--color-primary)!important}
.post-navigation a:hover .post-title, .post-navigation a:focus .post-title {color: var(--color-primary)!important}
div.wpforms-container-full .wpforms-form input[type="submit"], div.wpforms-container-full .wpforms-form button[type="submit"], div.wpforms-container-full .wpforms-form .wpforms-page-button {background-color: var(--color-primary)!important;color: var(--color-tertiary)!important;border:1px solid var(--color-primary)!important}
nav.pagination {border-top: 1px solid var(--color-secondary)}
nav.pagination .nav-links {padding-right: 0;position: initial;}
nav.pagination .prev:hover, .pagination .prev:focus, .pagination .next:hover, .pagination .next:focus {background-color:var(--color-tertiary)}
/*JetPack*/
h3.jp-relatedposts-headline {font-size:1.5em!important;font-family:inherit!important}
.jp-relatedposts-post .jp-relatedposts-post-title a {text-decoration:underline!important}
.jp-relatedposts::before {background-color: var(--color-secondary)!important;opacity:1!important;height:2px!important}
.jp-relatedposts-post .jp-relatedposts-post-title a:hover {text-decoration:none!important}
.jp-relatedposts-post-thumbs a {display:block!important}
.jp-relatedposts-post-thumbs img.jp-relatedposts-post-img {margin-bottom: 0!important}
.jp-relatedposts-post .jp-relatedposts-post-title a {margin-top: 1em!important}
.entry-content #jp-relatedposts {margin-top: 5em!important}
/*footer*/
#menu-footer li.current-menu-item a, #menu-footer li.current-page-ancestor a, #menu-footer li.current_page_parent a {color: var(--color-primary)!important;font-weight:normal!important;text-decoration:underline!important}
#menu-footer li.current-menu-item a:hover, #menu-footer li.current-menu-item a:focus, #menu-footer li.current-page-ancestor a:hover, #menu-footer li.current-page-ancestor a:focus, #menu-footer li.current_page_parent a:hover, #menu-footer li.current_page_parent a:focus {text-decoration:none!important}
@media screen and (min-width: 56.875em) {
.site-footer .main-navigation {border-top:1px solid var(--color-secondary);}
}

/*OVERRIDES*/
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {content: none!important}
body:not(.search-results) article:not(.type-page) img.below-entry-meta, body:not(.search-results) article:not(.type-page) figure.below-entry-meta {margin-left:0!important;max-width:100%!important}
blockquote strong, blockquote b {font-weight: 900!important}
blockquote {color:var(--color-secondary)}
figure a {display: inline-block!important}
.wp-block-search__inside-wrapper {margin-bottom: 2em;}
.site-branding .site-title a {font-size: 1.4em; line-height: 1.5}
.site-header-menu {margin:1.5em 0 0 0!important}
.page-header {border:none!important}
.page-title {font-size:2em!important}
.site {margin: 0 !important}
.site-header {padding-top: 1em !important; padding-bottom: 1em !important}
.site-title {font-family: "Helvetica Neue", sans-serif !important}
.site-footer .site-title::after { content: none!important}
.page-id-1248 .entry-content h2:first-child {margin-top: 1em!important}
.entry-footer {font-size: 1em!important;color:var(--color-secondary)}
.primary-menu {font-size:1.5em!important}
.main-navigation {margin-left:0!important}
.nav-links .post-title, .entry-title, .comments-title { 
	hyphens: none!important;
	-webkit-hyphens: none!important;
	-moz-hyphens: none!important;
	-ms-hyphens: none!important;
}
.wp-block-column {margin-top: 2em!important}
.widget {border: none!important;line-height:1.4!important;}
.widget nav ul {list-style:none!important;margin-left:0!important;padding-left:0!important}
.widget nav ul li a {padding:1em!important}
li.cat-item a {display:block!important}
.site-header-main {padding-bottom: 1em; margin-bottom: 1em}
.entry-title {font-size:2.75rem!important}
.entry-content h2, .entry-summary h2, .comment-content h2 { font-size: 1.75rem!important;}
.entry-content blockquote, .entry-summary blockquote, .comment-content blockquote {margin-left: 0!important}
.entry-content ul, .entry-summary ul, .comment-content ul, .entry-content ol, .entry-summary ol, .comment-content ol {margin-left: 2em!important}
.wp-block-media-text__content {margin: 1em 0!important;}
.entry-footer > span:not(:last-child):after {    
	content: "\002f"!important;
    display: inline-block!important;
    opacity: 0.7!important;
    padding: 0 0.538461538em!important;
}
.entry-footer {margin-bottom: 2em}
footer.entry-footer {margin-left: 7.6923%}
#menu-footer {font-size: 1em !important}
.nav-previous a, .nav-next a {padding:1em}
.widget .search-submit:before {line-height:40px!important}
#main > section > div > form > button.search-submit:before {line-height:40px!important}
caption {font-weight:bold;text-align:center}
.no-sidebar .post-thumbnail img {margin:0!important}
button.menu-toggle {width:100%!important}
.site-footer .site-title {text-align:center}
@media screen and (min-width: 61.5625em) {
	body:not(.search-results) article:not(.type-page) .entry-footer, body:not(.search-results) article:not(.type-page) .entry-content {
    float: none!important;
    width: auto!important;
	margin-top: 4em!important
}
.post-thumbnail {margin: 2em 5%;}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {margin: 0!important}
.single .byline, body:not(.search-results) article:not(.type-page) .entry-footer .avatar, body:not(.search-results) article:not(.sticky) .posted-on, body:not(.search-results) .cat-links, body:not(.search-results) .tags-links, body:not(.search-results) article:not(.type-page) .entry-footer .edit-link, body:not(.search-results) article:not(.type-page) .comments-link {display: inline!important}
body:not(.search-results) article:not(.type-page) .entry-footer .avatar {width: 21px!important; margin: -0.1538461538em 0.5384615385em 0 0!important}
}
.wp-block-image figcaption.below-entry-meta {margin-left:0!important}
@media screen and (min-width: 56.875em) {
	.site-header-main {border-bottom: 1px solid var(--color-secondary); margin-bottom:2em}
	.site-header-main .wp-block-search {display: flex; justify-content: flex-end;}
	.site-header-main .wp-block-search .wp-block-search__inside-wrapper {max-width: 20em;}
	.site-footer .main-navigation {display: block!important;width:100%!important;padding-top:2em!important}
	.main-navigation li {border-bottom: none!important}
	.widget .search-submit:before {line-height:33px!important}
	.no-sidebar .entry-footer, .no-sidebar .entry-content, .no-sidebar .page-header, .no-sidebar .page-content, {margin-right:0!important;margin-left:0!important}
	.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .nav-links, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets
	 {margin-right: 5%!important;margin-left:5%!important}
	.site-footer .site-info {margin-left: 1em;}
	.site-branding .site-title {margin-top:3.4em!important}
}
@media screen and (min-width: 56.875em) and (max-width:72em) {
	.site-header-main .wp-block-search {justify-content: flex-start;}
	.site-branding .site-title {margin-top:0!important}
}
@media screen and (max-width: 44.375em) {

}
@media screen and (min-width: 30em) {
button.menu-toggle {width:auto!important}
}
@media screen and (max-width: 56.875em) {
li.menu-item a {padding-left:1em; text-align: center;}
.entry-header, .entry-content {margin-right: 7.6923%!important;}
}
@media screen and (min-width: 61.5625em) {
	body:not(.search-results) article:not(.type-page) img.below-entry-meta {width: 100%!important;}
}
@media screen and (max-width: 600px) {
li.menu-item a {padding-left:1em}
.wp-block-media-text .wp-block-media-text__content {padding: 1em 0 0 0!important}
}
@media print {
	.a11y-webring-club {display:none!important}
	@page {
		margin: 2cm;
	  }
	@page:left {
		margin: 2cm 1.5cm 2cm 2cm;
	}
	@page:right {
		margin: 2cm 2cm 2cm 1.5cm;
	}
	a {color: var(--color-print-fg)!important;text-shadow: none!important;}
	.site-branding .site-title a {color: var(--color-print-fg); -webkit-text-fill-color: var(--color-print-fg); -webkit-background-clip: unset;background-color: transparent!important;}
	a:after {
		content: " ("attr(href)")";
	  }
	td, th {border: 1px solid var(--color-print-fg)!important;}
	table summary, code, tr th, .wp-block-code code {color: var(--color-print-fg)!important;}
}
/*CUSTOM*/
.visually-hidden {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
  }
  .homepage-title {font-size:1.25em!important;}