/* */
body {
margin: 2px 8px 8px;
text-rendering: optimizeLegibility;
}
/* Like Apple, links are blue and only get underline when hovering */
/* a { color: #08c; } */
a:link {
text-decoration: none;
color: #08c;
}
a:visited {
text-decoration: none;
color: #08c;
}
/* Use a different color for the background so we can distinguish */
a:hover, a:focus {
background-color: #DDF;
text-decoration: underline;
}
a:hover:visited, a:hover:focus {
background-color: #EDF;
text-decoration: underline;
}
h1 {
font-family: Optima, Helvetica, Arial, sans-serif;
font-weight: bold;
margin: 0em 0px 0.25em 0px;
}
h2 {
font-family: Optima, Helvetica, Arial, sans-serif;
font-weight: bold;
margin: 0.5em 0px 0.25em 0px;
}
h3 {
font-family: Optima, Helvetica, Arial, sans-serif;
font-weight: bold;
margin: 0.5em 0px 0.25em 0px;
}
h4 {
font-family: Optima, Helvetica, Arial, sans-serif;
font-weight: bold;
margin: 0.5em 0px 0.25em 0px;
}
ol {
list-style-position: outside;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: -18px;
padding-left: 40px
}
ol li {
margin-top: 6px;
margin-bottom: 6px
}
ol p {
margin-top: 6px;
margin-bottom: 6px
}
ul {
list-style-type: square;
list-style-image: url(/opal/triangle.png);
list-style-position: outside;
margin-top: 12px;
margin-bottom: 12px;
margin-left: -24px;
padding-left: 40px
}
ul li {
margin-top: 2px;
margin-bottom: 2px
}
ul p {
margin-top: 6px;
margin-bottom: 6px
}
.email {
font-family: Optima,Helvetica,Arial,Sans-Serif;
font-size: 0.91em;
font-weight: bold;
white-space: nowrap;
}
.faq-head {
font-weight: bold;
}
.filename {
font-family: Optima,Helvetica,Arial,Sans-Serif;
font-size: 0.91em;
font-weight: bold;
}
div.boxed {
padding: 6px;
border: thin solid;
}
.sidebar {
font-family: Optima,Helvetica,Arial,Sans-Serif;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* From */
[class*="col-"] {
float: left;
padding: 4px;
}
.row:after {
content: "";
clear: both;
display: block;
}
/* For mobile phones: */
[class*="col-"] {
width: 100%;
}
.optional {
display: none;
}
@media only screen and (min-width: 768px) {
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.optional {display: inherit;}
}
/* iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }