html,body{margin:0}

html { 
  background: url(background.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.core{width:100%;display:table}
body{font-family:GoogleSans, Arial;font-style:normal;color:#000;margin-bottom:50px}
.box{width:32.03125%;float:none;display:table-cell;border-radius:5px}
.cell{margin-top:50px!important}
.text{font-size:1.2rem;font-weight:700;text-align:center}
.timestamp{font-size:1rem;font-weight:700}
.text img{width:100px}
.green.text{color:#9A9400}
.red.text{font-size:2rem;color:#d62117}
.blue.text{color:#2D86C8}
.black.text{font-size:1rem;font-weight:400}
.intro,.content,.section-title,footer{width:90%;font-size:1.2rem;margin-top:25px;margin-left:50px}


body {min-width:1200px;}

.maincontent{
width:77%;
float:left;
}

.wide {
width:100%;}

.sidebar {
margin-top:50px;
margin-right:10px;
	
width:20%;
float:right;
padding:10px;
border:.125rem solid #4148f6;
border-radius:4px;
}

.sidebar h2{
color:#4148f6;
}

.newsarticle {
margin-bottom:20px;
}

.desktopnews {
display:none;
}


.wp-caption {
width:800px;
position: relative;
padding: 0;
margin: 0;
border-radius:4px;
overflow:hidden;
}
.wp-caption img {
display: block;
max-width: 100%;
height: auto;
}
.wp-caption:after {
content: "";
position: absolute;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .5) 80%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0;
z-index: 1;
}
.wp-caption-text {
display: block;
position: absolute;
width: 100%;
color: #fff;
left: 0;
bottom: 0;
padding: 1em;

z-index: 2;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

footer{margin-top:50px;font-size:.9rem;}
footer .c{font-family:Arial;}
h1{font-size:1.6rem}
.lv{color:#B01E28}
ul.topnav{font-size:1.2rem;list-style-type:none;margin:0;margin-bottom:25px;padding:0;overflow:hidden;background-color:#4148f6}
ul.topnav li{float:left}
ul.topnav li a{display:block;color:#fff;text-align:center;padding:25px 16px;text-decoration:none; font-weight:500;}
/*ul.topnav li a:hover:not(.active){background-color:#111}*/
/*ul.topnav li a.active{background-color:#4148f6}*/
ul.topnav li.right{float:right}
.contactform textarea{min-height:115px}
textarea{width:100%}
.contactform input[type=text],input[type=email],select,textarea{font-family:GoogleSans, Arial;font-size:1.2rem;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical}
.button-28{font-family:GoogleSans, Arial;width:200px!important;appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#3B3B3B;cursor:pointer;display:inline-block;font-size:1.3rem;font-weight:500;line-height:normal;margin:0;min-height:60px;min-width:0;outline:none;padding:16px 24px;text-align:center;text-decoration:none;transition:all 300ms cubic-bezier(.23,1,0.32,1);user-select:none;-webkit-user-select:none;touch-action:manipulation;width:100%;will-change:transform}
.button-28:disabled{pointer-events:none}
.button-28:hover{color:#fff;background-color:#4148f6}
.button-28:active{box-shadow:none;transform:translateY(0)}
.contact{width:70%;font-size:1.2rem;margin-left:50px;margin-top:25px}
a,a:visited,a:hover,a:active{color:#4148f6}
.styled-table{border-collapse:collapse;margin:25px 0;font-size:.9em;width:100%;box-shadow:0 0 20px rgba(0,0,0,0.15)}
.styled-table thead tr{background-color:#4148f6;color:#fff;text-align:left}
.styled-table th,.styled-table td{padding:12px 15px}
.styled-table tbody tr{border-bottom:1px solid #ddd}
.styled-table tbody tr:nth-of-type(even){background-color:#f3f3f3}
.styled-table tbody tr:nth-of-type(odd){background-color:#fff}

.styled-table tbody tr:last-of-type{border-bottom:2px solid #4148f6}
.styled-table tbody tr.active-row{font-weight:700;color:#009879}
.section-title{color:#4148f6;border-bottom:.125rem solid #4148f6}
.mobileheader{display:none}


.bio {
    width: 90%;
    padding: 20px;
    overflow: hidden;
}

.bio img {
clip-path: circle();
	width:120px;
    margin-right: 30px;
    float: left;
}

.bio h3,
.bio .about{
    margin-left: 15px;
    overflow: hidden;
    margin: 2px 0 0 0;
}

.bio p {
margin-bottom:20px;}





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

html { 
  background: none; 
  }

body {min-width:0px;}


.sidebar {
display:none;
}

.desktopnews {
display:block;
}

.maincontent {
width:100%;
}

.wp-caption {
width:100%;
font-size:1rem;
}

ul.topnav li a {
padding-top:10px;
padding-bottom:10px;
}

.bio {
    width: 90%;
    padding: 20px;
}

.bio img {
clip-path: circle();
	width:80px;
    margin-right: 15px;

}

.bio h3 {
padding-top:25px;}

.bio h3,
.bio .about{
    margin-left: 15px;
    margin: 2px 0 0 0;
}

.bio .about {
clear:both;}


.bio p {
margin-bottom:20px;}


.core{display:none}
.mobileheader{display:block}
.mobileheader .text{margin-bottom:10px}
.black{font-size:.9rem!important}
ul.topnav li.right,ul.topnav li{float:none}
.intro,.content,.section-title,footer{margin-left:10px;margin-top:25px}
.contact{margin-left:10px!important;width:90%!important}
.contactform .name,.contactform .email{width:100%!important}
}
.contactform .name,.contactform .email{width:50%}
/*@media (prefers-color-scheme: dark) {
body{color:#eee;background:#121212}
.button-28,.button-28:hover{color:#000;background-color:#fff;border-width:0}
.core img{display:none}
.styled-table a{color:#fff}
.styled-table thead tr{background-color:#474747;color:#ccc;text-align:left}
.styled-table tbody tr{border-bottom:0;background-color:#333}
.styled-table tbody tr:nth-of-type(even){background-color:#474747}
.styled-table tbody tr:last-of-type{border-bottom:0}
.styled-table tbody tr.active-row{font-weight:700;color:#333}
.contactform input[type=text],input[type=email],select,textarea{background-color:#474747;border-width:0;color:#fff}
}*/


@font-face {
  font-family: "GoogleSans";
  src: url("fonts/GoogleSans.ttf") format('truetype');
}
/*

@font-face {
  font-family: "LexicaUltralegible";
  src: url("fonts/LexicaUltralegible-Bold.woff2") format('woff2');
  font-weight: bold;
}

@font-face {
  font-family: "LexicaUltralegible";
  src: url("fonts/LexicaUltralegible-BoldItalic.woff2") format('woff2');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "LexicaUltralegible";
  src: url("fonts/LexicaUltralegible-Italic.woff2") format('woff2');
  font-style: italic;
  */
}