/*
Welcome to Custom CSS!

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

.content-wrapper {
	background: none;
}

.woocommerce-checkout-payment {
	background: none !important;
}

button[name="update_cart"] {
	color: #515151 !important;
	background-color: #ebe9eb !important;
}

.woocommerce-product-details__short-description, .woocommerce-breadcrumb, .amount, .stock, .in-stock, .woocommerce-products-header__title {
	color: #ffffff !important;
}

.widget.woocommerce.widget_shopping_cart, .widget_shopping_cart_content {
	background: #000000;
}

/* purple link color {
	color: #999dba !important;
} */

.has-black-background-color {
	background: #000000 !important;
}

/*centering keeps the wolf visible between header and main content*/
body.custom-background {
	background-position: center top !important;
}

@media screen and (min-width: 1366px) {
	/*background placement*/
	body.custom-background {
		/*fixes custom background to full page width*/
		background-size: cover !important;
		background-size: auto 120vh !important;
		background-attachment: fixed;
	}
/*adjusts some of the spacing between header and main content block*/
	.entry-content {
		margin-top: 60px;
	}
	/*adjusts how much we see of the background image and how much space the internal content block takes up*/
	.site-content {
		min-height: 70vh;
		padding-top: 5% !important;
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
	.width-400 {
		width: 400px;
	}
}

@media screen and (max-width: 1366px) and (min-width: 600px) {
	/*background placement*/
	body.custom-background {
	/*these settings keep the wolf visible on tablet sizes*/
	/*background-size: auto 85vh !important;
		background-attachment: initial; */
		background-size: auto 100vh !important;
		background-attachment: fixed;
	}
/*adjusts some of the spacing between header and main content block*/
	.entry-content {
		margin-top: 50px;
	}
	/*adjusts how much we see of the background image and how much space the internal content block takes up*/
	.site-content {
		min-height: 70vh;
		padding-top: 10% !important;
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
}

@media screen and (max-width: 600px) {
	/*background placement*/
	body.custom-background {
		/*these settings attempt to keep the wolf visible on mobile but there are so many sizes it is tricky*/
		background-size: auto !important;
		background-attachment: fixed;
	}
	
/*adjusts some of the spacing between header and main content block*/
	.entry-content {
		margin-top: 50px !important;
	}
	/*adjusts how much we see of the background image and how much space the internal content block takes up*/
	.site-content {
		padding-top: 12% !important;
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
}

/*overall site width, side margins on browser*/
.site {
	margin: 0 auto;
	max-width: 100% !important;
}

/*gives header area black bg*/
.site-branding {
	background-color: #000000 !important;
	padding-bottom: 0px;
}

/*makes site title and description white*/
.site-title a, 
.site-description {
	color: #ffffff !important;
}

/*site description font*/
.site-description {
	font-family: "Cinzel" !important;
}

/*navigation bar font in browser and mobile*/
.menu-item,
.menu-toggle {
	font-family: "Cinzel Decorative" !important;
}

/*navigation bar font in browser and mobile*/
.main-navigation a,
.menu-toggle {
	text-transform: capitalize !important;
}

/*font for blog/reviews links above individual post titles, as well as "Previous Post" and "Next Post" navigation options*/
.cat-links a,
.nav-previous span,
.nav-next span {
	color: #ffffff !important;
	font-family: "Cinzel" !important;
}

/*padding on posts/pages without a featured image*/
@media screen and (min-width: 1000px) {
	.content-wrapper.without-featured-image {
    padding-left: 55px;
	}
}

/*this adjusts the blocks around the main content portion of the site*/
#primary,
#secondary,
#quaternary,
.content-wrapper.without-featured-image,
.site-content {
	background: none !important;
/*these margins started out white; this removes any color and allows us to see the background image*/
}

/*hiding a white bar at the bottom of the page*/
#quaternary.featured-page-area {
	display: none;
}

/*note: header is selectively hidden with custom code snippet*/
/*where the header is displayed we'd like no background*/
.entry-header, .post-thumbnail {
	background: none !important;
}

/*adjust thumbnail only for a large browser*/
@media screen and (min-width: 1366px) {
	.post-thumbnail {
		margin-left: 90px;
	}
}

/*discord button color*/
/*actual color - can be controlled in the edit page settings also but this will set it globally */
.wp-block-button__link,
.wp-block-button__link is-style-outline has-text-color {
/*color: #a5c7ff !important;*/
/*color: #6085ba !important;*/
/*color: #8e92b2 !important;*/
/*color: #40598d !important;*/
/*color: #a5c7ff !important;*/
	color: #999dba !important;
	background: black !important;
	font-family: "Cinzel Decorative" !important;
	text-transform: capitalize !important;
	font-size: 15px;
	padding: 6px 15px 6px !important;
}

/*bg hover color for discord button; make sure this matches the hover for the subscribe-submit button*/
.wp-block-button__link:hover,
.wp-block-button__link:focus {
	background-color: #999dba !important;
	color: #000000 !important;
	border: 2px solid;
	border-color: #999dba;
}

.wp-block-button__link:active {
	background-color: #40598d !important;
	color: #000000 !important;
	border: 2px solid;
	border-color: #999dba;
}

/*text color*/
.entry-title,
.entry-content,
.widget-title,
.wp-block-group,
.homepage-heading a {
	color: #ffffff !important;
}

/*link color*/
a {
	color: #999dba !important;
}


/*HOME PAGE ONLY SETTINGS*/

/*spacing below "Welcome To" on the homepage*/
.welcome-text {
	margin-bottom: 8px;
}

/*our fancy homepage wave looks a little too intense without a fixed height. these options allow the block below it (which has a custom class "adjust-height-group") to be shifted up to appear on top of the wave block */
.adjust-height-group {
	z-index: 2;
	position: relative;
}
@media screen and (min-width: 1366px) {
	.adjust-height-group {
/* 		margin-top: -1370px !important; */
		margin-top: -130rem !important;
	}
}
@media screen and (max-width: 1366px) and (min-width: 600px) {
	.adjust-height-group {
/* 		margin-top: -1475px !important; */
		margin-top: -135rem !important;
	}
}
@media screen and (max-width: 600px) {
	.adjust-height-group {
		margin-top: -1200px !important;;
	}
}

/*adds right and left padding around the posts in "recent reviews" and "recent blog posts" on the homepage*/
.wpnbha {
	margin-left: 30px;
	margin-right: 30px;
}




/*GENERAL SETTINGS*/
.howls-standard-padding {
	padding: 1.25em 2.375em;
}

.no-left-margin {
	margin-left: 0;
}

.extra-left-padding {
	padding-left: 60px !important;
}



/*BLOG AND REVIEW PAGES (PAGES WITH SIDEBAR)*/

/*these round the corners of the search and category fields*/
.search-field,
.postform {
	border-radius: 150px !important;
	font-size: 15px;
	padding: 10px;
}

@media screen and (min-width: 1000px) {
	.content-area {
		max-width: 100% !important;
	}
}

.type-post {
	font-size: 17px !important;
}

.wpnbha.has-more-button button {
	font-size: 16px !important;
}


/*GET NEW REVIEWS AND BLOG POSTS SUBSCRIPTION BLOCK*/

/*centers elements*/
.jetpack_subscription_widget {
	padding-left: 24px !important;
	padding-right: 24px !important;
}
#subscribe-submit {
	text-align: center !important;
	margin: auto !important;
}
/*matches formatting for button; rest of button stype is controlled on the individual pages with this block*/
#subscribe-submit button {
	padding: 12px 24px !important;
	font-size: 15px !important;
	font-family: "Cinzel Decorative";
	text-transform: capitalize;
}
/*bg hover color for subscribe button; make sure this matches the hover for the discord button*/
#subscribe-submit button:hover,
#subscribe-submit button:focus {
	background-color: #999dba !important;
	color: #000000 !important;
}

#subscribe-submit button:active {
	background-color: #40598d !important;
	color: #000000 !important;
}


/*CONTACT PAGE SETTINGS*/
.contact-form, #contact-form-7 {
	width: 100% !important;
}

.add-padding-25 {
	padding-bottom: 25px !important;
}

.add-padding-20 {
	padding-bottom: 20px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-0 {
	margin-top: 0;
	margin-bottom: 0;
}


/*Anthology page*/
.black-bg-anthology {
	background-color: #000000;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.padding-anthology {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.button-padding-anthology-top {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.button-padding-anthology-bottom {
	padding-bottom: 30px !important;
}

.bottom-anthology {
	margin-bottom: 30px;
}

.no-bottom-anthology {
	margin-bottom: 0px;
	padding-bottom: 0px !important;
}

.anthology-book-dimensions {
	height: 768px !important;
	width: 512px !important;
	margin-bottom: 40px !important;
}

.anthology-hidden {
	max-width: 1px !important
}


/*Author Cards Post*/
.black-bg-author-cards {
	background-color: #000000;
	padding-bottom: 12px;
}


/*Search result settings for blogs, reviews, posts in general*/

.entry-summary {
	background: #000000;
	color: #ffffff;
	padding: 10px;
}


/*JW Donley Cover Reveal Settings*/
.jw-no-top-margin {
	margin-top: 0;
}

.jw-no-bottom-margin {
	margin-bottom: 0;
}

.jw-bottom-padding {
	padding-bottom: 40px !important;
}

@media screen and (min-width: 1366px) {
	.jw-excerpt-padding {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
}

@media screen and (max-width: 1366px) {
	.jw-excerpt-padding {
		padding-left: 50px !important;
		padding-right: 50px !important;
	}
}




/*unused - adds right and left padding to the whole content area*/
/*.wp-block-content {	 	 
	margin-left: 20px;	 	 
	margin-right: 20px;	 	 
}*/
/*unused - was trying to add a custum class to center the email signup button, and haven't gotten it to work*/
/*.center {
	text-align: center;
}*/