/*
Theme Name:     Wayne Twenty Thirteen
Description:    Twentythirteen child theme.
Author:         CampusPress
Author URI:     https://campuspress.com
Template:       twentythirteen
Version:        1.0.0
*/

:root {
	--primary-color: #0c5449;
	--primary-color-darker: #08352f;
	--primary-color-light: #0e6655;
	--primary-color-lighter: #149077;
	--light-shade-color: #f0f5f3;
	--light-shade-color-alt: #e0e7e1;
	--light-shade-transparent: rgba(240, 245, 243, 0.7);
	--neutral-light-color: #c0cdbf;
	--neutral-muted-color: #b0bfb7;
	--alert-color: #a01e0d;
	--wayne-state-gold: #ffcc33;
}

/* Links */
a {
	color: var(--primary-color);
}

a:visited {
	color: var(--primary-color-darker); /* Slightly darker for visited links */
}

a:active,
a:hover {
	color: var(--primary-color-light); /* Slightly light for hover/active states */
}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: var(--primary-color);
	border-bottom-color: var(--primary-color-darker);
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: var(--primary-color-light);
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: var(--primary-color);
	border-top-color: var(--primary-color-darker);
}

/* Site Header */
.site-header .home-link {
	color: var(--primary-color);
}

/* Navigation */
.navbar {
	background-color: var(--primary-color);
}

.nav-menu li a {
	color: #fff;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: var(--primary-color-light);
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: var(--wayne-state-gold);
}

.nav-menu > .current_page_item > a,
.nav-menu > .current_page_ancestor > a,
.nav-menu > .current-menu-item > a,
.nav-menu > .current-menu-ancestor > a {
	color: #fff;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: var(--primary-color-darker);
}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: var(--primary-color-darker);
	border-color: #fff;
}

.site-header .search-field {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTYuNjcyNSAxNi42NDEyTDIxIDIxTTE5IDExQzE5IDE1LjQxODMgMTUuNDE4MyAxOSAxMSAxOUM2LjU4MTcyIDE5IDMgMTUuNDE4MyAzIDExQzMgNi41ODE3MiA2LjU4MTcyIDMgMTEgM0MxNS40MTgzIDMgMTkgNi41ODE3MiAxOSAxMVoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+);
}

.site-header .search-field:focus {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTYuNjcyNSAxNi42NDEyTDIxIDIxTTE5IDExQzE5IDE1LjQxODMgMTUuNDE4MyAxOSAxMSAxOUM2LjU4MTcyIDE5IDMgMTUuNDE4MyAzIDExQzMgNi41ODE3MiA2LjU4MTcyIDMgMTEgM0MxNS40MTgzIDMgMTkgNi41ODE3MiAxOSAxMVoiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+);
}

@media (max-width: 643px) {
	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active {
		color: #fff;
	}

	.toggled-on .nav-menu li > ul a {
		color: #fff;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		color: #fff;
	}

	.toggled-on .nav-menu > li a:hover,
	.toggled-on .nav-menu > ul a:hover {
		background-color: var(--primary-color-lighter);
	}

	.toggled-on .nav-menu > li a:focus,
	.toggled-on .nav-menu > ul a:focus {
		background-color: var(--primary-color-darker);
	}
}

/* Entry Header */
.entry-title a {
	color: var(--primary-color);
}

.entry-title a:hover {
	color: var(--primary-color-light);
}

/* Entry Meta */
.entry-meta a {
	color: var(--primary-color);
}

.entry-meta a:hover {
	color: var(--primary-color-light);
}

/* Page Links */
.page-links a {
	background: var(--primary-color);
	border-color: var(--primary-color);
}

.page-links a:hover {
	color: var(--primary-color);
}

/* Chat */
.format-chat .entry-meta a,
.format-chat .entry-content a {
	color: var(--primary-color);
}

.format-chat .chat .chat-timestamp {
	color: var(--primary-color);
}

/* Gallery */
.format-gallery .entry-meta a,
.format-gallery .entry-content a {
	color: var(--primary-color);
}

/* Link */
.format-link .entry-title {
	color: var(--primary-color-lighter);
}

.format-link .entry-title a {
	color: var(--primary-color-light);
}

/* Quote */
.format-quote .entry-content a,
.format-quote .entry-meta a,
.format-quote .linked {
	color: var(--primary-color-lighter);
}

/* Status */
.format-status .entry-meta a {
	color: #f7f5e7; /* to prevent changing hover/active state */
}

/* Post/Paging Navigation */
.navigation a {
	color: var(--primary-color);
}

.navigation a:hover {
	color: var(--primary-color-light);
}

.paging-navigation .meta-nav {
	background-color: var(--primary-color);
}

.paging-navigation a:hover .meta-nav {
	background-color: var(--primary-color-light);
}

.post-navigation {
	color: var(--primary-color);
}

/* Comments */
.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
	color: var(--primary-color);
}

.comment-meta a:hover {
	color: var(--primary-color-lighter);
}

/* Comment form */
.comment-reply-title small a:hover {
	color: var(--primary-color);
}

.comment-reply-title small a:hover {
	color: var(--alert-color);
}

.comment-form .required {
	color: var(--alert-color);
}

/* Widgets */
.widget a {
	color: var(--primary-color);
}

.widget a:hover {
	color: var(--primary-color-lighter);
}

/* Footer */
.site-footer a {
	color: #686758; /* to prevent changing hover/active state */
}

/* Fix format-audio, format-video style issue */
.format-audio,
.format-audio .entry-title a,
.format-audio .entry-meta a,
.format-audio .entry-meta a:hover,
.format-audio .entry-content a,
.format-audio .entry-content a:hover,
.format-video,
.format-video .entry-title a,
.format-video .entry-meta a,
.format-video .entry-meta a:hover,
.format-video .entry-content a,
.format-video .entry-content a:hover {
	color: #141412;
}

/* Force light shade color */
.format-aside {
	background-color: var(--light-shade-color);
}

.format-link {
	background-color: var(--light-shade-color);
}

.format-quote .entry-content,
.format-quote .entry-meta {
	color: var(--light-shade-color);
}

.format-status .entry-meta a {
	color: var(--light-shade-color);
}

.format-status .entry-content {
	color: var(--light-shade-color);
}

.single-format-status .author-description {
	color: var(--light-shade-color);
}

.comment-respond {
	background-color: var(--light-shade-color);
}

.no-comments {
	background-color: var(--light-shade-color);
}

/* Force slightly darker shade */
.attachment .hentry {
	background-color: var(--light-shade-color-alt);
}

.paging-navigation {
	background-color: var(--light-shade-color-alt);
}

.archive-header {
	background-color: var(--light-shade-color-alt);
}

.page-header {
	background-color: var(--light-shade-color-alt);
}

.error404 .page-title:before {
	color: var(--light-shade-color-alt);
}

.error404 .page-wrapper {
	background-color: var(--light-shade-color-alt);
}

/* Force light shade transparent */
.widget {
	background-color: var(--light-shade-transparent);
}

/* Input field focus styles */
button,
input,
textarea {
	border-color: var(--neutral-light-color);
}

/* Input field focus styles */
input:focus,
textarea:focus {
	border-color: var(--neutral-muted-color);
}

.site-header .search-field:focus {
	border-color: var(--neutral-muted-color);
}

/* Site Header with Logo */
.site-header .home-link {
	display: flex;
	gap: 15px;
	align-items: center;

	@media (max-width: 767px) {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

.site-header .home-link .site-title {
	padding: 0;

	@media (min-width: 768px) {
		font-size: 40px;
	}
}

.site-header .home-link .site-description {
	padding-top: .375em;

	@media (max-width: 643px) {
		font-size: 20px;
	}
}

.site-header .home-link .custom-logo {
	@media (max-width: 767px) {
		width: 60px;
	}
}

/* Adjust site footer */
.widget .widget-title {
	font-style: normal;
}

.site-footer,
.site-footer .sidebar-container {
	background-color: var(--primary-color-darker);
}

.site-footer .widget a {
	color: var(--wayne-state-gold);
}

/* Standardize paragraph text to 18px */
p:not(blockquote p) {
	font-size: 18px;
}

/* Selected/highlighted text style */
::selection {
	background: #0c5449;
	color: #fff;
}

/* Standardize Lato font */
html,
button,
input,
select,
textarea {
	font-family: Lato, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Lato, Georgia, serif;
}

.site-description,
.format-link .entry-title,
.attachment .entry-title,
.author-description .author-title,
.archive-title,
.archive-meta,
.page-title,
.comments-title,
.comment-reply-title,
.widget .widget-title {
	font-family: Lato, Helvetica, sans-serif;
}

@media (max-width: 643px) {
	.menu-toggle {
		font-family: Lato, Helvetica, sans-serif;
	}
}

/* Standardized tables */
.wp-block-table,
table {
	border: none;
}

.wp-block-table thead,
.wp-block-table tfoot,
table thead,
table tfoot,
table tr {
	border: none;
}

.wp-block-table td,
.wp-block-table th,
table td,
table th {
	border: none;
}

.wp-block-table thead th,
table thead th {
	text-transform: none;
	font-size: 16px;
}

table td {
	background: inherit;
	color: rgb(9 9 11/1);
}

.wp-block-table thead td,
.wp-block-table thead th,
table thead td,
table thead th {
	border-bottom: 1px solid rgb(212 212 216/1);
	padding: 12px 16px;
}

.wp-block-table tfoot td,
.wp-block-table tfoot th,
table tfoot td,
table tfoot th {
	padding: 8px 16px;
}

.wp-block-table tbody td,
table tbody td {
	padding: 8px 16px;
}

.wp-block-table .wp-element-caption {
	text-align: center;
}

table tr:nth-child(2n) {
	background-color: rgb(244 244 245/1);
}

table tr:nth-child(odd), table.no-stripe tr {
	background-color: rgb(255 255 255/1);
}

table th {
	background-color: rgb(244 244 245/1);
	color: #0C5449;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th {
	line-height: 1;
}

table td {
	font-size: .875rem; /* 14px */
}

table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
	line-height: 1.25rem;
}