/*
 Theme Name:   Unofficial 19th Street
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  A custom Twenty Twenty child theme featuring an accessible buff, color-blocked header that supports a logo or text-based site title. It offers multiple menu display options, as well as multiple page templates.
 Author:       GW Marketing & Creative Services
 Author URI:   http://creativeservices.gwu.edu
 Template:     twentytwenty
 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:  twentytwentychild


All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0.	General Styles
	1. 	Typography
	2. 	Site Header
	3. 	
	4. 	Widgets
	5. 	Menus
	6. 	Page Templates
		a. Cover Template
		b. Full Width Template
	7. 	Post: Archive
	8.  Post: Single
	9.  Blocks
	10. 
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. 
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. General Styles
/* -------------------------------------------------------------------------- */
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 1080px;
}

body {
	background-color: #ffffff;
	color: #4a4a4a;
	font-family: 'Avenir', Arial, Helvetica, sans-serif;
}

hr, .entry-content hr:not(.has-background),
hr.styled-separator {
	color: #4a4a4a;
}
/* COLOR */

.color-accent,
.color-accent-hover:focus,
.color-accent-hover:hover {
	color: #D9D0BB;
}

/* BACKGROUND COLOR */

.bg-accent,
.bg-accent-hover:focus,
.bg-accent-hover:hover {
	background-color: #0073aa;
}

/* BORDER COLOR */

.border-color-accent,
.border-color-accent-hover:focus,
.border-color-accent-hover:hover {
	border-color: #0073aa;
}

/* FILL COLOR */

.fill-children-accent,
.fill-children-accent * {
	fill: #0073aa;
}

.fill-children-current-color,
.fill-children-current-color * {
	fill: #f3f3f3;
}

/* Specify color of the 'To the Content' arrow on the Cover Template */

a.to-the-content.fill-children-current-color,
a.to-the-content.fill-children-current-color * {
	fill: #033c5a;
}

.header-footer-group .color-accent {
	color: #0073aa;
}

.header-footer-group .color-accent:hover {
	color: #a75523;
}

/* Inputs ------------------------------------ */

fieldset {
	border: 0.2rem solid #d9d0bb;
}

input,
textarea,
button,
.button,
.faux-button,
.wp-block-file__button {
	font-family: 'Avenir', Arial, Helvetica, sans-serif;
}

input[type="checkbox"] {
	border-color: #688a9c;
}

input,
textarea {
	border-color: #4a4a4a;
	color: #4a4a4a;
}

button,
.button,
.faux-button,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #008364;
}

button:hover,
.button:hover,
.faux-button:hover,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #a75523;
}


/* Tables ------------------------------------ */

table {
	border: 0.1rem solid #688A9C;
}

th, td {
	border: 0.1rem solid #688A9C;
}

th {
	background-color: #688A9C;
	color: #f3f3f3;
}

/* Social Icons ------------------------------ */

.social-icons a,
.footer-social a {
	background: #0073aa;
	color: #f3f3f3;
}

.social-icons a:focus,
.social-icons a:hover,
.footer-social a:hover,
.footer-social a:focus {
	background: #a75523;
	color: #f3f3f3;
}

/* -------------------------------------------------------------------------- */

/*	1. Typography
/* -------------------------------------------------------------------------- */

/* Font Families ----------------------------- */

h1, h2, h3, h4, h5, h6 {
	color: #033c5a;
}

h5, h6 {
	font-weight: bold;
}

p, .entry-content p {
	color: #4a4a4a;
}

a {
	color: #0073aa;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #a75523;
	text-decoration: none;
}

.entry-content .wp-block-latest-comments a {
	text-decoration: underline;
}

.entry-content .wp-block-latest-comments a:hover,
.entry-content .wp-block-latest-comments a:focus {
	text-decoration: none;
}

figcaption,
.wp-caption-text {
	color: #4a4a4a;
}

figcaption a,
.wp-caption-text a {
	color: #0073aa;
}

figcaption a:hover,
figcaption a:focus,
.wp-caption-text a:hover,
.wp-caption-text a:focus {
	color: #a75523;
}
/* Quotes ------------------------------------ */
blockquote {
	border-color: #aa9868;
}

.cite, .entry-content cite {
	color: #4a4a4a;
}

/* -------------------------------------------------------------------------- */

/*	2. Site Header
/* -------------------------------------------------------------------------- */

#site-header {
	background-color: #D9D0BB;
}

.header-footer-group, .header-footer-group a {
	color: #033c5a;
}

.header-footer-group a:focus, .header-footer-group a:hover {
	text-decoration: underline;
}

/* Header Titles */

/*
.site-title {
	text-transform: uppercase;
}
*/

.site-description {
	color: #4a4a4a;
}

/* Header Toggles */

/* Remove background bolor on Desktop Expanded Menu
button.toggle.nav-toggle.desktop-nav-toggle {
	background-color: #d9d0bb;
}
*/

.header-inner .toggle path {
	fill: #033c5a;
}

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

/* Search Toggle */


/*Primary Menu*/

body:not(.overlay-header) .primary-menu > li > a,
body:not(.overlay-header) .primary-menu > li > .icon {
	color: #033c5a;
}

.primary-menu .current_page_ancestor,
.primary-menu li.current-menu-item > a {
	text-decoration: none;
	font-weight: 900;
}

.modal-menu li,
button.sub-menu-toggle {
	border-color: #e0e0e0;
}


/* SUB MENU */

.primary-menu ul {
	background: #033c5a;
	color: #f3f3f3;
}

.primary-menu ul::after {
	border-bottom-color: #033c5a;
}

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

.nav-toggle svg,
button.close-nav-toggle svg,
button.sub-menu-toggle svg {
	fill: #033c5a;
}

/* -------------------------------------------------------------------------- */

/*	4. Widgets
/* -------------------------------------------------------------------------- */

/* Widget Font Families */

.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary {
	font-family: 'Avenir', Arial, Helvetica, sans-serif;
}

.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text {
	font-family: "Hoefler Text", 'Times New Roman', Times, serif;
}

/* Block: Shared Widget Styles --------------- */

.textwidget p {
	color: #4a4a4a;
}

.widget .post-date,
.widget .rss-date {
	color: #4a4a4a;
}

.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_meta li,
.widget_nav_menu li {
	color: #4a4a4a;
}

.widget_archive a,
.widget_categories a,
.widget_pages a,
.widget_meta a,
.widget_nav_menu a {
	text-decoration: underline;
	color: #0073aa;
	font-weight: normal;
}

.widget_archive a:focus,
.widget_archive a:hover,
.widget_categories a:focus,
.widget_categories a:hover,
.widget_pages a:focus,
.widget_pages a:hover,
.widget_meta a:focus,
.widget_meta a:hover,
.widget_nav_menu a:focus,
.widget_nav_menu a:hover {
	text-decoration: none;
	color: #a75523;
}

/* Widget: Recent Entries -------------------- */

.widget_recent_entries a {
	text-decoration: underline;
}

.widget_recent_entries a:focus,
.widget_recent_entries a:hover {
	text-decoration: none;
}

/* Widget: RSS ------------------------------- */

.widget_rss a {
	text-decoration: underline;
}

.widget_rss a:focus,
.widget_rss a:hover {
	text-decoration: none;
}

/* Widget: Search ---------------------------- */

.widget_search .search-field {
	border-color: #9b9b9b;
}

/* Widget: Table ---------------------------- */

.widget table,
.widget table * {
	border-color: #688A9C;
}

.widget table caption {
	background-color: #4a4a4a;
}

/* Widget: Dates ---------------------------- */
.widget .post-date,
.widget .rss-date {
	color: #4a4a4a;
}

/* -------------------------------------------------------------------------- */

/*	5. Menus
/* -------------------------------------------------------------------------- */

/* Mobile Menu ---------------------------- */

.menu-modal .toggle {
	color: #033c5a;
}

.menu-modal .toggle:hover {
	color: #f3f3f3;
}

ul.social-menu.reset-list-style.social-icons.fill-children-current-color * {
	fill: #f3f3f3;
}


button.toggle.sub-menu-toggle.fill-children-current-color {
    background-color: #033c5a;
}

button.toggle.sub-menu-toggle.fill-children-current-color:hover {
    background-color: #a75523;
}


/*
svg.svg-icon polygon {
	fill: #033c5a;
}
*/

/* -------------------------------------------------------------------------- */
/*	6. Page Templates
/* -------------------------------------------------------------------------- */

/* A. Cover Template --------------------------------- */

.overlay-header .header-inner {
	color: #033c5a;
}

.overlay-header .toggle, 
.cover-header .entry-header * {
	color: #033c5a;
}

.overlay-header .site-description {
	color: #4a4a4a;
}

/* B. Full Width Template --------------------------------- */



/* -------------------------------------------------------------------------- */

/*	7. Posts: Archive
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */

/*	8. Posts: Single
/* -------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------- */

/* 9. Post Meta Info

/* -------------------------------------------------------------------------- */

.singular .intro-text {
	font-size: 2.5rem;
}

.post-meta,
.post-meta .meta-icon,
.meta-text,
.singular:not(.overlay-header) .entry-header .post-meta a {
	color: #4a4a4a;
}
.comment-author-link {
	color: #4a4a4a;
}

.post-meta .post-sticky .meta-icon svg,
.sticky .post-sticky,
.post-meta .post-sticky .meta-text {
	color: #00635D;
	font-weight: bold;
}

/* 07/08/2021 - my failed attempt to customize the "Sticky Post" label. Will revisit later; probably in a PHP file.
.post-meta .post-sticky .meta-text {
	content: "Featured Post";
}
*/

.entry-categories a {
	border-bottom: none;
}

.singular:not(.overlay-header) .entry-header a {
	color: #0073aa;
	text-decoration: underline;
}

.singular:not(.overlay-header) .entry-header a:focus,
.singular:not(.overlay-header) .entry-header a:hover {
	text-decoration: none;
	color: #a75523;
}

/* Featured Images */

/* This is the buff background halfway behind featured images */
.singular .entry-header, .singular .featured-media::before {
	background-color: #D9D0BB;
}

/* Author Bios */

.author-bio .author-link {
	text-decoration: underline;
}

.author-bio .author-link:focus,
.author-bio .author-link:hover {
	text-decoration: none;
}

/* Single Pagination */



/* -------------------------------------------------------------------------- */

/*	9. WP Blocks
/* -------------------------------------------------------------------------- */

/* Block Font Families ----------------------- */

.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 {
    font-family: 'Avenir', Arial, Helvetica, sans-serif;
}

.wp-block-quote p,
.entry-content .wp-block-quote.is-large,
.entry-content .wp-block-quote.is-style-large {
	font-family: "Hoefler Text", 'Times New Roman', Times, serif;
}

/* --- Trying to figure out how to make the font weight lighter --

.entry-content .wp-block-quote.is-large,
.entry-content .wp-block-quote.is-style-large {
	font-weight: lighter;
}
*/

/* CUSTOM COLORS 

:root .has-accent-color {
	color: #a75523;
}

:root .has-accent-background-color {
	background-color: #033c5a;
	color: #f3f3f3;
}

:root .has-primary-color {
	color: #4a4a4a;
}

:root .has-primary-background-color {
	background-color: #033c5a;
	color: #f3f3f3;
}

:root .has-secondary-color {
	color: #D9D0BB;
}

:root .has-secondary-background-color {
	background-color: #6aa89c;
	color: #f3f3f3;
}

:root .has-subtle-background-color {
	color: #D9D0BB;
}

:root .has-subtle-background-background-color {
	background-color: #D9D0BB;
	color: #4a4a4a;
}

:root .has-background-color {
	color: #D9D0BB;
}

:root .has-background-background-color {
	background-color: #D9D0BB;
	color: #033c5a;
}
*/

/* Horizontal Rules */

hr.wp-block-separator.is-style-default {
	color: #4a4a4a;
}

/* Paragraph Block */
p .has-drop-cap,
.has-drop-cap:not(:focus)::first-letter {
	color: #033c5a;
	font-family: 'Hoefler Titling A', 'Hoefler Titling B', 'Times New Roman', Times, serif, Helvetica, sans-serif;
}

/* Latest Posts */
.wp-block-latest-posts__post-date {
	color: #4a4a4a;
}

.wp-block-latest-posts a {
	text-decoration: underline;
}

.wp-block-latest-posts a:hover,
.wp-block-latest-posts a:focus {
	text-decoration: none;
}

/* Latest Comments */

.wp-block-latest-comments__comment-date {
	color: #4a4a4a;	
}

/* Block: Shared Media Styles ---------------- */

.wp-block-embed figcaption,
.wp-block-image figcaption {
	color: #4a4a4a;
}

/* Block: Button ----------------------------- */

a .wp-block-button__link:hover,
a .wp-block-button__link:focus {
	text-decoration: none;
	text-transform: none;
}


/* Block: Pullquote ----------------------------- */

.wp-block-pullquote::before {
	color: #aa9868;
}


.wp-block-pullquote cite {
	color: #4a4a4a;
}

/* Table */

table .wp-block-table.is-style-stripes {
	border: 0.1rem solid #D9D0BB;	
}

/* Bulleted Lists */

.entry-content .wp-block-archives li,
.entry-content .wp-block-categories li,
.entry-content .wp-block-latest-posts li {
	color: #4a4a4a;
}

/* Comments, Archives & Categories */

.wp-block-archives a,
.wp-block-categories a,
.wp-block-latest-posts a,
.wp-block-latest-comments a {
	text-decoration: underline;
}

.wp-block-archives a:hover,
.wp-block-categories a:hover,
.wp-block-latest-posts a:hover,
.wp-block-latest-comments a:hover,
.wp-block-archives a:focus,
.wp-block-categories a:focus,
.wp-block-latest-posts a:focus,
.wp-block-latest-comments a:focus {
	text-decoration: none;
}


/*--------------------------------------------------------------
# Entry Content 
--------------------------------------------------------------*/

/* Font Families */

.entry-content p,
.entry-content ol,
.entry-content ul,
.entry-content dl,
.entry-content dt {
	font-family: 'Avenir', Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}

.entry-content cite,
.entry-content figcaption,
.entry-content .wp-caption-text {
	font-family: "Hoefler Text", 'Times New Roman', Times, serif;
}

/* Gen Styles */

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

.entry-content a:hover,
.entry-content a:focus {
	text-decoration: none;
}

/*--------------------------------------------------------------
# COMMENTS
--------------------------------------------------------------*/

.comment-metadata {
	color: #4a4a4a;
}

.comment-reply-link {
	background-color: #008364;
	color: #f3f3f3;
}

.comment-reply-link:focus,
.comment-reply-link:hover {
	background-color: #a75523;
	color: #f3f3f3;
}

.comment-respond .comment-notes,
.comment-respond .logged-in-as {
	color: #4a4a4a;
}

/*--------------------------------------------------------------
# SITE PAGINATION 
--------------------------------------------------------------*/

.pagination .dots {
	color: #4a4a4a;
}
/*--------------------------------------------------------------
# Site Footer 
--------------------------------------------------------------*/

.footer-nav-widgets-wrapper,
#site-footer {
	border-color: #e0e0e0;
}

/* Footer Top -------------------------------- */

.footer-top {
	border-bottom: 0.1rem solid #e0e0e0;
}

/* FOOTER MENU */

.footer-menu a {
	text-decoration: underline;
}

.footer-menu a:hover,
.footer-menu a:focus {
	text-decoration: none;
}

#site-footer a.to-the-top:hover {
	color: #a75523;
	text-decoration: none;
}

/* Footer Widgets ---------------------------- */

.footer-widgets-outer-wrapper {
	border-bottom: 0.1rem solid #e0e0e0;
}

/* Footer Bottom ----------------------------- */

.powered-by-wordpress, .footer-copyright {
	display: none;
}

#site-footer a {
	color: #f3f3f3;
	text-decoration: underline;
}

#site-footer a.to-the-top {
	color: #0073aa;
	text-decoration: none;
	padding-bottom: 1em;
}

#site-footer a:hover {
	color: #f3f3f3;
	text-decoration: none;
}

/*--------------------------------------------------------------
# Global GW Footer 
--------------------------------------------------------------*/
div#main-sidebar {
    position: inherit!important;
}
.gwfooter_div {
    display: inline-block;
    width: 100%;
    padding-top: 1rem;
	padding-bottom: 1rem;
    margin-bottom: -50px;
    background-color: #033c5a;
}
    
/*  SECTIONS  */
    
.gwfooter_section {
    margin: 20px auto 20px auto;
    max-width: 940px;
    height: 100%;
}

.gwfooter_div .footer-logof .logo {
	height: 75px;
	width: auto;
	padding-left: 30px;
    vertical-align: middle;
    margin-bottom: 3rem;
}
    
.gwfooter_section {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    font-family: arial;
}

.gwfooter_section ul li a, 
.gwfooter_section ul li a:visited, 
.gwfooter_section label {
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
    font-family: arial;
}

.gwfooter_section ul li a:active,
.gwfooter_section ul li a:hover {
    text-decoration: none;
}
    
.gwfooter_section ul {
    list-style: none;
}
    
.gwfooter_section .row-one,
.gwfooter_section .row-two {
    position: relative;
    text-align: right;
    margin: 0px;
    float: right;
    clear: right;
}
    
.gwfooter_section .row-three p {
    float: right;
    width: 100%;
    text-align: right;
    line-height: 1.5em;
    font-size: 12px;
    font-family: Arial;
    margin-top:0;
	color: #f3f3f3;
}
.gwfooter_section .row-three p a {
    text-decoration: underline;
}
.gwfooter_section .row-three p a:hover,
.gwfooter_section .row-three p a:active {
    text-decoration: none;
}
@media (min-width: 1040px) {
    .gwfooter_section {
      display: block;
    }
    .gwfooter_div .footer-logof .logo {
      float: left;
    }
    .gwfooter_section ul {
      display: flex;
      flex-direction: row;
      white-space: nowrap;
      padding: 0;
      margin: 5px 0;
      text-align: center;
      float: right;
    }
    .gwfooter_section li {
      margin-left: 7px;
    }
    .gwfooter_section .row-three {
      float: right;
      width: 60%;
      text-align: right;
      margin-top: 5px;
    }
  }
 @media (max-width: 1040px) {
    .gwfooter_section { 
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 20px;
    }
    .gwfooter_section ul {
          text-align: center;
          margin:0;
          padding:0
        }
    .gwfooter_section .row-three p {
    width: 100%;
    line-height: 1.5;
    margin: auto;
    float: none;
    text-align: center;
    }
    .gwfooter_section li {
        margin: 6px 0;
    }
    .gwfooter_div .footer-logof .logo {
        margin-left: 0;
        margin-bottom:1rem;
    }
    
}