You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
203 lines
2.8 KiB
203 lines
2.8 KiB
/*-------------------------------------------------------------- |
|
Accessibility |
|
--------------------------------------------------------------*/ |
|
/* Text meant only for screen readers */ |
|
.screen-reader-text { |
|
clip: rect(1px, 1px, 1px, 1px); |
|
position: absolute !important; |
|
height: 1px; |
|
width: 1px; |
|
overflow: hidden; |
|
} |
|
|
|
.screen-reader-text:hover, |
|
.screen-reader-text:active, |
|
.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-weight: bold; |
|
height: auto; |
|
left: 5px; |
|
line-height: normal; |
|
padding: 15px 23px 14px; |
|
text-decoration: none; |
|
top: 5px; |
|
width: auto; |
|
z-index: 100000; /* Above WP toolbar */ |
|
} |
|
|
|
/*-------------------------------------------------------------- |
|
Typography |
|
--------------------------------------------------------------*/ |
|
|
|
body { |
|
margin: 0; |
|
} |
|
|
|
body, |
|
button, |
|
input, |
|
select, |
|
textarea { |
|
font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif; |
|
font-size: 18px; |
|
line-height: 1.5; |
|
} |
|
|
|
h1, |
|
h2, |
|
h3, |
|
h4, |
|
h5, |
|
h6 { |
|
clear: both; |
|
} |
|
|
|
p { |
|
margin-bottom: 1.5em; |
|
} |
|
|
|
b, |
|
strong { |
|
font-weight: bold; |
|
} |
|
|
|
dfn, |
|
cite, |
|
em, |
|
i { |
|
font-style: italic; |
|
} |
|
|
|
blockquote { |
|
margin: 0 1.5em; |
|
} |
|
|
|
address { |
|
margin: 0 0 1.5em; |
|
} |
|
|
|
pre { |
|
display: inline-block; |
|
font-family: "Courier 10 Pitch", Courier, monospace; |
|
color: #ddca7e; |
|
background: #282c34; |
|
padding: .5em .8em; |
|
border-radius: .2em; |
|
} |
|
|
|
code, |
|
kbd, |
|
tt, |
|
var { |
|
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; |
|
} |
|
|
|
abbr, |
|
acronym { |
|
border-bottom: 1px dotted #666; |
|
cursor: help; |
|
} |
|
|
|
mark, |
|
ins { |
|
background: #fff9c0; |
|
text-decoration: none; |
|
} |
|
|
|
sup, |
|
sub { |
|
font-size: 75%; |
|
height: 0; |
|
line-height: 0; |
|
position: relative; |
|
vertical-align: baseline; |
|
} |
|
|
|
sup { |
|
bottom: 1ex; |
|
} |
|
|
|
sub { |
|
top: .5ex; |
|
} |
|
|
|
small { |
|
font-size: 75%; |
|
} |
|
|
|
big { |
|
font-size: 125%; |
|
} |
|
|
|
/* Global layouts */ |
|
@media screen and (min-width: 700px) { |
|
.two-column { |
|
column-count: 2; |
|
column-gap: 2.4em; |
|
} |
|
} |
|
|
|
/* Global buttons */ |
|
.content-button { |
|
padding: .5em 1em; |
|
border: 3px solid #B51C35; |
|
/*border-radius: 10px;*/ |
|
font-weight: 600; |
|
} |
|
|
|
a.content-button { |
|
color: black; |
|
text-decoration: none; |
|
} |
|
|
|
a.content-button:focus, |
|
a.content-button:hover { |
|
background: #B51C35; |
|
color: #FFFCED; |
|
} |
|
|
|
|
|
/*-------------------------------------------------------------- |
|
General styling |
|
--------------------------------------------------------------*/ |
|
|
|
.site { |
|
margin: 1em; |
|
} |
|
|
|
.masthead, |
|
.page-title, |
|
.main-content, |
|
.sidebar, |
|
.footer-content { |
|
margin-bottom: 1em; |
|
padding: 1em; |
|
color: white; |
|
|
|
} |
|
|
|
.masthead { |
|
background-color: #b46ae3; |
|
} |
|
|
|
.page-title { |
|
background-color: #51a7fa; |
|
} |
|
|
|
.main-content { |
|
background-color: #70bf40; |
|
} |
|
|
|
.sidebar { |
|
background-color: #f49018; |
|
} |
|
|
|
.footer-content { |
|
background-color: #0265c0; |
|
} |