/* Jim Plaxco Artsnova CSS 2024*/
/* NAV */ 
.topnav{overflow:hidden;background-color:#fff;margin-left:auto;margin-right:auto;max-width:800px;margin-bottom:1.2rem;}
.topnav a {float:left;display:block;color:#007;text-align:center;padding:8px 16px;text-decoration:none;font-size:1.1rem;font-weight:700;}
.topnav a:hover {background-color:#eee;color:black;}
.topnav .icon {display:none;}
.masthead {display:block;margin-left:auto;margin-right:auto;width:100%;height:auto;max-width:872px;}
/* FOOTER */
.thefooter {margin-top:1.1rem;padding-top:1.1rem;padding-right:0.6rem;padding-bottom:1rem;padding-left:0.6rem;background-color:#f2f2f2;color:#000;position:relative;margin:0 0 0 0;border:2px solid rgba(10,10,10,.25);border-radius:0;display:block;}
.thefooter small{color:#727272;}
/* HERO */
.ahero{background:url(art/jim-plaxco-digital-artist-grand-canyon.webp) 50% no-repeat;background-size:cover;height:400px;text-align:center;display:flex;align-items:center;justify-content:center}
.ahero-text{color:#fff;text-shadow:1px 1px 2px #000}
/* PROMOS */
.xeartharthero{background:url(art/earth-as-art-gallery-sample.jpg) 50% no-repeat;background-size:cover;text-align:center;display:flex;align-items:center;justify-content:center;height:auto;margin:auto;}
.eartharthero {display:block;margin-left:auto;margin-right:auto;max-width:100%;width:100%;height:auto;}
.promo-text{color:#fff;text-shadow:1px 1px 2px #000;text-align:center;margin:auto;}
/* ARTICLE IMAGE AND CAPTION */
figure{margin-bottom:1.1rem;}
figcaption{margin:auto; text-align:center;font-style:italic;}
/* CONTENT */
.vertical a:hover {background-color:#efefed;}
.jpcontent {margin:.6rem .9rem;}
.jpcenter {display:block;margin-right:auto;margin-left:auto;text-align:center;}
.jpbnr {border-radius:10px;border:2px solid #333;display:block;margin-right:auto;margin-left:auto;text-align:center;}
.jpdl dt {padding:8px 1px 3px 0px;}
.jpdl dd {margin-left:2em;}
.artstrip {position:relative;text-align:center;color:white;border:1px solid black;}
img.cntx {text-align:center;margin-left:auto;margin-right:auto;display:block;width:100%;max-width:600px;padding-top:6px;}
img.cntxv{text-align:center;margin-left:auto;margin-right:auto;display:block;width:100%;max-width:400px;}
/* Centered text */
.artstriptext {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:2.3rem;font-weight:720;color:#fff;text-shadow:2px 2px 3px #000;}
/* H1 */
h1 {margin:auto;text-align:center;}
/* GALLERY IMAGES */ 
.jpgalry{margin:.8rem;padding:.8rem}
.thumbnail{margin-bottom:.3rem;max-height: 240px;}
/* CARRY OVER OLD CSS*/
.titelist {padding:1px 0px 4px 30px;margin:1px; list-style-position:inside;}
.titelist li {padding:2px 0px 5px 10px;margin:1px;}
.jpcode {border:1px solid #222222;background-color:#dddddd;text-align:center;padding:4px 6px 4px 6px;margin-top:6px;margin-bottom:6px;}
/* mobportstyle.css */ 
.gallerycontainer {width:96%;margin:20px auto;overflow:hidden;}
/*GALLERY STYLES*/
.galleryItem {color:#797478;font:0.9em Verdana, Helvetica, sans-serif;width:21%;height:220px;margin:1% 1% 1px 1%; float:left; -webkit-transition:color 0.5s ease;}
.galleryItem h3 {line-height:0.9em;font-size:0.9em;}
.galleryItem:hover {color:#000;}
.galleryItem a:link {text-decoration:none;}
.galleryItem a:visited {text-decoration:none;}
.galleryItem a:hover {text-decoration:underline;}
.galleryItem a:active {text-decoration:underline;}
.galleryItem img {max-width:100%; -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px;}
/*** RANDOM SELECTOR ***/ 
.rgallerycontainer {width:780px;overflow:hidden;text-align:center;margin-left:auto;margin-right:auto;display:block;}
/*GALLERY STYLES*/
.agalpic {box-sizing:border-box;display:inline-block;text-align:center;margin:0px;padding:1px;border-color:#444;border-width:4px;border-style:outset;}
.rgalleryItem {color:#797478;font:0.9em Verdana, Helvetica, sans-serif;width:110px;height:180px;margin:0.5em;float:left; -webkit-transition:color 0.5s ease;}
.rgalleryItem h3 {line-height:0.9em;font-size:0.9em;}
.rgalleryItem:hover {color:#000;}
.rgalleryItem a:link {text-decoration:none;}
.rgalleryItem a:visited {text-decoration:none;}
.rgalleryItem a:hover {text-decoration:underline;}
.rgalleryItem a:active {text-decoration:underline;}
.rgalleryItem img {max-width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
/* ARTICLE IMAGE AND CAPTION */
#imginf table, #imginf tr, #imginf td {margin-left:auto;margin-right:auto; border:1px #6699CC solid; border-spacing:0px; padding-top:1px; padding-bottom:3px; border-bottom:2px solid #6699CC; border-left:1px solid #6699CC; text-indent:5px; vertical-align:top; font-weight:bold; font-style:italic;}
.imgtdw {width:14%;text-align:right;padding-right:6px;color:#0a0;}
/* MISC */ 
.code {background:#f4f4f4;border:1px solid #ddd;border-left:3px solid #f36d33;color:#666;page-break-inside:avoid;font-family:monospace;font-size:15px;line-height:1.6;margin-bottom:1.2em;max-width:100%;overflow:auto;padding:1em 1.5em;display:block;word-wrap:break-word;}
.agal {color:#222266;background-color:#fff;border-radius:30px;}
.agal img{border:2px solid black;}
/* art */
.artwork {margin:auto;padding:30px;background:#fff;border-style:solid;border-width:15px;border-top-color:#000;border-right-color:#000;border-bottom-color:#000;border-left-color:#000;box-shadow: 3px 3px 5px rgba(0,0,0,.6);text-align:center;display:inline-block;}
.artfigure {margin:20px;text-align:center;}
figcaption {text-align:center;font-style:italic;color:#666;}
.jcntr {margin:auto;text-align:center;}
.ganav {border-top:2px solid black;padding-top:1.5em;margin:auto;text-align:center;margin-top:1.1em;}
/* ADD FROM MOBPLAXCO.CSS */
.cntr {text-align:center;}
.itlc {font-style:italic;text-align:center;}
.ispace {padding:.75em;text-align:left;}
.ispace p {margin-top:0px; margin-bottom:.75em;}
.quoteblk {width:92%;border:2px double #ffffff;background-color:#dfdfff;padding:.5em;margin-left:auto;margin-right:auto;margin-top:.65em;margin-bottom:.5em;word-wrap:break-word;overflow:hidden;}
/* MEDIA QUERIES*/
@media only screen and (max-width : 940px){
	.galleryItem {width:24%;}
	.rgalleryItem {width:110px;}
}
@media only screen and (max-width : 720px){
	.galleryItem {width:31%;height:194px;margin: 1% 1% 2px 1%;}
	.rgalleryItem {width:110px;height:160px;margin: 1% 1% 2px 1%;}
        .rgallerycontainer {width:690px;}
	.header h1 {font-size: 40px;}
}
@media only screen and (max-width: 530px){
        .rgallerycontainer {width:500px;}
	.galleryItem {width:48%; height:200px; margin: 1% 1% 2px 1%;}
	.rgalleryItem {width:150px; height:190px; margin: 1% 1% 2px 1%;}
	.header h1 {font-size: 28px;}
}
@media only screen and (max-width : 400px){
	.galleryItem {width: 96%; height:320px; margin: 1% 2% 8px 2%;}
	.galleryItem img {width:94%;}
	.galleryItem h3 {font-size: 0.6em;}
	.galleryItem p, .header p {font-size: 18px;}
        .rgallerycontainer {width:300px;}
	.rgalleryItem {width: 140px; height:190px; margin: 1% 2% 8px 2%;}
	.rgalleryItem img {width:94%;}
	.rgalleryItem h3 {font-size:18px;}
	.rgalleryItem p, .header p {font-size:18px;}
	.header h1 {font-size: 28px;}
}
/* SMALL SCREEN ADJUSTS */ 
@media screen and (max-width: 760px) {
  .artstriptext {font-size:1.8rem;font-weight:680;line-height:1.9rem;}
}
@media screen and (max-width: 600px) {
  .artstriptext {font-size:1.8rem;font-weight:680;line-height:1.9rem;}
  .topnav a{padding: 4px 6px;font-size:0.85rem;font-weight:600;}
}