/*
	Theme Name: PA! v11.0b
	Theme URI: https://pokemonaaah.net
	Description: The official v11 Theme for PA!, using Blank Slate as a base
	Author: Philippe Van Lieu (Nick15), using Blank Slate as a base
	Author URI: https://nick15.com
	Version: 11.0.20250825.1816
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	Text Domain: pav11a
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/


/* Overrides ----------------------------------------------------
* Removing any random nonsense.
*/







/* All Tier Styles ----------------------------------------------------
* The following styles will apply to ALL tiers, regardless of what 
* screen size they're viewing the site at.
*/


html, body {
	font-size:100%;
	font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Geneva, system-ui, "Roboto", "Droid Sans", "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}

body {
	background-color:#117bb6 !important;
	margin:0px;
	padding:0px;

}
a {
	text-decoration: none;
    font-weight: bold;
    color: hsla(200, 100%, 35%, 1);
    text-shadow: 0px 2.5px 2px hsla(200, 100%, 50%, 0.3333), 0px 1.25px 2px hsla(200, 100%, 33.333%, 0.3333);
}
a:hover {
    text-decoration: none;
    text-shadow: 0px 3.75px 2.0px hsla(200, 100%, 30%, 0.3), 0px 1.50px 2.0px hsla(200, 100%, 30%, 0.5);
    color: hsla(200, 85%, 20%, 1) !important;
    top: -1.25px !important;
    mix-blend-mode: multiply;
}
a:active {
    text-decoration: none;
    color: hsla(200, 50%, 20%, 0.75) !important;
    text-shadow: 0px -1.5px 2.5px hsla(200, 60%, 30%, 0.7);
    top: 1.25px !important;
}



div#wrapper {
	min-height:100vh;
	display:grid;
	grid-template-columns: 250px 1fr;
	grid-template-areas:
		"header header"
		"sidebar mainbody"
		"extrabits extrabits"
		"footer footer";
}

header#header {
	grid-area: header;
}
nav#menu {
	grid-area: sidebar;

	margin-left:10px;
	padding: 5px;
	background-color:white;
	border-top: 5px solid black;
	border-left: 5px solid black;
	border-bottom: 5px solid black;
	border-right: 0px;
	border-radius: 50px 0px 0px 50px;

}
div.sidebarcontent {
	position: sticky;
	top: calc(1rem + 10px);                 /* clear the header */
	align-self: start;         /* don’t stretch full column height */
	max-height: calc(100dvh - 2rem);  /* visible window */
	overflow-y: auto;          /* no cropping */
	overscroll-behavior: contain;
}
#mobilesidebar {
	display:none;
}



div#container {
	grid-area: mainbody;
	background-color:white;
	padding:5px;
	border-top: 5px solid black;
	border-bottom: 5px solid black;
	min-width:0;
}
aside#sidebar {
	grid-area: extrabits;
}
footer {
	grid-area: footer;
}

div.entry-summary img.wp-post-image, div.entry-content img.wp-post-image { /** temp **/
	width:50% !important;
	height:auto !important;
}

#sidebar {
	background-color: #4b9fcd;
	border-radius: 40px;
	margin: 25px 40px;
	padding: 15px 40px;
	width: auto;
}
#sidebar ul.xoxo {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  gap: 1rem; /* spacing between items */
}

#sidebar ul.xoxo ul {
	left: -25px;
    position: relative;
}
	
#sidebar ul.xoxo li {
  flex: 1 1 45%;  /* roughly half width per item */
  box-sizing: border-box;
}




.sticky-post {
	width:100%;
}

/* Container for each post */
.normal-post {
  box-sizing: border-box;
  margin: 1rem;
  background-color: #000; /* for visibility, can remove */
  padding: 1rem;
}

/* Wraps image + content */
.post-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
}

/* Featured image */
.post-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
  border: 2px solid red;
}

/* Title */
.post-title {
  color: white;
  font-size: 1.25rem;
  border: 2px solid dodgerblue;
  padding: 0.5rem;
}

/* Excerpt */
.post-excerpt {
  color: #ccc;
  border: 2px solid limegreen;
  padding: 0.5rem;
}

/* Meta info */
.post-meta {
  font-size: 0.9rem;
  color: #aaa;
  border: 2px solid purple;
  padding: 0.25rem;
  margin-top: auto;
}

header.archive-header {
    width: 100%;
    clear: both;
    display: block;
}

.header {
	display:table-row;
	}
.title {
	background-image: url(https://nick15.com/pokemon/site/stripesBG.png);
	display: table;
	background-repeat: repeat-x;
	z-index:300;
	position:absolute;
	}
.titleLS {
	background-image: url(https://nick15.com/pokemon/site/stripesBottom.png);
	display: table-cell;
	background-repeat: repeat-x;
	}
.titleMT {
	background-image: url(https://nick15.com/pokemon/site/titleStripes.png);
	display: table-cell;
	background-repeat: no-repeat;
	}
.titleRS {
	background-image: url(https://nick15.com/pokemon/site/stripesTop.png);
	display: table-cell;
	width:auto;
	background-repeat: repeat-x;
	}
img.nick15sez {
	height: auto;
	overflow-y: clip;
}
.headlinks {
	background-color:#13579a;
	width:auto;
	position:relative;
	}
.headbg {
	z-index:200;
	position:absolute;
	}
.headpic {
	background-position: center 65% !important;
	background-repeat: no-repeat !important;
	z-index:100;
    background-size: 100% !important;
	position:absolute;
	}
.headhi {
	z-index:1;
	}
.footer {
	display:table-row;
	}
.footlinks {
	}
.copyright {
	background: linear-gradient(180deg,
		rgba(0,0,0,0.0000) 0px,
		rgba(0,0,0,0.2588) 30px,
		rgba(0,0,0,0.3440) 60px,
		rgba(0,0,0,0.3857) 90px, 
		rgba(0,0,0,0.4000) 122px
		);
	position:relative;
	z-index:0;
	top:0px;
	color: rgb(255,255,255,0.3);
	}
.copyright a {
	color: rgb(255,255,255,0.5);
	font-size:1em;
	}
.copyright p {
	font-size:0.85em;
	}





.accordion-nav .children[hidden] { display: none; }
.accordion-nav li.is-open > .children[hidden] { display: block; }
.accordion-nav ul.children { margin-top: 0px; }
.accordion-nav li.page_item { 
	margin: 3px 0px; 
}
.accordion-nav button.submenu-toggle, 
.accordion-nav .buttonsall button, 
.accordion-nav .buttonsall input {    
	border: 0;
	background-color: #93cdf0;
}
.accordion-nav .buttonsall {
	margin-left:20px;
	position: relative;
	text-align: center;
}
.accordion-nav .buttonsall button, 
.accordion-nav .buttonsall input {    
	padding:10px;
}
.accordion-nav .buttonsall button#expandAll,
.accordion-nav .buttonsall button#collapseAll {
	width: calc(50% - 2.5px);
	margin-bottom:5px;
}

.accordion-nav li.page_item a span {
    width: 200px !important;
    display: inline-flex;
}

.accordion-nav li.has-children > .item-header, .accordion-nav .item-header, div.homelink {
  grid-column: 1;
	background: #3783B0;
	background: linear-gradient(90deg, #00629cbf 15px, #00629c75 15px, #00629c75 67%, rgba(55, 131, 176, 0) 98%);
	display:inline-flex;
 padding: 12px 12px 12px 25px;
}
.accordion-nav .item-header a, div.homelink a {
	color:#003a67;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	filter: drop-shadow(2px 2px 1px #00000055);
	-webkit-transform: scale(1, 1.25);
	-moz-transform:scale(1, 1.25);
	-ms-transform:scale(1, 1.25);
	-o-transform:scale(1, 1.25);
	transform:scale(1, 1.25);
	top: -2.5px;
	position: relative;
	line-height: 1.05;
}
.accordion-nav > li.page-item-305, .accordion-nav > li.page-item-8160, .accordion-nav > li.page-item-464 {
	list-style-type: none;
}

.accordion-nav li.has-children, div.homelink-header {
  display: grid;
  grid-template-columns: 1fr auto;  /* header | button  */
  grid-auto-rows: auto;
  align-items: stretch;               /* vertically center the button */
  column-gap: .5rem;
}


.accordion-nav li.has-children > .submenu-toggle {
  grid-column: 2;
  justify-self: end;
  /* optional spacing/size */
  margin: 0;
}


.accordion-nav li.has-children > .children {
  grid-column: 1 / -1;   /* span both columns */
  margin: .25rem 0 0 0;
  /* your existing hidden/visible rules apply */
}
.accordion-nav ul li.depth-1 {
    background: transparent url(https://www.pokemonaaah.net/site/nub.png) no-repeat;
    background-size: 47px 19px;
    background-position-x: -27px;
    list-style: none;
    left: -25px;
    padding-left: 25px;
    position: relative;
    width: 100%;
}


/* optional: for deeper levels, use other bullet styles */
.accordion-nav ul li ul li {
  list-style: initial;     /* hollow circle for level 3 */
	    margin-left: -20px !important;
}


span.list_last_changes_date {
	color:black !important;
	font-size: 0.95em;
}
.table-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch; /* smooth on iOS */
	max-width: 100%;
}
.table-scroll > table {
	width: auto;             /* don't force 100% on mobile */
	min-width: 640px;        /* pick a sensible floor so it overflows */
	border-collapse: collapse;
}
.table-scroll th,
.table-scroll td {
	/*white-space: nowrap;*/     /* optional: prevent wrapping */
}


/* Tier A Screen Size -------------------------------------------------
* aka "Portrait Mobile"
*/
@media (max-width : 767px) {

	
	div#wrapper {
		grid-template-columns: 0px 1fr;
	grid-template-rows: 75px 1fr auto 100px;
	}
	div.sidebarcontent {
        position: fixed;
        width: 300px;
		height:calc(100dvh - 150px);
        top: 100px;
        opacity: 100;
        display: none;
        background-color: white;
        margin-left: -20px;
        padding-left: 0px;
        padding-bottom: 15px;
		padding-right:5px;
        border-top: 5px solid black;
        border-right: 5px solid black;
        border-bottom: 5px solid black;
        border-radius: 0px 25px 25px 0px;
        z-index: 999;
	}
	nav#menu {
		background-color: transparent;
		border: 0px;
		border-radius: 0px;
	}
	div#container {
		border-radius:40px;
		border-left:5px solid black;
		border-right:5px solid black;
		margin-left: 10px;
		margin-right: 10px;
	}
	.show {
		display:block !important;
	}
#mobilesidebar {
	display:block;
	margin:10px;
	height:50px;
	position: fixed;
	z-index:100000;
	top:0px;
}	
	
	.post-inner {
		flex-direction: column; /* stacked layout */
		height: 100%;
	}
	.accordion-nav li.has-children > .item-header, div.homelink {
  background: linear-gradient(90deg, rgba(55,131,176,.5) 67%, rgba(55,131,176,0) 98%);
	}
.accordion-nav .buttonsall {
	margin-left:10px;
}	
	
	#sidebar {
		font-size:0.65em;
		overflow:auto;
		margin: 25px 10px;
	}
	
/*		.bellows {
		font-size:0.75em;
		--bellows-item-padding-v:7.5px !important;
		--bellows-sub-item-padding-v:7.5px !important;
		--bellows-item-padding-h:5px !important;
		--bellows-indent:7.5px !important;
	}*/
	


	.header {

	}
.title {
height:42px;
background-size: 100% 42px;
width:100%;
margin-top: 10px;
margin-bottom: 10px;
}
.headbg, .headpic {
width:100%;
margin-top: 0px;
margin-bottom: 0px;
}
.headbg {
	background: linear-gradient(180deg, rgb(34 145 146) 0px, rgb(17 123 182 / 1.00) 100%);
	height:75px;
}
.headpic {
	height:auto;
	}
.headhi {
	height:auto;
	}
	.titleLS {
		height:42px;
		background-size: 300px 42px;
		min-width:5px;
		background-image: none;
	}
	.titleMT {
		height:42px;
		background-size: 300px 42px;
		min-width:300px;
		background-image: url(https://nick15.com/pokemon/site/titleNormal.png);
	}
	.titleRS {
		height:42px;
		background-size: 300px 42px;
		background-image: none;
	}
img.nick15sez {
	width: 100px;
	height: auto;
	overflow-y: clip;
	position: relative;
	top: 3px;
}
	
	
.footer {

	}
.footlinks {

	}
.copyright {
	top: 0px;
    padding: 25px 30px 0px;
	margin-bottom: -20px;
    border-bottom: 20px solid rgba(0,0,0,0.4000);
	}
	
	
	.accordion-nav ul li.depth-1 {
left: -35px;
    padding-left: 35px;
}
	
	
	
	
}







/* Tier B Screen Size -------------------------------------------------
* aka "Landscape Mobile"
*/
@media (min-width : 767px) 
and (max-width : 991px) {
	
	div#wrapper {
		grid-template-columns: 225px 1fr;
	grid-template-rows: 80px 1fr auto 100px;
	}
	div.sidebarcontent {
		font-size: 90%;
		margin-left: -20px;
		margin-top:50px;
	}
	.accordion-nav .item-header {

	}
	
/*	.bellows {
		font-size:0.75em;
		--bellows-item-padding-v:5px !important;
		--bellows-sub-item-padding-v:5px !important;
		--bellows-item-padding-h:10px !important;
		--bellows-indent:10px !important;
	}*/
	
	
	.post-inner {
    flex-direction: row;
    align-items: flex-start;
  }
.post-thumbnail {
    flex: 0 0 40%;
  }
.post-thumbnail img {
    width: 100%;
    height: auto;
  }
.post-content {
    flex: 1;
    padding-left: 1rem;
  }
.post-title, .post-excerpt, .post-meta {
    padding: 0.25rem 0;
  }
	
	
	
	
	
	
	.header {

	}
.title {
height:55px;
background-size: 100% 55px;
width:100%;
margin-top: 10px;
margin-bottom: 10px;
}
.headbg, .headpic {
width:100%;
margin-top: 0px;
margin-bottom: 0px;
}
.headbg {
	background: linear-gradient(180deg, rgb(34 145 146) 0px, rgb(17 123 182 / 1.00) 100%);
	height:75px;
	}
.headpic {
	height:auto;
	}
.headhi {
	height:auto;
	}
.titleLS {
height:55px;
background-size: 385px 55px;
width:60px;
}
.titleMT {
height:55px;
background-size: 385px 55px;
width:381px;
background-position: -2px 0px;
}
.titleRS {
height:55px;
background-size: 385px 55px;
}
img.nick15sez {
	width: 210px;
	height: auto;
	overflow-y: clip;
	position: relative;
	top: -7px;
}
.footer {

	}
.footlinks {

	}
.copyright {
	padding: 30px 55px 0px; 
	margin-bottom: -30px;
    border-bottom: 30px solid rgba(0,0,0,0.4000);
	}
	
	
	
	
	
}

@media (max-width:991px) {
	
	

	

	
	

	
}







/* Tier C Screen Size -------------------------------------------------
* aka "Desktop"
*/
@media (min-width : 992px) {
		

	body.home main#content, body.archive main#content, body.search main#content {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	
	div#wrapper {
		
	grid-template-rows: 125px 1fr auto 100px;
	}
	div.sidebarcontent {
		margin-top: 50px;    
		margin-left: -20px;
	}
	.accordion-nav .item-header {

	}	
	
	.normal-post {
		width: calc(50% - 2rem); /* Two columns, with margin accounted for */
		flex: 0 0 auto;
	}

	.post-inner {
		flex-direction: column; /* stacked layout */
		height: 100%;
	}

	
	
	
/*	.bellows {
		font-size:0.95em;
		--bellows-item-padding-v:10px !important;
		--bellows-sub-item-padding-v:10px !important;
	}*/
	
	.header {

	}
.title {
height:85px;
background-size: 100% 85px;
width:100%;
margin-top: 10px;
margin-bottom: 15px;
}
.headbg, .headpic {
width:100%;
margin-top: 0px;
margin-bottom: 0px;
}
.headbg {
	background: linear-gradient(180deg, rgb(34 145 146) 0px, rgb(17 123 182 / 1.00) 100%);
	height:75px;
	}
.headpic {
	height:auto;
	}
.headhi {
	height:auto;
	}
.titleLS {
height:85px;
background-size: 600px 85px;
width:70px;
}
.titleMT {
height:85px;
background-size: 600px 85px;
width:596px;
background-position: -2px 0px;
}
.titleRS {
height:85px;
background-size: 600px 85px;
}
img.nick15sez {
	width: 320px;
	height: auto;
	overflow-y: clip;
	position: relative;
	top: -14px;
}
	
	
.footer {

	}
.footlinks {

	}
.copyright {
	padding: 40px 60px 0px; 
	margin-bottom: 0px;
    border-bottom: 30px solid rgba(0,0,0,0.4000);
	}
	

}

/* Tier D Screen Size -------------------------------------------------
* aka "Super Mega 4K HD Desktop"
*/
@media (min-width : 1400px) {
	
.normal-post {
    width: calc(33.33333% - 2rem);
    flex: 0 0 auto;
	margin-left: auto;
	margin-right: auto;
  }
	
}
	
	
	
	
}




/* Old v10 CSS -------------------------------------------------
* stuff that is necessary to keep old posts and pages looking fresh, though this will become deprecated over time
*/