body {
background: #eee;
font-family: Open Sans, Verdana, sans-serif;
font-size: 0.98em;
line-height: 1.1em;
}
h1 {
line-height: 120%;
}
h3 {
text-align: left;
}
#header-image {
height: 200px;
top: 0;
width: 100%;
background: linear-gradient(rgb(0,0,0,0), rgb(0,0,0,0)), url("/xamag_skaia_3_optimized.png") no-repeat; /*Replace this with your own header image!*/
background-size: cover;
margin-bottom: 30px;
}
#header {
border: 0;
}
#description {
width: 60em;
}
.column-wrapper {
columns: 4;
margin: 0 auto;
}
.post, .post-scroller {
background: #ddd;
border: 5px solid #fff;
border-radius: 15px;
}
.post-scroller {
height: 32em;
}
.post-inner {
margin:1em;
}
.post-scroller .post-inner {
max-height: 30em; /*to keep scrollbars from disrupting round corners*/
overflow-y: auto;
}
.readmore {
background: #da3d2c;
border-radius: 12px;
padding: 10px;
color: white;
text-align: center;
}
.readmore-link a {
text-decoration:none;
}
.readmore:hover {
background: #ef4c3a;
}
#footer {
font-size: 0.85em;
background: #ccc;
color: black;
}
#footer li {
padding-left:0;
padding-top: 2px;
padding-bottom: 2px;
list-style-type: none;
}
.footer-columns {
border:0px black solid;
margin: 0 auto;
width: 68%;
}
.footer-column {
text-align: left;
height:6em;
width: 100%;
padding: 10px;
padding-top:0;
}
@media(max-width:80em) { /*allow narrower columns on small screens*/
#header, #description, .column-wrapper, .footer-columns {
width: 90%;
}
}
@media(orientation: portrait) { /*removes columns for mobile*/
#header {
width: 80%;
}
.column-wrapper, .footer-columns {
width: 80%;
columns: 1;
}
}