/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/

h1.site-title a {
	font-family: 'Playfair Display', serif;
	text-transform: uppercase;
	font-size: 50px;
	color: #fff !important;
	margin: 0;
	padding: 20px 0 10px;
	position: relative;
	top: 200px;
	left: -20px;
	white-space: nowrap
	}


.page-id-3381 h1.site-title { display: none; }
	
	/* So if you want to move the site title the final code would look like this:


	
This will actually move the site title closer to the top and more to the right. Putting a hyphen/minus sign in front of a number will move the item in the opposite direction. You can put the same code into the one for styling the tagline. Of course, you can change the numbers, if you want to move the tagline in a position different than the site title:
	*/
	
	


h1, h2, h3, h4, h5, h6 {

  color: #000000;

}

p { font-size: 20px;
	color:#000000; 
}

.mbt-book-title {
    clear: none;
    margin: 0;
    padding: 0;
	text-align: center;
    color: #000018 !important;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.3;
    background: none;
}

div.mbt-breadcrumbs {
	display: none;
	}
 
figcaption{
    font-size: 22px !important;
    text-align: center !important;
}


.site-container {
    max-width: 100%;
    margin: auto;
    padding: 10px;
}


	.main-navigation-menu {
		float: none;
		flex-grow: 1;
			text-align: left;
	}


.home-banner {
    max-height: 168px !important;
}

/* Make content area wider on
 * desktop screens

.site-info .container {
	display: none;
}
 */

/* this is to hide page titles from pages */
.intro-content {
	display: none;
}

.table {
	border: 1px solid;
	color: transparent;
}

.main-navigation ul li ul li a {
	
 opacity: 1;
	
}


.credits::before {
	content: "© 2026 Margaret McGoverne. All rights reserved.";
	display: block;
	font-size: 18px;
	font-weight: normal;
	color:black;
	
}

.add-remove-bottom-space {
 
 margin-bottom: 0;
	margin-top: 5;
 
}

button:not(.toggle), .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
background-color: #000018;
}


.site-footer .widget-title {
	 font-family: 'Playfair display', serif;
	text-transform: capitalize;
	font-size: 20px;
	font-weight: normal;
	color: black;
	
}

.widget,
.widget a,
.widget ul li a.post-title {
    color: black;
	opacity: 1.0;
}

.entry-meta span:first-child a:first-child:before {
	content: '';
	width: 0;
	display: none;
}

.entry-meta span:first-child a:before {
	content: '|';
	padding: .5em .4em .5em 0;
}

/*width of media and text box*/
.normal-wide{
max-width: 860px; /*select your wide*/
margin: 0 auto;
}



/*Changes the size of caption font*/
.figcaption {
    font-size: medium;
	  text-align: center;
}

.pagination-post a {
    font-size: 14px;
    color: black;
	opacity: 1;
}

.blog-feed > h2 {
    color: #000000;
    font-size: 14px;
	opacity: 1;
}

.entry-date {
font-size: 16px;
	opacity: 1;
}

.entry-category {
font-size: 35px;
	opacity: 1;
}

.post-category {
font-size: 35px;
	opacity: 1;
}

.cat-links{
font-size: 35px;
	opacity: 1;
}

.jp-relatedposts-headline {
	color: black;
	font-size: 15px;
	opacity: 1;
	}

.jp-relatedposts-items {
	color: black;
	font-size: 15px;
	opacity: 1;
	}

.jp-relatedposts-post-title {
	color: black;
	font-size: 15px;
	opacity: 1;
	}

.jp-relatedposts-post-date {
	color: black;
	font-size: 15px;
	opacity: 1;
	}

.jp-relatedposts-post-context {
	color: black;
	font-size: 15px;
	  opacity: 1;
	}

.menu-item {
	color: #fff;
	font-size: 20px;
	text-transform: capitalize;
}

a:hover {
	text-shadow: 1px 0 0 currentColor;
}

.entry-utils .read-more {
    display: none;
}


	.figcaption {
		
    	font-family: lora, serif; font-style: normal;
		font-size: 5px !important;
			color: black;

}



/* above is to change font size and type of video caption */