/*
Welcome to Custom CSS!

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

html {
	background-color: #544;
}

body {
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	color: #544;
}

.entry-title a {
	color: #544;
}

@media (min-width: 320px) {
	span.toggle-text{
		display: none;
	}
	h2.entry-title {
		font-size: 1.5rem;
	}
	
	/* Change alternate navigation buttons*/
	div.wp-next-post-navi-pre-1,div.wp-next-post-navi-next-1{
		width:100px;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

	/* Archive thumbnail size 
	 * + 2 x 2 px border */
	body.archive figure.featured-media {
		width: 54px;
	}
	
	body.archive .entry-header {
    left: 45px;
    top: 1.2rem;
	}
	
	.singular .entry-header {
		padding: 0rem 0;
	}

  .footer-social-wrapper:before
  {
	  font-size: 1.5em;
  }
}

@media (min-width: 700px) {
	h2.entry-title {
		font-size: 3rem;
	}
	
	h1, .heading-size-1 {
		font-size: 4rem;
	}
	
	.singular .entry-header {
		padding: 1rem 0;
	}
	
	.entry-content {
		font-size: 2rem;
	}
	
	span.toggle-text{
		display: block;
	}
	/* Change alternate navigation buttons*/
	div.wp-next-post-navi-pre-1,div.wp-next-post-navi-next-1{
		width:180px;
	}

	html {
		background-image: url(https://custardfist.com/wp-content/uploads/site-outer-background.jpg);
	}

	/* Archive thumbnail size 
	 * + 2 x 2 px border */
	body.archive figure.featured-media {
		width: 104px;
	}

	body.archive .entry-header {
    left: 110px;
    top: 3.5rem;
	}

  .footer-social-wrapper:before
  {
	  font-size: 2.1em;
  }
}

@media (min-width: 1000px) {
/*	h2.entry-title {
		font-size: 6rem;
	}
*/
	/* Change alternate navigation buttons*/
	div.wp-next-post-navi-pre-1,div.wp-next-post-navi-next-1{
		width:auto;
		margin-top: 4rem;
		margin-bottom: 6rem;
	}
}

#site-footer {
	font-size: 1.5rem;
	padding: 0;
}

.header-inner {
	padding: 0;
}

/*
#site-content header
{
	display:none;
}
*/
div.entry-header-inner{
	display: none;
}

.footer-top-visible .footer-nav-widgets-wrapper {
	margin-top: 0;
}

.footer-widgets-outer-wrapper {
	padding: 0;
	border: none;
}

body:not(.singular) main>article:first-of-type {
	padding: 0;
}

.post-meta-wrapper {
	margin-top: 0;
}

body.archive .post-meta-wrapper {
	display: none;
}
body.archive .entry-categories {
	display: none;	
}
.post-inner {
	padding-top: 0;
}

#site-header {
	/*color: #544;*/
	border-bottom: 8px solid #544;
	border-image: url('https://custardfist.com/wp-content/uploads/2020/04/site-header-horizontal-line.png') 16 stretch;
}

.header-footer-group, body:not(.overlay-header) #site-header .toggle{
	/*color: #544;*/
}

#site-footer {
	border-top: 8px solid #544;
	border-image: url('https://custardfist.com/wp-content/uploads/2020/04/site-footer-horizontal-line.png') 16 stretch;
}

.section-inner {
	width: calc(100% - 2rem);
}

.site-logo img {
	max-height: 8rem;
}

body:not(.overlay-header) .primary-menu > li > a {
	/*color: #544;*/
}

body:not(.overlay-header) .toggle-inner .toggle-text, 
body:not(.overlay-header) #site-header .toggle{
	color: #e22658;
}

.header-footer-group {
	color: #544;
}

.singular .entry-header {
	background: none;
}

/* Weird trick to show the comic, when the nav buttons (plugin) are shown.*/
div.wp-block-image {
	float: right;	
}

.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter)
{
	margin-top:0rem;
	margin-bottom:0rem
}

.alignnone, .aligncenter {
    margin-top: 1rem;
    margin-bottom: 0rem;
}
.entry-content>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: none;
	width: calc(100% - 1rem);
}

.entry-content div.sharedaddy h3.sd-title, .entry-content h3.sd-title{
	display: block;
}

.footer-top {
	padding: 0.3rem;
	border: none;
}

.footer-nav-widgets-wrapper
{
	background-color: transparent;
}

/* Hide the theme's prev/next navigation */
nav.pagination-single{
	display: none;
  margin-top: 0rem;
	margin-bottom: 4rem;
}

/* Hide stupid HR's for section separation */
.pagination-single hr:first-child {
	margin: 0;
	display: none;
}

.pagination-single hr:last-child {
    margin: 0 0 0.8rem 0;
		display: none;
}

.pagination-single-inner .title-inner {
    display: none;
}

.pagination-single-inner .arrow {
    background-color: #cd2653;
    border-radius: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
	  padding-bottom: 0.5rem;
    line-height: 3rem;
    color: white;
}

.pagination .nav-links{
	margin-top: 1rem;
	margin-bottom: 2rem;
}

/* Change alternate navigation buttons*/
div.wp-next-post-navi-pre-1{
	float:left;
}
div.wp-next-post-navi-next-1{
	float:right;
}

/* Attempt to make archive work */

body.archive .archive-header
{
	display: none;
}

body.archive .post-inner
{
	display:none;
}
body.archive article>.section-inner 
{
	display:none;
}

body.archive div.entry-header-inner {
    display: block;
}

body.archive .entry-header {
    text-align: left;
    display: block;
    position: relative;
}

body.archive article {
    margin-top: 0rem;
}

body.archive main#site-content {
  margin-left: 2rem;
  margin-right: 2rem;
}

.featured-media {
    margin-top: 0;
}

body.single figure.featured-media {
    display: none;
}


hr.post-separator, hr.pagination-separator {
	display: none;
}

div.sharedaddy.sd-sharing-enabled
{
	text-align: center;
	margin-bottom: 5rem;
}

.footer-social-wrapper
{
	text-align: center;
}

.footer-social-wrapper:before
{
 font-weight: 700;
 font-family: "Noto Sans",sans-serif;
 content: "CustardFist on social media:";
}

ul.social-menu li.menu-item {
	margin-left: auto;
	margin-right: auto;
}