#vscf {clear:both;}#vscf-form {display:block;margin:0;padding:0;}#vscf-form:after {content:'';display:block;height:0;clear:both;}#vscf .form-group {margin-bottom:15px;}#vscf .form-group label.vscf-label {margin-bottom:5px;display:block;}#vscf .form-group input[type="text"], #vscf .form-group input[type="email"] {width:80%;display:block;box-sizing:border-box;font-family:inherit;font-size:1em;}#vscf .form-group textarea {width:100%;display:block;box-sizing:border-box;font-family:inherit;font-size:1em;}#vscf .form-group button {font-family:inherit;font-size:1em;}#vscf .vscf-privacy-group label {display:inline;}#vscf .vscf-privacy-group input[type="checkbox"] {display:inline-block;}#vscf input:invalid, #vscf textarea:invalid {border-color:#ff0000;}#vscf input.vscf-error, #vscf textarea.vscf-error {border-color:#ff0000;}#vscf span.vscf-error {display:block;color:#ff0000;font-size:0.9em;}#vscf .vscf-hide {position:absolute;overflow:hidden;height:1px;width:1px;margin:-1px;padding:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);word-wrap:normal;}#vscf .vscf-display-none {display:none;}.vscf-info {clear:both;padding:10px 0;font-style:italic;}.vscf-widget:after {content:'';display:block;height:0;clear:both;}.vscf-widget-text {margin:0 0 20px;}.vscf-widget-text p {margin:0 0 10px;padding:0;}.vscf-widget-text p:last-of-type {margin-bottom:0;}#vscf .form-group .custom-control-input {position:relative;z-index:auto;opacity:1;}@font-face {
font-family: Lato;
src: url(//alexandralilyastral.com/wp-content/themes/ala-mode/Lato.ttf);
}
body {
background: #eef;
color: #BB33AA;
font: 16pt/18pt Lato,Verdana,'sans-serif';
}
header, footer {
background: #773377;
color: #FF88FF;
}
header li a {
display: block;
padding: 0 15px;
background: #FF88FF;
color: #773377;
}
header li a:hover {
color: #FF88FF;
background: #773377;
}
h2 {
color: #BB33AA;
text-shadow: 2px 2px rgba(255,255,255,.8);
}
.pagination p {
background: #FF88FF;
color: #773377;
}
.pagination a {
color: #773377;
}
.pagination a:visited {
color: #995500;
}
.pagination a:hover {
background: #773377;
color: #FF88FF;
}
aside {
background: #FF88FF;
color: #995599;
}
aside a {
color: #773377;
}
aside a:hover {
color: #FF88FF;
background: #773377;
}
a {
color: #FF88FF;
}
a:hover {
background: #FF88FF;
color: #773377;
}
h2 a, h3 a {
color: #773377;
}
h2 a:hover, h3 a:hover {
color: #FF88FF;
background: #773377;
} header h1 {
display: inline-block;
vertical-align: top;
line-height: 50px;
margin: 12.5px 0 12.5px 0;
padding: 0;
}
header > div {
display: inline-block;
vertical-align: top;
line-height: 50px;
max-width: 100%;
padding: 0 10px;
margin-left: 25px;
}
header > div ul {
list-style: none outside;
padding: 0;
margin: 0;
}
.menu li {
display: inline-block;
vertical-align: top;
padding-left: 5px;
margin: 10px auto;
}
.menu li:first-of-type {
padding-left: 0px;
}
body {
max-width: 85%;
width: 900px;
margin: 0 auto;
}
header, main, footer {
min-height: 50px;
padding: 5px 10px;
text-align: center;
max-width: 95%;
margin: 0 auto;
}
main p {
text-align: left;
}
h2 {
text-align: center;
line-height: 1.2em;
}
article {
text-align: center;
margin: 5px auto;
}
article ul {
text-align: left;
}
h3 {
margin: 5px;
}
.metadata {
display: block;
padding: 5px 5px 10px;
font-size: .8em;
}
.pagination {
text-align: center;
width: 100%;
}
.pagination p {
padding: 5px;
}
aside {
padding: 5px 10px;
text-align: center;
margin: 10px auto;
max-width: 95%;
}
aside ul {
text-align: left;
}
img {
max-width: 95%;
height: auto;
padding: 5px;
border-radius: 10px;
}
.single div article {
text-align: left;
padding: 1em 1.5em;
}
footer li {
max-width: 100px;
height: auto;
}
@media (max-width: 500px) {
header h1 {
display: block;
line-height: 50px;
margin: 12.5px 0 12.5px 0;
padding: 0;
}
header > div {
display: block;
max-width: 95%;
line-height: 50px;
font-size: .8em;
margin-left: 0;
}
}
@media (min-width: 900px) {
main, aside {
display: inline-block;
vertical-align: top;
}
main {
max-width: 545px;
}
aside {
max-width: 299px;
}
}