/*
 Theme Name:   Nat's Child Theme
 Theme URI:    http://wp.natbauer.com/my-child-theme/
 Description:  My Twenty Seventeen child theme
 Author:       Nat Bauer
 Author URI:   http://wp.natbauer.com
 Template:     twentyseventeen
 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:  twentyseventeen-child
*/

* {
	--colorA: #003333;
	--colorB: #009999;
	--colorC: #90bb2a;
}

.site-branding-text {
	text-align: right;
	padding-top: 0.25em;
	-webkit-text-shadow: 0px 0px 10px var(--colorA);
	text-shadow: 0px 0px 10px var(--colorA);
}

body.has-header-image .site-description {
	opacity: 1;
}

.navigation-top,
.site-header,
.site-footer {
	background-color: var(--colorA);
	color: white;
	border: none;
}

.page-title,
.page .panel-content .entry-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	font-size: 1.25em;
	letter-spacing: 0.05em;
}

h2.widget-title {
	font-size: 1em;
	letter-spacing: 0.025em;
}

p.site-description {
	font-size: 1.25em;
	letter-spacing: 0.05em;
}


.page .panel-content .entry-title,
body.page:not(.twentyseventeen-front-page) .entry-title,
.page-title,
.entry-title,
h2.widget-title {
	color: var(--colorA);
}

a:hover,
.entry-meta a:hover,
.main-navigation a:hover,
.entry-title a, 
.site-footer a:hover,
.site-footer .widget-column a:hover  {
	color: var(--colorB);
}

a,
.entry-meta a,
.site-header .navigation-top .menu-scroll-down,
.navigation-top a,
.menu-toggle,
.site-footer h2.widget-title,
.site-footer a,
.site-info a, 
.entry-title a:hover {
	color: var(--colorC);
}

button.search-submit {
	background-color: var(--colorB);
}

button.search-submit:hover {
	background-color: var(--colorC);
}

input[type="search"] {
	border: 1px solid var(--colorA);
}

input[type="search"]:focus {
	border: 1px solid var(--colorB);
}

thead th {
    border-bottom: 2px solid var(--colorB);
}

tr {
    border-bottom: 1px solid var(--colorB);
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: var(--colorB);
	text-decoration: underline;
}

.social-navigation a {
	background-color: var(--colorC);
	color: var(--colorA);
}

.social-navigation a:hover {
	background-color: var(--colorB);
	color: var(--colorA);
}

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong,
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a,
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover,
.main-navigation a:hover {
	text-decoration: underline;
}