@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.5
*/

body {
	min-height: 100%;
}

#mo-page-row {
	padding: 30px 0px;
}

.page-template-full-width #mo-page-row {
	padding: 0px;
}

.mo-page-title {
	text-align: center;
}

#mo-copyright {
	text-align: center;
}

#default-header, #manual-header {
	padding: 100px 50px 100px 50px;
    background: none;
}

.mo-alertbar { 
    /*background-color: #ff0000; */
    color: #FFFFFF; 
    display: block; 
    line-height: 45px;
    height: 50px; 
    position: relative; 
    text-align: center; 
    text-decoration: none; 
    top: 0px; 
    width: 100%;
    z-index: 100;
}

footer {
	padding: 30px;
	text-align: center;
}


#mo-sidebar ul {
	list-style-type: none;
	text-align: center;
}

#mo-default-hero-container {
	font-size: 72px;
	text-align: center;
	padding: 20vw 30px;
}

.navbar h2 {
	font-size: 12px;
}

.not-found {
	font-size: 20px;
	text-align: center;
}

.error404 input[type=text]{
	margin-bottom: 10px;
}

.error404 input[type=submit] {
	padding: 10px 0px;
	max-width: 50%;
	display: inline;
	margin: auto;
	text-align: center;
}

/* Comments */
#respond {
	margin-top: 30px;
}

#respond #submit, :where(.wp-block-search__button), [type=button], [type=reset], [type=submit], button {
	border: none;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
}

#mo-post-title {
	text-align: center;
}

#mo-post-thumbnail img {
	margin: auto;
	max-width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.entry-content.post {
	margin-bottom: 30px;
	padding: 30px;
}
.commentlist {
	list-style: none;
}

.comment a {
	font-weight: 600;
	text-decoration: none;
}

.comment-author {
	padding: 15px 30px 0px 30px;
}

.comment-meta {
		padding: 0px 30px 15px 30px;
}

.reply {
	padding: 15px 30px;
}

.comment p {
	padding: 30px;
}

.thread-odd {
	margin-left: 30px;
}

#respond textarea#comment {
	display: block;
	width: 100%;
}

.commentlist, .commentlist ul {
list-style-type: none;
}

.navbar button {
	background-color: unset;
}

.gradient-bg .wp-block-columns  {
	margin-bottom: 0px;
}

.nav-link {
	text-transform: uppercase;
}

.readmore {
	background-color: grey;
	padding: 10px 15px;
	color: white;
	text-decoration: none;
	display: inline-block;
}

.readmore:hover {
	color: white;
	background-color: black;
}

/* Pagination Styling */
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: grey;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: black;
}

/* Meta Styling for Posts */
#mo-meta {
	background-color: var(--textcolor);
	color: var(--bgcolor);
	min-height: 20px;
	padding: 10px;
}

#mo-posted-on {
	margin-right: 10px;
}

#mo-posted-by {
}

#mo-post-category {
	font-size: 10px;
	clear: both;
	margin-top: 10px;
}

#mo-post-category ul {
	display: block;
	padding: 0px;
}

#mo-post-category li {
	display: inline;
}

/* Woocommerce */
/* All Button Styling */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button, .wc-block-cart__submit-button {
	background: var(--textcolor);
	border-radius: 0px;
	border: 2px solid var(--textcolor);
	color: var(--bgcolor);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover, .wc-block-cart__submit-button:hover {
	background: var(--bgcolor);
	color: var(--textcolor);
	border-radius: 0px;
	border: 2px solid var(--textcolor);
}

/* Woocommerce styling */
.woocommerce .quantity .qty {
	height: 40px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
	color: red;
}

.is-mobile .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title:before, .is-small .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title:before, .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title:before {
	content: counter(checkout-step) ". "!important;
}

/* Sidebar Nav */
/*#bg {
	width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
    padding: 30px;
}*/

#sidebar-nav-desktop ul {
	display: block;
}

#sidebar-nav-desktop {
	margin-top: -30px;
	margin-bottom: -30px;
	padding-top: 30px;
}

#sidebar-nav-desktop .navbar-brand {
	padding-top: 0px;
}

#sidebar-nav-desktop .nav-link {
	padding: 4px 0px;
}


/* Transparent Nav At Top */
#modnav.trans-yes {
	background: unset;
	transition: ease .25s all;
}

#modnav.trans-yes.solid {
	background: var(--navbarbg);
}

/*.logged-in #modnav.trans-yes {
	margin-top: 32px;
}

#customize-preview .logged-in #modnav.trans-yes {
	margin-top: 0px;
}*/

/* Alt logo initial states */
.logo-top {
	display: block;
	transition: ease .25s all;
}

.logo-bottom {
	display: none;
	transition: ease .25s all;
}

/* Alt logo hover states */
/*.navbar:hover .logo-bottom, #modnav.trans-yes.solid .logo-bottom {
	display: block;
	transition: ease .25s all;
}

.navbar:hover .logo-top, #modnav.trans-yes.solid .logo-top {
	display: none;
	transition: ease .25s all;
} */

/*.logo-top img {
	width: 175px;
	height: auto;
		transition: ease .25s all;
}*/

@media screen and (max-width: 768px) {
	#sidebar-nav-desktop {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	#sidebar-nav-mobile {
		display: none;
	}
}