@charset "UTF-8";
/*
Theme Name: modesto
Theme URI: https://www.foundationwebdev.com/
Author: Aimee Cozza
Author URI: https://www.foundationwebdev.com/
Description: A modest new theme, capable of fantastic things.
Version: 1.0
*/

:root {
	--bgcolor: #ffffff;
	--navbarbg: #000000;
	--navbartext: #ffffff;
	--headings: #252525;
	--textcolor: #252525;
	--footerbg: #000000;
	--footertext: #ffffff;
}

body {
background-color: var(--bgcolor);
color: var(--textcolor);
}

.navbar {
background-color: var(--navbarbg);
color: var(--navbartext);
}

.navbar h1, .navbar h2, .navbar h3, .navbar a, .navbar-light .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link {
color: var(--navbartext);
}

/*#topbar .col-sm:hover {
    box-shadow: inset 0 0 100px 100px rgb(255 255 255 / 20%);
    transition: ease .25s all;
}*/

h1, h2, h3, h4, h5 {
color: var(--headings);
}

#mo-site-footer {
background-color: var(--footerbg);
color: var(--footertext);
}

#default-header, #manual-header {
    box-shadow: 0px 0px 0px 4000px rgb(0 0 0 / 70%) inset;
}

/* 6-26-23 */

a {
	color: var(--teal);
}

#respond  textarea#comment {
	border: 2px solid var(--textcolor);
}

#respond #submit, :where(.wp-block-search__button), [type=button], [type=reset], [type=submit], button {
	    background-color: var(--textcolor);
    color: var(--bgcolor);
}

.entry-content.post {
	border: 2px solid var(--footerbg);
}

.comment a {
	color: var(--footerbg);
}

.comment-author a, .comment-meta a, .reply a, .comment-author, .comment-meta, .reply {
	color: var(--bgcolor);
}

.comment-author, .comment-meta, .reply {
	background: var(--textcolor);
}

.byuser .comment-author, .byuser .comment-meta, .byuser .reply {
	background: var(--footerbg);
}

.dropdown-menu a {
	color: var(--textcolor);
}

.dropdown-item.active, .dropdown-item:active {
	background-color: var(--headings);
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
	color: var(--headings);
}

/* Opinion specific */
h1.mo-page-title, #mo-site-footer h1, #mo-site-footer h2, #mo-site-footer h3, #mo-site-footer h4, #mo-site-footer h5 {
	color: var(--bgcolor);
}