:root {
  --main-link-color: #F79779;
	--main-link-color-light: #ffab91;
	--second-link-color: #67c9ee;
	--waps-blue:#c7eafb;
	--waps-pink:#f7deeb;
	--border-color: rgba(0, 0, 0, 0.18);
	--waps-blue-dark:rgba(142, 216, 248, 0.9);
	--waps-blue-medium:#b3e4fb;
	--waps-yellow:#fcf8c2;
	--waps-header-font:"Love Ya Like A Sister", serif;
	--waps-header-weight-bold: 700;
	--waps-header-weight-medium:400;
	--waps-paragraph-font: "Lora", serif;
}

a {

	color:  var(--main-link-color);
	cursor: pointer, auto;
}

a img {
	cursor: pointer; 
} 


table, .wp-block-table {
	border-radius: 3px;   
	
}

th, .wf-active th {
		font-weight: 700; 
}

th, td {
	border-bottom:none;
	vertical-align: middle;
}

h1, h2  {
	font-family: var(--waps-header-font);
	font-weight: var(--waps-header-weight-bold);
	letter-spacing: 1.5px;
}

h1, h1.entry-title {
	font-size: 1.7em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;  
}

h3, h3.wp-block-post-title, h4, h5, h6 {
	font-family: var(--waps-header-font);
	font-weight: var(--waps-header-weight-medium);
	letter-spacing: 1.5px;
	text-transform: none;
}

h3.wp-block-post-title a {
	font-size: 1.3em;
	color: black;
	text-decoration: none;
}

.wp-block-post p a {
	color: black;
}

tr {
	display: ;
	border-bottom-color: var(--waps-blue-dark);
	border-top-color: var(--waps-blue-dark);
	border-right-color: var(--waps-blue-dark);
	border-left-color: var(--waps-blue-dark);
}

blockquote {
	border: 2px solid var(--waps-blue);
	background-color: aliceblue;
	border-radius: 3px;

}

blockquote::after {
	border-left: none;
}


button:hover, #infinite-handle span:hover, .shop-hero .wp-block-button a:hover, input.tnp-submit:hover  {
	background-color: lightpink;
	animation: background-color;
	animation-duration: 0.3s;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

button, .wp-block-button, .wp-block-button__link{
	border-radius: 3px;
}

body {
	color: black;
}

@keyframes opacity {
  from {opacity: 1;}
	to {opacity: 0.5;}
}

@keyframes light-opacity {
  from {opacity: 1;}
	to {opacity: 0.75;}
}

@keyframes hero-opacity {
  from {}
	to {opacity: 0.2}
}

@keyframes full-opacity {
  from {opacity: 0;}
	to {opacity: 1;}
} 


@keyframes font-color {
  from {color: black}
	to {color: var(--main-link-color-light);}
}

@keyframes font-color-2 {
  from {color: var(--main-link-color)}
	to {color: var(--main-link-color-light);}
}

@keyframes background-color {
  from {background-color: var(--main-link-color)}
	to {background-color: var(--main-link-color-light)}
}


@keyframes background-color-2 {
  from {}
	to {background-color: var(--waps-pink);}
}


@keyframes mobile-menu-hover {
  from {background-color: white}
	to {background-color: WhiteSmoke;}
}

@keyframes slider-background {
	from {}
	to {background-color: rgba(0, 0, 0, 0.15);}
}


@keyframes change-background-pos {
	from {background-position: left; opacity: 0.9}
	33% {background-position: center;}
	66% {background-position: right;}
	to {background-position: center;
	opacity: 0.9}
}

/** FONTS */

p, .wf-active body, .wf-active input,
.wf-active input[type="radio"] + label, .wf-active label   {
	font-family: var(--waps-paragraph-font);
	font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
	font-weight: 400;
}

#masthead .site-title, ul#menu-footer-menu li,
.site-navigation ul, .wf-active h1, .wf-active h2, .wf-active h3,  .wf-active h4, p.footer-info, .wp-block-button a, .wf-active button, .wf-active .button, .wf-active #infinite-handle span, .shop-sub-menu, .yith-wcwl-add-button, .price, th, .wp-block-jetpack-contact-form label, .wf-active h5, .wf-active h6, .wf-active .entry-title, .entry-title, .wf-active .single .post .entry-title  {
	font-family: var(--waps-header-font);
	font-weight: var(--waps-header-weight-bold);
}




/** HEADER */



header a img:hover, footer a img:hover, .shop-grim-reaper img:hover, .eael-product-carousel a img:hover, .single_post_support_footer img:hover, .single-page-nav-prev:hover, .single-page-nav-next:hover, .waps-author-signed-print-block img:hover{
	animation: light-opacity;
	animation-duration: 0.3s;
	animation-timing-function: linear; 
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.shop-grim-reaper {
 margin-bottom: 1px;	
}

#masthead {
	display: flex;
  align-items: center
	
}

.site-logo {
	margin-right: 0rem;
}

.site-title {
	display: none; 
}

@media(max-width:800px){
	.site-logo {
		width: 150px;
		margin-right: 1rem;
		margin-left: 1rem;
	}
	.site-header {
		padding-top: 1.0rem;
	} 
	
	#masthead {
		margin-top: 0px;
		width: 100%;
		position: fixed;
    top: 0;
    z-index: 9999;
    background: transparent;
		transition: margin-top 0.3s ease, box-shadow 0.3s ease;

	}

	#masthead.scrolled {
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    background: #f9f9f9;
	}	
		
	#masthead.sticky {
    margin-top: 0; /* collapse margin when scrolled */
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	}
	
	#rmp_menu_trigger-24212.sticky {
		 top: 8px;
	}
	
	.page .entry-content, .post {
	margin-top: 1.4em;
	}


}
.site-content-header {
	padding-top: 0;
	padding-bottom: 0;
}

.site-title, [aria-current]{
	background-size: 12rem;
	background-position: top left;
	background-repeat: repeat;
	background-image: url(https://media.giphy.com/media/RM59YR3wgBvb4QLEmG/giphy.gif);
}

.site-header, .site-content-header, .layout-page-header .entry-header, .site-title a {
	border: none;
	font-weight: var(--waps-header-font-bold);
	padding-left: 1rem;
}

@media (min-width: 1140px) {
		header#masthead.site-header {
    margin-left: auto;
    margin-right: auto;
		width: 1140px;
	}
	.site-navigation {
	width: 100%;
	}
}


/** SIDEBAR **/

@media (min-width: 900px) {
	.secondary-area, .widget-area--main {
		margin-right: -23em;
	}
}



/** MENU */


@media (min-width: 768px) {

	
	.site-navigation .menu a {	
		font-size: 2.8em;	
	}

	.site-navigation .menu {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding-left: 5em;
	}

}

@media (max-width: 767px) {
	
	
	nav.site-navigation {
		position: absolute;
		right: 20px;
	}
	
	button.site-navigation-toggle, .is-open .site-navigation-toggle {
		background-color: var(--waps-blue-dark);
	}
	
	
	nav.site-navigation button, nav.site-navigation button:visited, nav.site-navigation button:focus, .is-open .site-navigation-toggle:focus {
				background-color: var(--waps-blue-dark);
		color: white;
	}
	
	nav.site-navigation button:hover {
		animation: none;
		background-color: var(--waps-blue-dark);
		color: white;	
	}
	
	nav.site-navigation .is-open {
		background-color: var(--waps-blue-dark);
	}
	
	.site-navigation .menu li {
		border-top: 2px solid white;
				width: 100%;
	}

	.site-navigation .menu {
		background-color: var(--waps-blue);
				border-radius: 3px;
	}
}

.site-navigation .menu a {	
	text-transform: none;	
}

.site-navigation .menu li.is-active {
	background-color: transparent;
}

.site-navigation-toggle {
	color: black;
}

.site-navigation .menu li.is-active > a, .jetpack_widget_social_icons a:hover, .entry-title a:hover, .site-title a:hover, a:hover {
	animation: font-color;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.post p a:hover, .post h2 a:hover {
	animation: font-color-2;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.post a:focus {
	color: var(--main-link-color);
}


@media only screen and (max-width:700px) {

	
	
	footer .widget_nav_menu {
		height: 240px;
		padding-bottom:  20px;
	}
	
	.site-title {
		font-size: 1.8rem;
		text-align: left;

	}
	
	.site-title a {
		padding: 0;
		margin: 0;
	}
	
	.site-navigation {
			margin-right: 20px;
	}	
	
	.site-navigation .menu a, .widget-title {
		text-align: left;
		background: none;
		font-size: 1.3rem;
		text-transform: none;
	}
}

.site-content-header .paged-nav {
	top: 20px;
}

.paged-nav-back a, .paged-nav-next a, .paged-nav-prev a {
	color: black;
}




/** MENU - SUBMENU */


.site-navigation .menu ul {
	background-color: transparent;
	padding-left:20px;
	border:none;
}



.site-navigation .menu ul li {
	border:none;
	background-color:transparent;
}


.site-navigation .menu ul li, .site-navigation .menu ul li a {
	width: 100%;
}


.site-navigation .menu ul li.is-active {
	background-color: transparent;
}




@media (max-width:767px) {
	
	.site-navigation .sub-menu-toggle {
		display: none;
	} 
	
	.site-navigation .menu li {
		display: list-item;
	}
	
	.site-navigation .menu ul {
		display: inline-block;
		padding-left: 0;
		font-size:0.72222222em;
	}

  .site-navigation .menu .menu-item-has-children a {
		padding-right: 0;
	}
	
	.site-navigation .menu ul.sub-menu li a {
		color: white !important;
	}
	
	.site-navigation .menu ul.sub-menu {
		list-style: disc inside;
		color: white;
  }
	
	
}
@media (min-width:768px) {
	.site-navigation .sub-menu-toggle, .site-navigation .menu ul.sub-menu a {
	color: black;
}
	

}

/** FRONT PAGE*/


.subtitle {
	font-size: 1.4em;
	font-weight: normal;
}

@media(max-width:800px) {
	.entry-title a {
		font-size: 0.75em;
	}
}


/** SINGLE POST */

.single-post #secondary {
	display: none;
}

.single_post_support_footer {
	padding-top: 10px;
}


/** FEATURED CONTENT */

.featured-content {
	background: white;
	color: black;
}

.featured-content .entry-content, .featured-content h1.entry-title a {
	background: var(--main-link-color);
	color: black;
}


.featured-content-hero .entry-thumbnail a {
	background-size: cover;
	background-position: left;
	background-repeat: none ;
}

.hero-header, .hero-paragraph {
	margin-top: 0px;
	text-shadow:2px 2px 4px gray;
}

.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30:hover {
	animation: hero-opacity;
	animation-duration: 0.1s;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

/** WIDGETS */

.widget-area--main {
	padding-top: 5rem;
}

.wf-active .widget-title {
	font-weight: bold;
	text-transform: none;
}

#block-68, #block-72, #block-73, #block-74, #block-76 {
	margin-bottom: 10px;
}

#newsletterwidget-2 .tnp-subscription label, #block-76 .tnp-subscription label  {
	display: none;
}

#block-76 .tnp-widget{
	margin-left: auto;
	margin-right:auto;
	padding-bottom: 20px;
}

.widget_media_image img:hover, .hot-random-image:hover {
	animation-name: light-opacity;
  animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}


#media_image-16.widget_media_image:hover, #media_image-17.widget_media_image:hover,
#media_image-18.widget_media_image:hover,
#media_image-20.widget_media_image:hover,
#media_image-21.widget_media_image:hover,
.hot-random-image:hover
{
	background-image: none;
}

img.hot-random-image, #media_image-3 {
	border-radius: 5px;
	box-shadow: 1px 1px 10px #ddd;

}

.jetpack-subscribe-count {
	padding-bottom: 1rem;
}


ul.social-media-widget, .payment-image-widget, .copyright-widget {
	padding-top: 0px;
}

.mailpoet_form_html h2, .mailpoet_form_html p {
		font-family: var(--waps-header-font) !important;
}

#block-66 p {
	display: none;
}

.cr-badge.badge-vs {
	transform-origin: top left;
}


/** BLOG AREA */
.site-content-header-title {
	display:none;
}



.entry-meta--header, .entry-meta--footer{
	display:none;
}


/** SINGLE PAGE */
.hero-image, .layout-page-header .entry-header{
	display: none;
}

.layout-page-header .site-content-inside {
	padding-top: 3em;
}

article.page.hentry {
	margin: 1rem 0 1em;
}


.p-PaymentMethodMessaging {
	display: none;
}


p.shop-front-page-hero  {
	margin-left: auto;
	margin-right: auto;
	 width: 80%;
}

/** FOOTER */

#infinite-footer, .credits {
	display:none;
}



ul#menu-footer-menu, ul#menu-footer-menu li {
	border: none;
	font-weight: bold;
	text-align: center;

}

ul#menu-footer-menu li {
	font-size: 2.9rem;
	line-height: 1.4em;
	padding-bottom: 0px;
	padding-top: 0px;
}

ul#menu-footer-menu li a {
		text-transform: none;
	letter-spacing: 2px
}

p.footer-info {
	padding-bottom: 0.5rem;
	font-weight: bold;
	font-size: 1.5rem;
	letter-spacing: 0.2rem;
	margin-top:20px;
}

footer .widget .textwidget {
	display: none;
}


footer #subscribe-email input {
	width: 70%;
}

footer p#subscribe-email {
	margin-bottom:20px;
}

.footer-widgets {
	border-top: 2px dotted var(--waps-blue)
}

footer .social-media-widget {
	margin-top: 30px;
}



/** SHOP SUB MENU */

.waps-divider, .waps-divider-permanent {
	background-color: transparent !important;
	border-top: 2px dotted var(--waps-blue-dark);
	border-bottom: none;
}


#modal-1 p {
	display: none;
}

.shop-sub-menu .wp-block-navigation__responsive-dialog {
	display: flex;
  justify-content: center;
  align-items: center; 
}


@media (max-width: 600px) {
	
	.widget_nav_menu {
		height: 50px;
		margin-top: 0px;
		padding:0;
		margin-bottom:-20px;
	}
	
	

}




.widgets_on_page ul, .widgets_on_page > ul {
	list-style:none;
}




/** SINGLE PAGE NAVIGATION **/


.paged-nav {
	display: none;
}


.paged-nav span a {
	width: 130px;
	height: 40px;
	text-decoration: none;
	
}


span.paged-nav-next a{
	width: 70px;
}

span.paged-nav-back a {
	width: 50px;
}

.paged-nav-back {
	text-align: center;
	margin-right: auto;
}



.single-page-nav-next, .single-page-nav-prev {
		font-family: var(--waps-header-font);
	width: 200px;
	height: 80px;
}


@media (max-width: 800px) {
	
	.single-page-nav-next, .single-page-nav-prev {
		font-family: var(--waps-header-font);
	width: 100px;
	height: 80px;
	}
	
	
	.support-three-column:where(.wp-block-columns.is-layout-flex) {
		gap: 0em;
	}.wp-block-
	
	.support-three-column:where(.is-layout-flex) {
		gap: 0.1em;
	}
	
	.support-three-column.wp-block-columns.alignfull  {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.single-page-nav-prev a, .single-page-nav-next a {
	display: block;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	color: transparent;
	text-decoration: none;
}

.single-page-nav-prev a {
	background-image: url(https://warandpeas.com/wp-content/uploads/2025/10/war-and-peas_previous-button.png);
	background-position: center center;  
} 


.single-page-nav-next a {
	background-image: url(https://warandpeas.com/wp-content/uploads/2025/10/war-and-peas_next-button.png);
	background-position: center center; 
}

.single-page-nav-prev a:hover, .single-page-nav-next a:hover {
		animation: none;
		color: transparent;	
}


.single_post_support_footer .wp-block-image figure {
	margin: 0;
}


/** COMMENTS AREA **/

.comments-area  {
	display: none;
}


/** MOBILE MENU */


nav.site-navigation button {
	background: none;
	color: black;
}


/** COOKIES CONSENT */

div#cookie-law-info-bar {
	opacity: 0.9;
}

.cli-bar-container {
	opacity: 1;
	font-family: var(--waps-header-font);
	font-size: 14px;

}

/** ADMIN */




/** NOTICE BANNERS */



.simple-banner, .simple-banner-text {
	font-family: var(--waps-header-font);
}

.simple-banner-text h3 {
	margin-top: 5px;
	line-height: 1.4em;
	margin-bottom: 8px;
}

.simple-banner .simple-banner-button {   display: -webkit-flex;
	width: 30px;
	top: 25px;
	left: 5px;
	padding-left: 8px;
	padding-top: 3px;
}



#diamond {
		border-style: solid;
      border-color: transparent transparent var(--waps-blue) transparent;
      border-width: 0 25px 25px 25px;
      height: 0;
      width: 50px;
      box-sizing: content-box;
      position: relative;
}



#diamond::after {
	 content: "";
      position: absolute;
      top: 25px;
      left: -25px;
      width: 0;
      height: 0;
      border-style: solid;
      border-color: var(--waps-blue)  transparent transparent transparent;
      border-width: 70px 50px 0 50px;
}

#draggable {
	float:right;
	padding-right:25px;
	padding-left: 25px;
	color:var(--main-link-color);
	text-align: center;
	z-index:9;
	transform: rotate(20deg);

}


.no-select {
  user-select: none;
}


/** SLIDER */

.sliderBtn {
	margin-top: 1.5em;
}

.wp-block-csb-content-slider-block .csbContentSlider .slide .sliderDescription, .wp-block-csb-content-slider-block .csbContentSlider .slide .sliderTitle {
	text-shadow:1px 1px 3px gray;
}

.wp-block-csb-content-slider-block .csbContentSlider .slide:hover {
	animation: slider-background;
	animation-duration: 0.2s;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.csbContentSlider, .csbContentSlider .swiper-wrapper , .csbContentSlider .slide {
	border-radius: 3px;
}



/** SHOP Search Form */

input[type="search"], #yith-searchsubmit {
	border-radius: 3px;
}

input[type="search"], .autocomplete-suggestions {
	border: 1px solid var(--waps-blue-dark);
}
#yith-searchsubmit {
	background-color: var(--main-link-color);
		color: #FFF799;
}




/** PATREON AREA / BEST OF  */

#block-53, #block-54 {
	margin-bottom: 10px;
}


.patreon_area_block {
	text-align: center;
}

.patreon_area_block h2.widgettitle {
	display: none;
}

.patreon-area-buttons .wp-block-button a.wp-block-button__link:hover,
.best-of-buttons .wp-block-button a.wp-block-button__link:hover {
	text-decoration: none;
	animation: background-color-2;
	animation-duration: 0.3s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

/** PRIVATE POSTS */
.status-private {
	display: none;
}


/** RESPONSIVE MENU */

button#rmp_menu_trigger-24212:hover {
	animation: mobile-menu-hover;
	animation-duration: 0.3s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

#rmp-menu-title-24212 .rmp-menu-title-image {
	height: auto;
}

#rmp-container-24212.rmp-menu-open  {
	box-shadow: -1px -1px 50px rgba(0,0,0,0.4); 
}

#rmp-menu-title-24212 {
	padding-left: 0px;
}


.wc-block-mini-cart__footer-actions a {
	font-family: var(--waps-paragraph-font);
	text-decoration: none;
	color: black;
}



.mini-cart-column {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

@media (max-width: 1024px) {
	.waps-divider {
		display: none;
 }

	#rmp-menu-wrap-24212 .rmp-menu-current-item .rmp-menu-item-link {
		border-bottom: inherit;
	}
	
	.rmp-menu-title-image {
		padding-left: 20px;
	}
}

.wc-block-mini-cart__footer::after {
	border-top: 2px dotted var(--second-link-color) !important;
}


.nav-button__prev, .nav-button__next, .nav-button__prev:focus, .nav-button__next:focus  {
	background-color: var(--main-link-color);
}

/* SHOP TITLES FRONT PAGE */

.waps-mini-menu-block {
	font-family: var(--waps-header-font);
	border-top: 0px dotted pink;
	border-bottom: 0px dotted pink;
	color: black;
}


.scallop-up {
	height:50px;
  width:100%;
	background: -webkit-gradient(radial, 50% 100%, 10, 50% 100%, 40, from(pink), color-stop(0.49, pink), color-stop(0.5, transparent), to(transparent));
-webkit-background-size: 49px 100%;	
}

.scallop-down {
	height:50px;
  width:100%;
  background: -webkit-gradient(radial, 50% 0, 10, 50% 0, 40, from(pink), color-stop(0.49, pink), color-stop(0.51, transparent), to(transparent));
-webkit-background-size: 49px 100%;
}

h1.bestseller-title, h1.original-art-title {
  font-family: var(--waps-header-font);
  font-weight: var(--waps-header-weight-bold);
  font-style: normal;
	letter-spacing:3px;
}

#waps-early-comic-sidebar {
	background: center no-repeat    url("https://warandpeas.com/wp-content/uploads/2024/05/war-and-peas-early-comic-nibbles.jpg");
   background-size: contain;
   height: 200px;
	 margin: auto;
	position: relative;
}

#waps-early-comic-sidebar h1 {
	font-size: 2.5em;
}

#waps-early-comic-sidebar .wp-block-group__inner-container {
	position: absolute;
	width: 100%;
	height: 95px;
  top: 65%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#waps-early-comic-sidebar p {
	font-family: var(--waps-header-font);
	font-size: 1.3em;
	line-height:0px;
}

@media (max-width: 1000px) {
	div.waps-mini-menu-block {
	   display: none;
  }
	
	.waps-mini-cart-shop{
		font-size: 0.9em;
	} 
	
	#waps-early-comic-sidebar h1 {
	font-size: 1.8em;
	}

	
}

@media (max-width:600px) {
	.waps-author-signed-print-block {
		padding: 20px;
	}

} 
/* NEWSLETTER */

.tnp-newsletter-form p{
	text-align: center;
	margin-bottom: 50px;
}

.tnp-newsletter-form .tnp-subscription {
	width: 100%;
	max-width: 700px;
}

.tnp-newsletter-form .tnp-privacy-field a {
	color: var(--main-link-color);
}

.tnp-newsletter-form div.tnp-privacy-field {
	margin-bottom: 40px;
}

.tnp-newsletter-form div.tnp-field-button {
	text-align: center !important;
}


input.tnp-submit, .tnp-widget-minimal input.tnp-submit, .tnp input, .tnp-subscription-minimal input.tnp-submit {
	border-radius: 3px;
}

.tnp-subscription input.tnp-submit, .tnp-widget-minimal input.tnp-submit, .tnp-subscription-minimal input.tnp-submit {
	 background-color: var(--main-link-color);	
}

.tnp-subscription label {
	font-family: var(--waps-header-font);
}

div.tnp-subscription {
	margin-left: 0px;
}

.tnp-widget-minimal form {
	display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.tnp-widget-minimal input.tnp-email {
	margin-bottom: 10px;
}

.widget_newsletterwidgetminimal h4 {
	font-size: 16px;
	line-height: 5px;
}

.tnp-widget-minimal input.tnp-submit {
	
}

/* PAGINATION */
ul.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 40px 0;
	font-size: 1.3em;
  gap: 6px; /* space between items */
  font-family: var(--waps-header-font);
}

ul.page-numbers li {
  display: inline-block;
}

ul.page-numbers a.page-numbers,
ul.page-numbers span.page-numbers {
  display: inline-block;
  padding: 1px 14px;
  border-radius: 3px;
  border: 1px solid var(--waps-blue-dark);
  color: var(--waps-blue-dark); /* cyan text fallback */
  text-decoration: none;
  transition: all 0.25s ease;
  font-weight: 500;
}

/* Hover + Active states */
ul.page-numbers a.page-numbers:hover {
  background-color: var(--waps-yellow);
  color: #000;
}

.pagination li .page-numbers.current {
  background-color: var(--waps-blue);
  color: #000;
  border-color: var(--waps-blue-dark);
}

/* Ellipsis (...) */
ul.page-numbers .dots {
  border: none;
  color: #999;
  background: transparent;
}


/* CUSTOM HEADER WIDGET*/
.chw-widget .hot-random-image {
	box-shadow: 1px 5px 10px #aaa;
	border-radius: 0px;
}