/* dexnet_2025_v1.css */
* { box-sizing: border-box; }
html,body{padding: 0; border: 0; margin: 0 calc(6px + 0.390625vw) 0 calc(6px + 0.390625vw); font-family:Verdana, Arial, sans-serif; font-size:calc(15px + 0.390625vw); line-height:1.4; font-weight:400;}
h1,h2h3,h4,h5,h6 {font-family:Verdana, Arial, sans-serif; line-height:1.2; padding: 1px 0;}
h1 {font-size:calc(24px + 0.390625vw); font-weight:600; padding:0 0 calc(10px + 0.390625vw) 0; }
h2 {font-size:calc(18px + 0.390625vw); font-weight:500; }
h3 {font-size:calc(17px + 0.390625vw); font-weight:500; }
h4 {font-size:calc(16px + 0.390625vw); font-weight:500; }
h5 {font-size:calc(16px + 0.390625vw); font-weight:500; }
h6 {display:inline;font-size:calc(15px + 0.390625vw); font-weight:600; }
a:link { color: #0000ee; text-decoration: underline;  }
a:visited { color: #551a8b;  text-decoration: none; }
a:hover { color: green; text-decoration: underline; }
a:active { color: blue; text-decoration: underline; }
hr { width: 80%; height: 2px; background-color: blue; border: none; padding: 0; margin: calc(12px + 0.390625vw) auto; }
p {text-align:left;padding-top:calc(2px + 0.390625vw);padding-right:0;padding-bottom:calc(2px + 0.390625vw);padding-left:0;margin:1px 0 1px 0; }
ul {font-size:calc(14px + 0.390625vw); font-family: Verdana; Arial, sans-serif; font-weight:400; padding: 2px 0 2px calc(6px + 0.390625vw); margin: 4px 0 0 calc(6px + 0.390625vw); }
.outer-container { max-width:1024px; border: 0; padding: 0; margin: 2px auto 0 auto; }
.nav-flex-container { padding: 0; border: 0; margin: 0; display: flex; flex-wrap: wrap; flex-direction: row; text-align: center; width: 100%; flex: 1 1 200px; }
.nav-flex-container > div { background: #2c2ce2 ; text-align:center;  padding: 0 ; border: 0; margin: calc(1px + 0.390625vw) calc(1px + 0.390625vw) 0 0; flex-grow:1; }
.nav-flex-container > div:last-child { margin-right: 0;  /* Removes margin from the last item */ }
/* Responsive layout - makes a one column-layout instead of five-column layout */
@media (max-width: 650px) {
 .nav-flex-container { flex-direction: column; }
 .nav-flex-container > div { background:#2c2ce2; text-align:center; padding: 0 ; margin:0; border-top: 2px solid white; }
}
.topnav { background-color: #ffffff; overflow: hidden; 	border:0; padding:0; margin:0; }
.topnav a { display: block; color: #f2f2f2; text-align: center; padding: calc(6px + 0.390625vw) ; border: 0; margin: 0; text-decoration: none; font-size: calc(13px + 0.390625vw); }
.topnav a:hover {  background-color: #ddd; color: black; }
.container1 { display: grid; grid-gap: calc(6px + 1.5625vw); grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); grid-template-rows: repeat(3, auto); border: 0; padding: 0; margin: 0; }
.container1 > div { background:#ffffff; text-align:left; border: 0; padding: 0; margin:0; }
.container2 { display: grid; grid-gap: calc(2px + 1.5625vw); grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); grid-template-rows: repeat(3, auto); border: 0; padding: 0; margin: 0; }
.container2 > div { background:#ffffff; text-align:left; border: 1px; padding: 0; margin:0; }
.myblue { height: 100%; width:100%; border-style: dotted; border-color: blue; border-top:0; border-right:0; border-left:0;  padding:0; margin:0;}
.item1 {grid-column: 1 / 3; }
#header {background:#000000; color:white; font-size:calc( 24px + 0.390625vw); line-height:2; text-align:center; width:100%;padding:  calc(6px + 1.5625vw) 0 calc(6px +  0.390625vw) 0;	}
.container-footer { display: grid; grid-gap: calc(2px + 0.390625vw); grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); grid-template-rows: none; border: 0; padding: calc(4px + 1.5625vw) 0 ; margin: 0; }
.container-footer > div { background:#2c2ce2; text-align:center; padding: 0; margin:0; border:1px; }
.footer-bottom-bar p {text-align:center; font-size:calc(8px + 0.390625vw); font-weight:200; width:100%; border: 0; padding: 6px 0 10px 0; margin:0; }
 #footer {background:#2c2ce2; color:white; font-size:calc(12px + 0.390625vw);font-weight:300; line-height:1.8; text-align:center; width:100%; padding-top:calc(14px + 0.390625vw); 	padding-bottom:calc(10px + 0.390625vw) border:1px solid #2c2ce2; margin-top:calc(2px + 1.5625vw); }
#footer hr { width: 80%; height: 1px; background-color: white; border: none; padding: 0; margin: calc(4px + 0.390625vw) auto; }
 #footer a:link { color: white; text-decoration: underline; }
 #footer a:visited { color:#04aa6d; text-decoration: none; }
 #footer a:hover { color: #f44336; text-decoration: underline; }
 #footer a:active { color:  pink; text-decoration: underline; } 
.footer-bottom-bar p {text-align:center; font-size:calc(8px + 0.390625vw); font-weight:200; width:100%; border: 0; padding: 6px 0 10px 0; margin:0; }
.outer { width:100%; padding: calc(4px + 1.5625vw); }
.polaroid-outer {	max-width:820px;	margin: 0 auto;	padding:0;	border:0; }
.polaroid-outer img { width:100%; aspect-ratio: 1.6 / 1; padding: 0; border: 0; margin: 0; object-fit: contain; }
.polaroid { width: 98%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-top: calc(3px + 0.390625vw); margin-right: auto; margin-bottom: 25px; margin-left: auto; padding: calc(6px + 0.390625vw) 0 0 0; border: 1px; border-radius: 5px; text-align:center; object-fit: contain; }
.polaroid img { width:95%; height:auto; margin: 0; border: 0; border-radius:5px; padding: 0; object-fit: contain; }
.container { text-align: center; font-size:0.875em; line-height: 1.6; padding: calc(1px + 0.390625vw) 0.5em calc(10px + 0.390625vw) 0.5em; border: 0; margin: 0 }
.mid { background-color: #ffffff; text-align: left; border: 0; margin: 0; padding: 0; }
.mid p, h2 { background-color: #ffffff; border: 0; padding: calc(1px + 0.390625vw) 0; margin: calc(1px + 0.390625vw) 0; }
.c21 { color:gold; background-color: #000000;}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}