html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details, figcaption,
figure,
footer,
header,
main, menu,
nav,
section,
summary { display: block;
} audio,
canvas,
progress,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} progress {
vertical-align: baseline;
} template, [hidden] {
display: none;
}  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } a:active,
a:hover {
outline-width: 0;
}  abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: inherit;
} b,
strong {
font-weight: bolder;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background-color: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
} svg:not(:root) {
overflow: hidden;
}  code,
kbd,
pre,
samp {
font-family: monospace, monospace; font-size: 1em; } figure {
margin: 1em 40px;
} hr {
box-sizing: content-box; height: 0; overflow: visible; }  button,
input,
select,
textarea {
font: inherit; margin: 0; } optgroup {
font-weight: bold;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
html [type="button"], [type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } * { box-sizing: border-box;
} body {
font-family: "noto sans", "Open Sans", sans-serif;
max-width: 90%;
margin: auto;
background: white;
}
p br {
margin-bottom: 1em;
}
#search-2 {
margin-bottom: 1em;
}
.article-grid a {
color: black;
background-color: aliceblue; }
.article-grid a .cell .title {
font-size: 1.2em;
font-weight: bold;
margin: 10px;  
color: inherit;
text-align: center;
}
.article-grid a .cell .teaser {
font-size: 1em;
margin: 0.625em;  
color: inherit; #e6d698;*/
}  .article-grid a:hover {
color: white;    
background: linear-gradient(to bottom, #095dd3, blue 80%, black);     
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.article-grid a:hover .cell .category {
color: inherit;
font-size: 1.2em;
font-weight: bold;
text-align: center;
position: relative;
margin: 0;
background-color: #095dd3;
border-bottom: 1px solid white;
}
.article-grid a:hover .cell .title {
font-size: 1.2em;
font-weight: bold;
margin: 10px;  
color: inherit;
text-align: center;
text-decoration: none;
letter-spacing: -0.05em;
}
.article-grid a:hover .cell .teaser {
font-size: 1em;
margin: 0.625em;  
color: inherit; #e6d698;
text-decoration: none;
}   header {
background-color: #095dd3; #536879; #f0f1ff; #3c49f4; width: 100%;
margin: 0;
padding: 0;
display:block;  padding: 0.625em 0 0.635em 0;
}
.nav { height: 2em;
background: #095dd3;
margin-bottom: 40px;
margin-top: 0;
color: white;
font-weight: 700;
padding-top: 5px;
}
header h1 {
font-weight: bold;
font-size: 3em;
color: black; #fff8dc; text-align: center;
margin: 0;
font-family: 'PT Sans Narrow', 'arial', sans-serif;
letter-spacing: -0.01em;
}
header h2 {
font-size: 1.2em;
color: black; #fff8dc;
font-family: 'Inconsolata', 'verdana', 'arial', monospace;
font-weight: normal;
font-style: normal; 
text-align: center;
margin: 0;
} footer {
background-color: #095dd3;
color: white;
font-weight: bold;
text-align: center;
padding-top: 0.625em;
padding-bottom: 0.625em;
}
.lattice {
padding: 0;
margin:auto;
float:left; } .main-container {
margin: auto;
}
.main-container:after { 
content: " "; 
display: block;
clear: both;
} 
.article-grid {
padding: 0; float:left;
box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.3);
}
.article-grid:after { 
content: " "; 
display: block;
clear: both;
} 
.centering-grid {
margin: auto;
display: table;
}
.centering-grid:after { 
content: " "; 
display: block;
clear: both;
} 
.sidebar {
background-color: aliceblue; #fff0f8; cornsilk;
float: left;
padding-left: 0.5em;
top: 0;
position: -webkit-sticky;
position: sticky;
width: 20em;
font-size: 1em;
}
.sidebar a {
text-decoration: none;  
color: black; #095dd3;
}
.sidebar a:hover { color: #d3095d;
font-weight: bold; }
.sidebar ul {
list-style-type: square;
padding-left: 2em;
}
.sidebar > .widget > ul > li {
margin-bottom: 0.2em;
padding-bottom: 0.2em;
border-bottom: 1px dotted #095dd3;
margin-right: 1.5em;
}
.sidebar .widget .widget-title {
background: #095dd3;
margin: 0 1em 0.5em 1em;
border-radius: 0.25em;
color: white;
padding: 0 0 0.2em 1em;
}
.sidebar ul ul {
padding-left: 1em;
}
.sidebar .widget_categories {
width: 100%;
}
.nav a {
color: white;
text-decoration: none;
border: 0.25em solid #095dd3;
}
.nav a:hover { box-shadow: 0.25em 0.25em 1em 0.125em rgba(0, 0, 0, 1);
padding: 0 0 0 0;
}
.nav a:visited {
color: inherit;
}
.main {
margin: auto;
}
.main:after { 
content: " "; 
display: block;
clear: both;
} 
.cell {
position: relative; color: inherit;
background: inherit;
width: 20em;
height:20em;
float: left;
overflow: hidden;
border: 2px solid white; position: relative;   
}
.cell .category {
color: white; red; #1fa756; #f4f13c; font-size: 1.2em;
font-weight: bold;
text-align: center;
position: relative;
margin: 0;
background-color: #095dd3;
border-bottom: 1px solid aliceblue;
}   .article-grid { max-width: 160em; } @media screen and (max-width: 260em) { .article-grid { max-width: 120em;}
} @media screen and (max-width: 157.8em) { .article-grid { max-width: 80em; }    
} @media screen and (max-width: 113.4em) { .article-grid { max-width: 60em; }    
} @media screen and (max-width: 91.2em) { .article-grid { max-width: 40em; }   
} @media screen and (max-width: 68.9em) {   .article-grid { 
max-width: 20em; 
float: none;
}
.sidebar {
background-color: green;
float: none;
margin: auto;
display:none;
}
}
@media screen and (min-width: 50em) {
#banner {
display: block;
}
#banner1 {
display: none;
}    
}
@media screen and (max-width: 50em) {
#banner {
display: none;
}
#banner1 {
display: block;
}
} .pagination, .wp-prev-next {
margin: 1.5em 0; }
.pagination {
text-align: center; 
} .pagination ul {
display: inline-block;
background-color: #095dd3;
white-space: nowrap;
padding: 0;
clear: both;
border-radius: 0.2em; 
margin-bottom: 1em;
}
.pagination li {
padding: 0;
margin: 0;
float: left;
display: inline;
overflow: hidden;
border-right: 1px solid #eaedf2; 
}
.pagination a, .pagination span {
margin: 0;
text-decoration: none;
padding: 0;
line-height: 1em;
font-size: 1em;
font-weight: normal;
padding: 0.75em;
min-width: 1em;
display: block;
color: white; 
}
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
background-color: white;
color: black; 
}
.pagination .current {
cursor: default;
background: #d3095d;
color: white;
font-weight: bold; }
.pagination .current:hover, .pagination .current:focus {
background-color: white;
color: #5c6b80; 
} .wp-prev-next .prev-link {
float: left; 
}
.wp-prev-next .next-link {
float: right; 
}    .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}