html, body, address, div, dl, form, h2, h3, h4, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset{margin:0;padding:0;}
img, fieldset{border:0;}
img{max-width:100%;height:auto;width:auto\9;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, bottommenu{display:block;}
#monkey{height:300px;}
#monkey600{height:620px;}
.floatright{float:right;margin-left:5px;}


body{background:#0d1424 url(_imagery3/dithering2021-a.jpg) no-repeat center top;
	background-attachment:fixed;
	background-repeat:repeat-x;
color:#666;font-family:Arial, Helvetica, sans-serif;line-height:160%;}

     body {
      font-size: 100%;
    }

    /* If the screen width is 600px or less (typical phone size), increase font size */
    @media (max-width: 600px) {
      body {
        font-size: 125%;
      }
    }



h1{font-family: 'Teko', sans-serif;font-size:200%;font-weight:bold;color:#06658c;line-height:33px;letter-spacing:0.1em;}



h1 a {font-family: 'Teko', sans-serif;font-size:113%;font-weight:bold;color:#ffffff;line-height:33px;
text-decoration:none; }


h1 a:hover{text-decoration:underline;font-size:115%;}

#pagewrap{
	width:1080px;
	margin:0 auto;
	margin-top:10px;
	}

#content{background:#eeeeee;margin:00px 0 30px;padding:20px 35px;width:620px;float:left;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);}

#sidebar{width:380px;float:right;margin:00px 0 30px;}

.comicbookbrain{
	margin-top:10px;font-family: 'Teko', sans-serif;
	font-size:220%;font-weight:
	bold;color:#063;line-height:33px;}

.strikeout {
	text-decoration: line-through;
}

.whitetext {
	color:#e4dddd;
}

.whitetext {
	color:#e4dddd;
}



#blackbox {
	background-color:#000000;
}
.sitedescription{font-size:160%;font-weight:bold;color:#930;line-height:165%;margin-top:-20px;margin-bottom:15px;font-family:'Oswald', sans-serif;}
h2{font-size:160%;font-weight:bold;color:#930;line-height:165%;margin-top:10px;margin-bottom:15px;font-family:'Oswald', sans-serif;}
h2.monthlist{font-family:Arial, Helvetica, sans-serif;font-size:135%;font-weight:bold;color:#fff;background-color:#223d73;padding-left:10px;padding-top:12px;padding-bottom:15px;border-bottom:1px solid #999;margin-bottom:0px;text-transform:uppercase;letter-spacing:2px;}
h3 {font-family:'Oswald', sans-serif; color: #336d9c;}
h4{font-size:120%;font-weight:bold;color:#666;line-height:165%;margin-top:10px;margin-bottom:15px;font-family:'Oswald', sans-serif;}

H5 {
	font-size:90%;
	color:#999999;
	margin-bottom:30px;
}

H5 a {
	font-size:90%;
	color:#757e98;
	margin-bottom:30px;
	font-size:100%;
}

H5 a:hover {
	font-size:90%;
	color:#009;
	margin-bottom:30px;
	font-size:105%;
}

h6{font-size:85%;
	color:#b9c4d0;
	margin-bottom:30px;
	font-size:105%;
}

a {
	color:#4e64a3;    text-decoration:underline;outline:none;
	font-weight:bold;
	}
	
	
	
a:hover{text-decoration:none;}





p{margin:0 0 1.2em;padding:0;}
ul, ol{margin:1em 0 1.4em 24px;padding:0;line-height:140%;}
li{margin:0 0 .5em 0;padding:0;}
h3, h4{line-height:1.4em;margin:20px 0 .4em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}

.centerthetext {
	text-align:center;
}


.video-vertical {
  max-width: 420px;            /* adjust as you like */
  margin: 0 auto;              /* center on page */
}
.video-vertical video {
  width: 100%;
  aspect-ratio: 9 / 16;        /* vertical */
  object-fit: cover;           /* fill nicely if source aspect differs */
  display: block;
  background: #000;
}




input[type=search]{-webkit-appearance:none;outline:none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button{display:none;}



#header{position:relative;height:195px;}
#site-logo{position:absolute;top:10px;}
#site-logo a{font:bold 30px/100% Arial, Helvetica, sans-serif;color:#fff;text-decoration:none;}
#searchform{position:absolute;right:10px;bottom:6px;z-index:100;width:160px;}
#searchform #s{width:140px;float:right;background:#fff;border:none;padding:6px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);box-shadow:inset 0 1px 2px rgba(0,0,0,.2);-webkit-transition:width .7s;-moz-transition:width .7s;transition:width .7s;}


/* DEC 14 2025 */

.two-col-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.two-col {
  flex: 1 1 50%;      /* 50% width on desktop */
  padding: 20px;
  box-sizing: border-box;
}

/* MOBILE STACKING */
@media (max-width: 768px) {
  .two-col {
    flex: 1 1 100%;   /* 100% width on phones */
  }
}

/* END DEC 14 2025 */




#amazoned {
	background-color:#FFFFCC;
	padding: 3px;
}

.calistoga {


font-family: 'PT Mono', monospace;
font-family: 'Calistoga', cursive;

}

.ptmono {
font-family: 'PT Mono', monospace;
}

img.imagepad{border:0;margin:5px 5px 5px 5px;}
.gallery{font-size:200%;}
#site-description{font:Arial, Helvetica, sans-serif;font-size:120%;margin-top:15px;}

/* Disable custom CSS tooltips built from a[title] */
a[title]{
  position: static !important;     /* undo positioning */
}

a[title]::after{
  content: none !important;        /* stop generating tooltip text */
  display: none !important;        /* ensure it never appears */
}


hr{border:0;height:1px;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));margin-top:35px;margin-bottom:35px;}
.moviereview{background-color:#f1e4d3;padding:5px;border-right:#f1e4d3 10px solid;}
#golden{line-height:200%;margin-top:10px;width:100%;font-size:90%;}
#golden strong{color:#009;font-size:125%;}
#golden ul{margin:0;padding:0;}
#golden ul li{margin-left:0px;margin-top:10px;list-style-type:none;padding-top:3px;padding-bottom:3px;padding-left:10px;padding-right:3px;background-color:#ddca80;border:1px #ddca80 solid;}
.goldentan{background-color:#f1e4d3;border:1px #f1e4d3 solid;}
#goldenblock{width:70%;line-height:200%;margin-left:55px;margin-top:10px;font-size:90%;color:#ffff66;}
#goldenblock strong{color:#ffff66;}
#goldenblock ul li{margin-left:0px;margin-top:10px;list-style-type:none;padding-top:3px;padding-bottom:3px;padding-left:10px;padding-right:3px;background-color:#22357f;border:1px #22357f solid;}
#keybox0{margin-top:00px;width:200px;height:70px;float:right;}
#keybox1{width:200px;height:30px;padding-left:10px;background-color:#ddca80;font-weight:bold;}
#keybox2{width:200px;height:30px;padding-left:10px;background-color:#22357f;font-weight:bold;color:#ffff66;}
#release{line-height:175%;}
#release ul{color:#666;}
.release{background-color:#d1dcf2;margin-top:2px;}
#release a{color:#bd4903;margin-left:4px;}
.herolistff2orange{font-family:Arial, Helvetica, sans-serif;font-size:135%;font-weight:bold;color:#555555;background-color:#fdbc46;padding-left:10px;padding-top:12px;padding-bottom:15px;border-bottom:1px solid #333333;}


herolistff2{width:100%;
padding:0 0 0em 0;
margin-bottom:15px;margin-top:15px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;background-color:#CCC;}



#herolistff2 ul{list-style:none;margin:0;padding:0;border:0;}
#herolistff2 li{border-bottom:2px solid #ffffff;margin:0;}
#herolistff2 li a{display:block;font-size:150%;padding:10px 0px 10px 0.5em;background-color:#69F;color:#cccccc;text-decoration:none;width:100%;font-weight:bold;}
#herolistff2 li a:hover{font-size:150%;background-color:#000000;color:#fff;}



<!-- sequencial list sidebar-->
<!--amazon-->
#amalama ul li{list-style:none;display:inline;font-weight:bold;line-height:300%;background-color:#dc7404;padding:5px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;display:inline;}
#amalama li a{display:inline;background-color:#dc7404;color:#000000;}
#amalama li a:hover{background-color:#360;color:#fff;}
<!-- links in sidebarff css-->
body #sidebarlistff a{width:auto;}
#frazetta210{float:right;width:200px;margin-left:10px;background-color:#;}
#sidebarlistff{width:200px;padding:0 0 1em 0;margin-bottom:10px;margin-top:10px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;background-color:#e8aee8;}
#sidebarlistff ul{list-style:none;margin:0;padding:0;border:0;}
#sidebarlistff li{border-bottom:2px solid #ffffff;margin:0;}
#sidebarlistff li a{display:block;padding:5px 5px 5px 0.5em;background-color:#e8aee8;color:#513d51;text-decoration:none;width:190px;font-weight:bold;}
#sidebarlistff li a:hover{background-color:#975397;color:#fff;}
#terms{width:400px;text-align:left;}
.whitedtext{color:#fff;}
#whiteboxlarge{background-color:#fff;padding:10px;border-radius:8px;}
#hopeitworks{}
.floatover{float:right;}
#mazebox{background-color:#FFFFFF;text-align:center;}
#erikweems{width:400px;background-color:#333;border:1px solid #333;border-radius:30px;margin-top:70px;margin-left:auto;margin-right:auto;margin-bottom:25px;text-align:center;color:#ccc;padding-top:5px;padding-bottom:8px;}
#erikweems a{font-family:'Fjalla One', sans-serif;color:#fff;font-size:25px;line-height:26px;}
#erikweems a:hover{font-family:'Fjalla One', sans-serif;color:#666;font-size:25px;line-height:26px;background-color:#b9ccdf;}
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  font-size:120%;
  line-height:175%;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.indentomake {
	margin-left:15px;
}

#searching {
	margin-top:0px;}
	
#searchforit {
	margin-top:200px;
	background-color:#FFF;
	padding:15px;}	


.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.imggmin {
	margin-right:10px;
	}





#main-nav{width:100%;background:#ccc;margin:0;padding:0;position:absolute;left:0;bottom:0;z-index:100;background:#4867a3 url(images/nav-bar-bg-blue.png) repeat-x;background:-webkit-gradient(linear, left top, left bottom, from(#4867a3), to(#082e78));background:-moz-linear-gradient(top, #4867a3, #082e78);background:linear-gradient(-90deg, #4867a3, #082e78);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);}
#main-nav li{margin:0;padding:0;list-style:none;float:left;position:relative;}
#main-nav li:first-child{margin-left:10px;}
#main-nav a{line-height:100%;font-weight:bold;color:#fff;display:block;padding:14px 15px;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,.5);}
#main-nav a:hover{color:#fff;background:#474747;background:-webkit-gradient(linear, left top, left bottom, from(#051f52), to(#051f52));background:-moz-linear-gradient(top, #051f52, #051f52);background:linear-gradient(-90deg, #051f52, #051f52);}





.post{margin-bottom:40px;}
.post-title{margin:0 0 5px;padding:0;font:bold 26px/120% Arial, Helvetica, sans-serif;}
.post-title a{text-decoration:none;color:#000;}
.post-meta{margin:0 0 10px;font-size:90%;}
.post-image{margin:0 0 15px;}
#anothersidebartop{position:relative;width:300px;height:600px;float:right;margin:25px 0px 25px 00px;}
#newestsidebartop{position:relative;width:300px;height:50px;margin:35px 0px 0px 00px;}
#adpeepstext{width:300px;height:50px;float:right;}
#pushoverthebanner{float:right;margin-top:-80px;}


.widget a{
	color:#ffffff;
}

.widget{
	background:#a78d73;
	color:#000000;
	margin:0 0 50px;
	padding:10px 20px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
	box-shadow:0 1px 3px rgba(0,0,0,.4);}
.widgettitle{margin:0 0 5px;padding:0;}
.widget ul{margin:0;padding:0;}
.widget li{margin:0;padding:6px 0;list-style:none;clear:both;border-top:solid 1px #eee;}
.widget5{background:#666;width:100%;}
.widget5 li{margin:0;margin-left:00px;list-style:none;clear:both;background:#ccc;border-top:solid 1px #999;}
.widget .flickr_badge_image{margin-top:10px;}
.widget .flickr_badge_image img{width:48px;height:48px;margin-right:12px;margin-bottom:12px;float:left;}
.widget2{background:#fff;margin:20px 0 50px;padding:10px 20px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);}


#footer{clear:both;color:#ccc;font-size:85%;margin-left:0px;}
#footer a{color:#fff;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{display:inline-block;}
.clearfix{display:block;zoom:1;}



<!-- hero list sidebar-->
body #herolist a{width:auto;}
#herolist{width:100%;margin-left:0px;margin-right:0px;margin-top:15px;}

#herolistff{
	width:100%;
	padding:0 0 0em 0;margin-bottom:10px;
	margin-top:10px;font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;background-color:#CCC;}
	
	#herolistff h4 {
	color:#ffffff;
	font-size:165%;
font-family: 'Teko', sans-serif;	
  letter-spacing: 3px;
	}


#herolistff ul{list-style:none;margin:0;padding:0;border:0;}
#herolistff li{border-bottom:2px solid #ffffff;margin:0;}
#herolistff li a{display:block;padding:5px 0px 5px 0.5em;background-color:#69F;color:#cccccc;text-decoration:none;width:100%;font-weight:bold;}
#herolistff li a:hover{background-color:#051f52;color:#fff;}




<!-- topspot list sidebar-->
body #topspot a{width:auto;}

#topspot{width:100%;margin-left:0px;margin-right:0px;}

#topspot ul{list-style:none;margin:0;padding:0;border:0;}





#topspotff{
	width:100%;
	padding:0 0 0em 0;margin-bottom:10px;
	margin-top:0px;
	
	font-weight:bold;
	background-color:#000000;
	}
	

#topspotff{background-color:#eeeeee;padding-left:0px;}

#topspotff a{color:#009;background-color:#cccccc;}

#topspotff li{border-bottom:2px solid #999;margin:0;}

#topspotff li a{display:block;padding:5px 5px 5px 0.5em;background-color:#cccccc;color:#000000;text-decoration:none;width:100%;font-weight:bold;}

#topspotff li a:hover{background-color:#360;color:#fff;}






<!-- sequencial list sidebar-->
#sequencialcc{background-color:#dc7404;padding-left:10px;}

#sequenciaccl a{color:#ffffff;background-color:#8b4902;}

body #sequencial a{width:auto;}

#sequencial{width:100%;margin-left:0px;margin-right:0px;}

#sequencialff{
	width:100%;
	padding:0 0 0em 0;margin-bottom:10px;
	margin-top:0px;
	
	font-weight:bold;
	background-color:#000000;
	}
	
#sequencialff h4 {
	color:#ffffff;
	font-size:165%;
font-family: 'Teko', sans-serif;	
  letter-spacing: 3px;
	}	


#sequencial ul{list-style:none;margin:0;padding:0;border:0;}
#sequencialff li{border-bottom:2px solid #ffffff;margin:0;}
#sequencialff li a{display:block;padding:5px 5px 5px 0.5em;background-color:#dc7404;color:#000000;text-decoration:none;width:100%;font-weight:bold;}
#sequencialff li a:hover{background-color:#360;color:#fff;}





<!-- bluebell list sidebar-->

#bluebell{
	width:100%;
	padding:0 0 0em 0;margin-bottom:10px;
	margin-top:0px;
	
	font-weight:bold;
	background-color:#000000;
	}
	
#bluebell h4 {
	color:#ffffff;
	font-size:165%;
font-family: 'Teko', sans-serif;	
  letter-spacing: 3px;
	}	


#bluebell ul{list-style:none;margin:0;padding:0;border:0;}
#bluebellff li{border-bottom:2px solid #ffffff;margin:0;}
#bluebellff li a{display:block;padding:5px 5px 5px 0.5em;background-color:#6a8cd0;color:#000000;text-decoration:none;width:100%;font-weight:bold;}
#bluebellff li a:hover{background-color:#360;color:#fff;}



<!-- clubsuite sidebar-->
body #clubsuite a{width:auto;}
#clubsuite{width:100%;margin-left:0px;margin-right:0px;}
#clubsuiteff{	width:100%;
	padding:0 0 0em 0;margin-bottom:10px;
	margin-top:0px;
	
	font-weight:bold;
	background-color:#000000;
	}

#clubsuiteff ul{list-style:none;margin:0;padding:0;border:0;}
#clubsuiteff li{border-bottom:2px solid #ffffff;margin:0;}
#clubsuiteff li a{display:block;padding:5px 5px 5px 0.5em;background-color:#d2b6d0;color:#000000;text-decoration:none;width:100%;font-weight:bold;}
#clubsuiteff li a:hover{background-color:#360;color:#fff;}
#clubsuiteff h4 {
	color:#ffffff;
	font-size:165%;
font-family: 'Teko', sans-serif;	
  letter-spacing: 3px;
	}



<!-- hero list 2 sidebar-->
body #herolist6 a{width:auto;}
#herolist6{margin-left:0px;margin-right:0px;margin-top:15px;}
#herolistff6{width:100%;padding:0 0 0em 0;margin-bottom:10px;margin-top:10px;font-family:Arial, Helvetica, sans-serif;font-size:160%;font-weight:bold;background-color:#CCC;}
#herolistff6 ul{width:100%;list-style:none;margin:0;padding:0;border:0;}
#herolistff6 li{border-bottom:2px solid #ffffff;margin:0;}
#herolistff6 li a{display:block;padding:5px 0px 5px 0.5em;background-color:#69F;color:#ffffff;text-decoration:none;width:100%;font-weight:bold;}
#herolistff6 li a:hover{background-color:#051f52;color:#fff;}
<!-- sequencial list sidebar-->
body #greenlist a{width:auto;}
#greenlist{width:100%;margin-left:0px;margin-right:0px;}
#greenlistff{display:inline;width:100%;padding:0 0 0em 0;margin-bottom:10px;margin-top:10px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;background-color:#CCC;}
#greenlistff ul{list-style:none;margin:0;padding:0;border:0;}
#greenlistff li{border-bottom:2px solid #ffffff;margin:0;}
#greenlistff li a{display:block;padding:5px 5px 5px 0.5em;background-color:#0C3;color:#000000;text-decoration:none;width:100%;font-weight:bold;}
#greenlistff li a:hover{background-color:#360;color:#fff;}
#greenlistff h4 {
	color:#ffffff;
	font-size:165%;
font-family: 'Teko', sans-serif;	
  letter-spacing: 3px;
	}

#submenu {
clear:both;
margin-left:0px;
position: block;
padding-top:10px;
padding-bottom:20px;
}

#submenu a {
color:#caccd6;
}


#bottommenu{clear:both;margin-left:0px;}
#bottommenuff ul li{list-style:none;display:inline;font-weight:bold;line-height:300%;background-color:#dc7404;padding:5px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;}
#bottommenuff li a{display:inline;background-color:#dc7404;color:#000000;}
#bottommenu li a:hover{background-color:#360;color:#fff;}
#searchbottom{margin-left:25px;margin-bottom:50px;}

#searchnav{margin-left:20px;margin-bottom:00px;}

/** BREAK FOR NAV **/



/* The navigation bar */
.navfixbar {
  overflow: hidden;
  background-color: #000000;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
    z-index: 50;
	margin-right:auto;
	margin-left:auto;
	
}

/* Links inside the navbar */
.navfixbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change background on mouse-over */
.navfixbar a:hover {
  background: #ddd;
  color: black;
}

/* Main content */
.main {
  margin-top: 30px; /* Add a top margin to avoid content overlay */
}

/** OLD NAV**/

 /* Style the navigation menu */
.topnav {
  overflow: hidden;
    top: 0;
  background-color: #0d1424;

  position: fixed; 
  margin-left:auto;
  margin-right:auto;
 
  /* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	z-index:51;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
  z-index:51;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-family: 'Teko', sans-serif;
  font-size: 165%;
  display: block;
  z-index:51;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: #000000;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index:51;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #f4d75c;
  color: white;
  z-index:51;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #000000;
  color: white;
  z-index:51;
} 


.image-row {
  width: 100%;
  max-width: 620px;
  margin: 20px auto;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: flex-start;
  box-sizing: border-box;
}

.image-col {
  flex: 1 1 0;
  min-width: 0;
  box-sizing: border-box;
}

.image-col a {
  display: block;
}

.image-col img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

/* Mobile: stack images and let them fill the available column width */
@media screen and (max-width: 650px) {
  .image-row {
    max-width: 100%;
    width: 100%;
    flex-direction: column;
    gap: 12px;
    margin: 20px 0;
  }

  .image-col {
    width: 100%;
  }
}



/* link wrapper */
a.img-link.art-element2{
  display: block;
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  background: transparent;
  transition: transform 220ms ease, box-shadow 220ms ease, filter 220ms ease;
  transform: perspective(900px) rotateX(0deg) rotateY(0deg) scale(1);
  will-change: transform;
}

/* image fills wrapper */
a.img-link.art-element2 img{
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  border: 0;
}

/* hover effect */
@media (hover: hover) and (pointer: fine){
  a.img-link.art-element2:hover{
    transform: perspective(900px) rotateX(0.6deg) rotateY(-0.8deg) scale(1.015);
    box-shadow: 0 10px 26px rgba(0,0,0,0.18);
    filter: saturate(1.03) contrast(1.02);
  }
}

/* active / tap effect */
a.img-link.art-element2:active{
  transform: perspective(900px) rotateX(0deg) rotateY(0deg) scale(0.985);
  box-shadow: 0 6px 16px rgba(0,0,0,0.16);
}

#submenu {
  text-align: center;
  margin: 20px 0;
}

/* Pill buttons */
#submenu .pill-btn {
  display: inline-block;
  margin: 6px 6px;
  padding: 10px 18px;

  font-family: Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;

  color: #022b6b;
  background-color: #f2f2f2;

  border-radius: 999px; /* pill shape */
  border: 1px solid #d0d0d0;

  transition: all 0.25s ease;
}

/* Hover effect */
#submenu .pill-btn:hover {
  background-color: #022b6b;
  color: #ffffff;
  border-color: #022b6b;
}

/* Optional: stronger emphasis for bold links */
#submenu .pill-btn strong {
  font-weight: 600;
}


#submenu .pill-btn {
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

#submenu .pill-btn:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}


#submenu {
  text-align: center;
  margin: 20px 0;
}

#submenu a {
  display: inline-block !important;
  margin: 6px 6px !important;
  padding: 10px 18px !important;
  font-family: Arial, sans-serif;
  font-size: 14px !important;
  line-height: 1.2;
  text-decoration: none !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 999px !important;
  transition: all 0.25s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}

#submenu a:hover {
  background: #37c8f4 !important;
  color: #000000 !important;
  border-color: #37c8f4 !important;
}

#submenu a strong {
  font-weight: 700;
}