/*
HTML5 - Boilerplate >> LexisNexis Edition >> ver 3.0 3/2013
[1] CSS Reset/Base Styles (normalize.css)
[2] 960 Grid
[2.1] 12 Column
[2.2] 16 Column
[2.3] Media Query Responsive styles for Grid
[3] Custom Layout Styles
[4] Non-Semantic Helper Classes
[5] Media Queries
[6] Print Styles
*/
/* ---------- START [1] CSS Reset/Base Styles (normalize.css) ---------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
/* fonts.css from the YUI Library:developer.yahoo.com/yui/ :: Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages */
body { font:13px/1.231 sans-serif; }
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
a { color: #00e; outline:none; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: none; }
a:hover, a:active { outline: none; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
/*input:invalid, textarea:invalid { background-color: #f0dddd; }*/
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
select, input, textarea, button { font:13px/1.231 sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
body, select, input, textarea { color:#444; font-family: sans-serif; }
html { overflow-y:scroll; }
a, a:active, a:visited { color:#607890; }
a:hover { color:#036; }
small { font-size:85%; }
strong, th { font-weight:bold; }
td, td img { vertical-align:top; }
sub { vertical-align:sub; font-size:smaller; }
sup { vertical-align:super; font-size:smaller; }
pre {
padding:15px;
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
white-space:pre; /* CSS2 */
white-space:pre-wrap; /* CSS 2.1 */
white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap:break-word; /* IE */
}
textarea { overflow:auto; }
.ie6 legend, .ie7 legend { margin-left:-7px; }
input[type="radio"] { vertical-align:text-bottom; }
input[type="checkbox"] { vertical-align:bottom; }
.ie7 input[type="checkbox"] { vertical-align:baseline; }
.ie6 input { vertical-align:text-bottom; }
label, input[type=button], input[type=submit], button { cursor:pointer; }
button, input, select, textarea { margin:0px; }
::-moz-selection { background:#4e689d; color:#fff; text-shadow:none; }
::selection { background:#4e689d; color:#fff; text-shadow:none; }
a:link { /*-webkit-tap-highlight-color:#ff5e99;*/ }
button { width:auto; overflow:visible; }
.ie7 img { -ms-interpolation-mode:bicubic; }
/* ---------- END [1] CSS Reset/Base Styles (normalize.css) ---------- */
/* ---------- START [2] 960 Grid ---------- */
body { min-width: 960px; }
img { max-width:100%; }
.gmnoprint img,
.google-map img { max-width: inherit; }
.grid-1, .grid-2, .grid-3, .grid-4,
.grid-5, .grid-6, .grid-7, .grid-8,
.grid-9, .grid-10, .grid-11, .grid-12,
.grid-13, .grid-14, .grid-15, .grid-16 {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
}
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12,
.push-13, .pull-13, .push-14, .pull-14, .push-15, .pull-15, .push-16, .pull-16 {
position: relative;
}
.alpha { margin-left: 0; }
.omega { margin-right: 0; }
.show-mobile-only { display:none; }
.charities {
float: right;
width:50%;
margin-top: -60px;
margin-right: 15px;
}
/* --- [2.1] 12 Column --- */
.container-12 { margin-left: auto; margin-right: auto; width: 960px; }
.container-12:before, .container-12:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.container-12:after { clear: both; }
.container-12 { zoom: 1; }
.container-12 .grid-1 { width: 60px; }
.container-12 .grid-2 { width: 140px; }
.container-12 .grid-3 { width: 220px; }
.container-12 .grid-4 { width: 300px; }
.container-12 .grid-5 { width: 380px; }
.container-12 .grid-6 { width: 460px; }
.container-12 .grid-7 { width: 540px; }
.container-12 .grid-8 { width: 620px; }
.container-12 .grid-9 { width: 700px; }
.container-12 .grid-10 { width: 780px; }
.container-12 .grid-11 { width: 860px; }
.container-12 .grid-12 { width: 940px; }
.container-12 .prefix-1 { padding-left: 80px; }
.container-12 .prefix-2 { padding-left: 160px; }
.container-12 .prefix-3 { padding-left: 240px; }
.container-12 .prefix-4 { padding-left: 320px; }
.container-12 .prefix-5 { padding-left: 400px; }
.container-12 .prefix-6 { padding-left: 480px; }
.container-12 .prefix-7 { padding-left: 560px; }
.container-12 .prefix-8 { padding-left: 640px; }
.container-12 .prefix-9 { padding-left: 720px; }
.container-12 .prefix-10 { padding-left: 800px; }
.container-12 .prefix-11 { padding-left: 880px; }
.container-12 .suffix-1 { padding-right: 80px; }
.container-12 .suffix-2 { padding-right: 160px; }
.container-12 .suffix-3 { padding-right: 240px; }
.container-12 .suffix-4 { padding-right: 320px; }
.container-12 .suffix-5 { padding-right: 400px; }
.container-12 .suffix-6 { padding-right: 480px; }
.container-12 .suffix-7 { padding-right: 560px; }
.container-12 .suffix-8 { padding-right: 640px; }
.container-12 .suffix-9 { padding-right: 720px; }
.container-12 .suffix-10 { padding-right: 800px; }
.container-12 .suffix-11 { padding-right: 880px; }
.container-12 .push-1 { left: 80px; }
.container-12 .push-2 { left: 160px; }
.container-12 .push-3 { left: 240px; }
.container-12 .push-4 { left: 320px; }
.container-12 .push-5 { left: 400px; }
.container-12 .push-6 { left: 480px; }
.container-12 .push-7 { left: 560px; }
.container-12 .push-8 { left: 640px; }
.container-12 .push-9 { left: 720px; }
.container-12 .push-10 { left: 800px; }
.container-12 .push-11 { left: 880px; }
.container-12 .pull-1 { left: -80px; }
.container-12 .pull-2 { left: -160px; }
.container-12 .pull-3 { left: -240px; }
.container-12 .pull-4 { left: -320px; }
.container-12 .pull-5 { left: -400px; }
.container-12 .pull-6 { left: -480px; }
.container-12 .pull-7 { left: -560px; }
.container-12 .pull-8 { left: -640px; }
.container-12 .pull-9 { left: -720px; }
.container-12 .pull-10 { left: -800px; }
.container-12 .pull-11 { left: -880px; }
/* --- [2.2] 16 Column --- */
.container-16 { margin-left: auto; margin-right: auto; width: 960px; }
.container-16:before, .container-16:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.container-16:after { clear: both; }
.container-16 { zoom: 1; }
.container-16 .grid-1 { width: 40px; }
.container-16 .grid-2 { width: 100px; }
.container-16 .grid-3 { width: 160px; }
.container-16 .grid-4 { width: 220px; }
.container-16 .grid-5 { width: 280px; }
.container-16 .grid-6 { width: 340px; }
.container-16 .grid-7 { width: 400px; }
.container-16 .grid-8 { width: 460px; }
.container-16 .grid-9 { width: 520px; }
.container-16 .grid-10 { width: 580px; }
.container-16 .grid-11 { width: 640px; }
.container-16 .grid-12 { width: 700px; }
.container-16 .grid-13 { width: 760px; }
.container-16 .grid-14 { width: 820px; }
.container-16 .grid-15 { width: 880px; }
.container-16 .grid-16 { width: 940px; }
.container-16 .prefix-1 { padding-left: 60px; }
.container-16 .prefix-2 { padding-left: 120px; }
.container-16 .prefix-3 { padding-left: 180px; }
.container-16 .prefix-4 { padding-left: 240px; }
.container-16 .prefix-5 { padding-left: 300px; }
.container-16 .prefix-6 { padding-left: 360px; }
.container-16 .prefix-7 { padding-left: 420px; }
.container-16 .prefix-8 { padding-left: 480px; }
.container-16 .prefix-9 { padding-left: 540px; }
.container-16 .prefix-10 { padding-left: 600px; }
.container-16 .prefix-11 { padding-left: 660px; }
.container-16 .prefix-12 { padding-left: 720px; }
.container-16 .prefix-13 { padding-left: 780px; }
.container-16 .prefix-14 { padding-left: 840px; }
.container-16 .prefix-15 { padding-left: 900px; }
.container-16 .suffix-1 { padding-right: 60px; }
.container-16 .suffix-2 { padding-right: 120px; }
.container-16 .suffix-3 { padding-right: 180px; }
.container-16 .suffix-4 { padding-right: 240px; }
.container-16 .suffix-5 { padding-right: 300px; }
.container-16 .suffix-6 { padding-right: 360px; }
.container-16 .suffix-7 { padding-right: 420px; }
.container-16 .suffix-8 { padding-right: 480px; }
.container-16 .suffix-9 { padding-right: 540px; }
.container-16 .suffix-10 { padding-right: 600px; }
.container-16 .suffix-11 { padding-right: 660px; }
.container-16 .suffix-12 { padding-right: 720px; }
.container-16 .suffix-13 { padding-right: 780px; }
.container-16 .suffix-14 { padding-right: 840px; }
.container-16 .suffix-15 { padding-right: 900px; }
.container-16 .push-1 { left: 60px; }
.container-16 .push-2 { left: 120px; }
.container-16 .push-3 { left: 180px; }
.container-16 .push-4 { left: 240px; }
.container-16 .push-5 { left: 300px; }
.container-16 .push-6 { left: 360px; }
.container-16 .push-7 { left: 420px; }
.container-16 .push-8 { left: 480px; }
.container-16 .push-9 { left: 540px; }
.container-16 .push-10 { left: 600px; }
.container-16 .push-11 { left: 660px; }
.container-16 .push-12 { left: 720px; }
.container-16 .push-13 { left: 780px; }
.container-16 .push-14 { left: 840px; }
.container-16 .push-15 { left: 900px; }
.container-16 .pull-1 { left: -60px; }
.container-16 .pull-2 { left: -120px; }
.container-16 .pull-3 { left: -180px; }
.container-16 .pull-4 { left: -240px; }
.container-16 .pull-5 { left: -300px; }
.container-16 .pull-6 { left: -360px; }
.container-16 .pull-7 { left: -420px; }
.container-16 .pull-8 { left: -480px; }
.container-16 .pull-9 { left: -540px; }
.container-16 .pull-10 { left: -600px; }
.container-16 .pull-11 { left: -660px; }
.container-16 .pull-12 { left: -720px; }
.container-16 .pull-13 { left: -780px; }
.container-16 .pull-14 { left: -840px; }
.container-16 .pull-15 { left: -900px; }
/* --- [2.3] Media Query Responsive styles for Grid --- */
/* Grid Framework Adjustments - for screen sizes between mobile (700px) and full site (960) */
@media only screen and (min-width: 700px) and (max-width: 1000px) {
body { min-width: 400px; }
.grid-1, .grid-2, .grid-3, .grid-4,
.grid-5, .grid-6, .grid-7, .grid-8,
.grid-9, .grid-10, .grid-11, .grid-12,
.grid-13, .grid-14, .grid-15, .grid-16 {
display: inline;
float: left;
margin-left: 1%;
margin-right: 1%;
}
.alpha { margin-left: 0; }
.omega { margin-right: 0; }
/* --- 12 Column --- */
.container-12 { width: 95%; }
.container-12 .grid-1 { width: 6.25%; }
.container-12 .grid-2 { width: 14.58%; }
.container-12 .grid-3 { width: 22.92%; }
.container-12 .grid-4 { width: 31.25%; }
.container-12 .grid-5 { width: 39.58%; }
.container-12 .grid-6 { width: 47.92%; }
.container-12 .grid-7 { width: 56.25%; }
.container-12 .grid-8 { width: 64.58%; }
.container-12 .grid-9 { width: 72.92%; }
.container-12 .grid-10 { width: 81.25%; }
.container-12 .grid-11 { width: 89.58%; }
.container-12 .grid-12 { width: 97.92%; }
.container-12 .prefix-1 { padding-left: 8.33%; }
.container-12 .prefix-2 { padding-left: 16.67%; }
.container-12 .prefix-3 { padding-left: 25%; }
.container-12 .prefix-4 { padding-left: 33.33%; }
.container-12 .prefix-5 { padding-left: 41.67%; }
.container-12 .prefix-6 { padding-left: 50%; }
.container-12 .prefix-7 { padding-left: 58.33%; }
.container-12 .prefix-8 { padding-left: 66.67%; }
.container-12 .prefix-9 { padding-left: 75%; }
.container-12 .prefix-10 { padding-left: 83.33%; }
.container-12 .prefix-11 { padding-left: 91.67%; }
.container-12 .suffix-1 { padding-right: 8.33%; }
.container-12 .suffix-2 { padding-right: 16.67%; }
.container-12 .suffix-3 { padding-right: 25%; }
.container-12 .suffix-4 { padding-right: 33.33%; }
.container-12 .suffix-5 { padding-right: 41.67%; }
.container-12 .suffix-6 { padding-right: 50%; }
.container-12 .suffix-7 { padding-right: 58.33%; }
.container-12 .suffix-8 { padding-right: 66.67%; }
.container-12 .suffix-9 { padding-right: 75%; }
.container-12 .suffix-10 { padding-right: 83.33%; }
.container-12 .suffix-11 { padding-right: 91.67%; }
.container-12 .push-1 { left: 8.33%; }
.container-12 .push-2 { left: 16.67%; }
.container-12 .push-3 { left: 25%; }
.container-12 .push-4 { left: 33.33%; }
.container-12 .push-5 { left: 41.67%; }
.container-12 .push-6 { left: 50%; }
.container-12 .push-7 { left: 58.33%; }
.container-12 .push-8 { left: 66.67%; }
.container-12 .push-9 { left: 75%; }
.container-12 .push-10 { left: 83.33%; }
.container-12 .push-11 { left: 91.67%; }
.container-12 .pull-1 { left: -8.33%; }
.container-12 .pull-2 { left: -16.67%; }
.container-12 .pull-3 { left: -25%; }
.container-12 .pull-4 { left: -33.33%; }
.container-12 .pull-5 { left: -41.67%; }
.container-12 .pull-6 { left: -50%; }
.container-12 .pull-7 { left: -58.33%; }
.container-12 .pull-8 { left: -66.67%; }
.container-12 .pull-9 { left: -75%; }
.container-12 .pull-10 { left: -83.33%; }
.container-12 .pull-11 { left: -91.67%; }
/* --- 16 Column --- */
.container-16 { width: 95%; }
.container-16 .grid-1 { width: 4.17%; }
.container-16 .grid-2 { width: 10.42%; }
.container-16 .grid-3 { width: 16.67%; }
.container-16 .grid-4 { width: 22.92%; }
.container-16 .grid-5 { width: 29.17%; }
.container-16 .grid-6 { width: 35.42%; }
.container-16 .grid-7 { width: 41.67%; }
.container-16 .grid-8 { width: 47.92%; }
.container-16 .grid-9 { width: 54.17%; }
.container-16 .grid-10 { width: 60.42%; }
.container-16 .grid-11 { width: 66.67%; }
.container-16 .grid-12 { width: 72.92%; }
.container-16 .grid-13 { width: 79.17%; }
.container-16 .grid-14 { width: 85.42%; }
.container-16 .grid-15 { width: 91.67%; }
.container-16 .grid-16 { width: 97.92%; }
.container-16 .prefix-1 { padding-left: 6.25%; }
.container-16 .prefix-2 { padding-left: 12.5%; }
.container-16 .prefix-3 { padding-left: 18.75%; }
.container-16 .prefix-4 { padding-left: 25%; }
.container-16 .prefix-5 { padding-left: 31.25%; }
.container-16 .prefix-6 { padding-left: 37.5%; }
.container-16 .prefix-7 { padding-left: 43.75%; }
.container-16 .prefix-8 { padding-left: 50%; }
.container-16 .prefix-9 { padding-left: 56.25%; }
.container-16 .prefix-10 { padding-left: 62.5%; }
.container-16 .prefix-11 { padding-left: 68.75%; }
.container-16 .prefix-12 { padding-left: 75%; }
.container-16 .prefix-13 { padding-left: 81.25%; }
.container-16 .prefix-14 { padding-left: 87.5%; }
.container-16 .prefix-15 { padding-left: 93.75%; }
.container-16 .suffix-1 { padding-right: 6.25%; }
.container-16 .suffix-2 { padding-right: 12.5%; }
.container-16 .suffix-3 { padding-right: 18.75%; }
.container-16 .suffix-4 { padding-right: 25%; }
.container-16 .suffix-5 { padding-right: 31.25%; }
.container-16 .suffix-6 { padding-right: 37.5%; }
.container-16 .suffix-7 { padding-right: 43.75%; }
.container-16 .suffix-8 { padding-right: 50%; }
.container-16 .suffix-9 { padding-right: 56.25%; }
.container-16 .suffix-10 { padding-right: 62.5%; }
.container-16 .suffix-11 { padding-right: 68.75%; }
.container-16 .suffix-12 { padding-right: 75%; }
.container-16 .suffix-13 { padding-right: 81.25%; }
.container-16 .suffix-14 { padding-right: 87.5%; }
.container-16 .suffix-15 { padding-right: 93.75%; }
.container-16 .push-1 { left: 6.25%; }
.container-16 .push-2 { left: 12.5%; }
.container-16 .push-3 { left: 18.75%; }
.container-16 .push-4 { left: 25%; }
.container-16 .push-5 { left: 31.25%; }
.container-16 .push-6 { left: 37.5%; }
.container-16 .push-7 { left: 43.75%; }
.container-16 .push-8 { left: 50%; }
.container-16 .push-9 { left: 56.25%; }
.container-16 .push-10 { left: 62.5%; }
.container-16 .push-11 { left: 68.75%; }
.container-16 .push-12 { left: 75%; }
.container-16 .push-13 { left: 81.25%; }
.container-16 .push-14 { left: 87.5%; }
.container-16 .push-15 { left: 93.75%; }
.container-16 .pull-1 { left: -6.25%; }
.container-16 .pull-2 { left: -12.5%; }
.container-16 .pull-3 { left: -18.75%; }
.container-16 .pull-4 { left: -25%; }
.container-16 .pull-5 { left: -31.25%; }
.container-16 .pull-6 { left: -37.5%; }
.container-16 .pull-7 { left: -43.75%; }
.container-16 .pull-8 { left: -50%; }
.container-16 .pull-9 { left: -56.25%; }
.container-16 .pull-10 { left: -62.5%; }
.container-16 .pull-11 { left: -68.75%; }
.container-16 .pull-12 { left: -75%; }
.container-16 .pull-13 { left: -81.25%; }
.container-16 .pull-14 { left: -87.5%; }
.container-16 .pull-15 { left: -93.75%; }
/* -- Tablet Helper Classes -- */
.show-tablet {
display:inherit !important;
}
.hide-tablet {
display:none;
}
/* -- Column Options - tablet only -- */
.one-half-tablet, .two-fourths-tablet, .one-third-tablet, .two-thirds-tablet, .one-fourth-tablet, .three-fourths-tablet {
display: inline;
float: left;
}
.one-half-tablet, .two-fourths-tablet { width: 44% !important; }
.one-third-tablet { width: 27.33% !important; }
.two-thirds-tablet { width:60.67% !important; }
.one-fourth-tablet { width: 19% !important; }
.three-fourths-tablet { width: 69% !important; }
/* -- Column Options - tablet & mobile -- */
.one-half, .two-fourths, .one-third, .two-thirds, .one-fourth, .three-fourths {
display: inline;
float: left;
}
.one-half, .two-fourths { width: 44% !important; }
.one-third { width: 27.33% !important; }
.two-thirds { width:60.67% !important; }
.one-fourth{ width: 19% !important; }
.three-fourths { width: 69% !important; }
/* -- Responsive Images -- */
img { max-width:100%; }
.gmnoprint img,
.google-map img { max-width: inherit; }
}
/* Grid Framework Adjustments - for mobile screen sizes (< 700px) */
@media only screen and (max-width: 699px) {
body { min-width: 100px; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8,
.grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
display: inline;
float: left;
margin-left: 3%;
margin-right: 3%;
}
.grid-1 .alpha, .grid-2 .alpha, .grid-3 .alpha, .grid-4 .alpha,
.grid-5 .alpha, .grid-6 .alpha, .grid-7 .alpha, .grid-8 .alpha,
.grid-9 .alpha, .grid-10 .alpha, .grid-11 .alpha, .grid-12 .alpha,
.grid-13 .alpha, .grid-14 .alpha, .grid-15 .alpha, .grid-16 .alpha {
margin-right: -3%;
}
.grid-1 .omega, .grid-2 .omega, .grid-3 .omega, .grid-4 .omega,
.grid-5 .omega, .grid-6 .omega, .grid-7 .omega, .grid-8 .omega,
.grid-9 .omega, .grid-10 .omega, .grid-11 .omega, .grid-12 .omega,
.grid-13 .omega, .grid-14 .omega, .grid-15 .omega, .grid-16 .omega {
}
.container-12, .container-16 { width: 100%; margin-left: 0; margin-right: 0;}
.container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4,
.container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8,
.container-12 .grid-9, .container-12 .grid-10, .container-12 .grid-11, .container-12 .grid-12 {
width: 94%;
}
.container-16 .grid-1, .container-16 .grid-2, .container-16 .grid-3, .container-16 .grid-4,
.container-16 .grid-5, .container-16 .grid-6, .container-16 .grid-7, .container-16 .grid-8,
.container-16 .grid-9, .container-16 .grid-10, .container-16 .grid-11, .container-16 .grid-12,
.container-16 .grid-13, .container-16 .grid-14, .container-16 .grid-15, .container-16 .grid-16 {
width: 94%;
}
.container-12 .prefix-1, .container-12 .prefix-2, .container-12 .prefix-3, .container-12 .prefix-4,
.container-12 .prefix-5, .container-12 .prefix-6, .container-12 .prefix-7, .container-12 .prefix-8,
.container-12 .prefix-9, .container-12 .prefix-10, .container-12 .prefix-11,
.container-16 .prefix-1, .container-16 .prefix-2, .container-16 .prefix-3, .container-16 .prefix-4,
.container-16 .prefix-5, .container-16 .prefix-6, .container-16 .prefix-7, .container-16 .prefix-8,
.container-16 .prefix-9, .container-16 .prefix-10, .container-16 .prefix-11, .container-16 .prefix-12,
.container-16 .prefix-13, .container-16 .prefix-14, .container-16 .prefix-15 {
padding-left: 0;
}
.container-12 .suffix-1, .container-12 .suffix-2, .container-12 .suffix-3, .container-12 .suffix-4,
.container-12 .suffix-5, .container-12 .suffix-6, .container-12 .suffix-7, .container-12 .suffix-8,
.container-12 .suffix-9, .container-12 .suffix-10, .container-12 .suffix-11,
.container-16 .suffix-1, .container-16 .suffix-2, .container-16 .suffix-3, .container-16 .suffix-4,
.container-16 .suffix-5, .container-16 .suffix-6, .container-16 .suffix-7, .container-16 .suffix-8,
.container-16 .suffix-9, .container-16 .suffix-10, .container-16 .suffix-11, .container-16 .suffix-12,
.container-16 .suffix-13, .container-16 .suffix-14, .container-16 .suffix-15 {
padding-right: 0;
}
.container-12 .push-1, .container-12 .push-2, .container-12 .push-3, .container-12 .push-4,
.container-12 .push-5, .container-12 .push-6, .container-12 .push-7, .container-12 .push-8,
.container-12 .push-9, .container-12 .push-10, .container-12 .push-11,
.container-16 .push-1, .container-16 .push-2, .container-16 .push-3, .container-16 .push-4,
.container-16 .push-5, .container-16 .push-6, .container-16 .push-7, .container-16 .push-8,
.container-16 .push-9, .container-16 .push-10, .container-16 .push-11, .container-16 .push-12,
.container-16 .push-13, .container-16 .push-14, .container-16 .push-15,
.container-12 .pull-1, .container-12 .pull-2, .container-12 .pull-3, .container-12 .pull-4,
.container-12 .pull-5, .container-12 .pull-6, .container-12 .pull-7, .container-12 .pull-8,
.container-12 .pull-9, .container-12 .pull-10, .container-12 .pull-11,
.container-16 .pull-1, .container-16 .pull-2, .container-16 .pull-3, .container-16 .pull-4,
.container-16 .pull-5, .container-16 .pull-6, .container-16 .pull-7, .container-16 .pull-8,
.container-16 .pull-9, .container-16 .pull-10, .container-16 .pull-11, .container-16 .pull-12,
.container-16 .pull-13, .container-16 .pull-14, .container-16 .pull-15 {
left: 0;
}
/* -- Mobile Helper Classes -- */
.show-mobile,
.show-mobile-only {
display:inherit !important;
}
.hide-mobile {
display:none;
}
/* -- Column Options - mobile only -- */
.one-half-mobile, .two-fourths-mobile, .one-third-mobile, .two-thirds-mobile, .one-fourth-mobile, .three-fourths-mobile {
display: inline;
float: left;
}
.one-half-mobile, .two-fourths-mobile { width: 44% !important; }
.one-third-mobile { width: 27.33% !important; }
.two-thirds-mobile { width:60.67% !important; }
.one-fourth-mobile { width: 19% !important; }
.three-fourths-mobile { width: 69% !important; }
/* -- Column Options - tablet & mobile -- */
.one-half, .two-fourths, .one-third, .two-thirds, .one-fourth, .three-fourths {
display: inline;
float: left;
}
.one-half, .two-fourths { width: 44% !important; }
.one-third { width: 27.33% !important; }
.two-thirds { width:60.67% !important; }
.one-fourth{ width: 19% !important; }
.three-fourths { width: 69% !important; }
/* -- Responsive Images -- */
img { max-width:100%; }
.gmnoprint img,
.google-map img { max-width: inherit; }
.charities {
margin: -15px auto 10px auto;
width:100%;
}
}
/* ---------- END [2] 960 Grid ---------- */
/* ---------- START [3] Custom Layout Styles ---------- */
/* -- Remove Skype icon from phone numbers - GLOBAL -- */
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container, span[class^="skype_pnh_print_container"] {display:inline !important;}
/* -- Live Chat Button -- */
.live-chat-button img {
max-width:100%;
height:auto;
}
/* -- Media alignment helpers -- */
.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;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
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%; /* Image does not overflow the content area */
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;
}
/* -- Main Content - Base Styles -- */
.content {
min-height:1px;
}
.content a,
.content a:visited {
}
.content a:hover,
.content a:active,
.content a:focus {
}
.content p {
margin:10px 0px 25px 0px;
padding:0px;
line-height:167%;
}
.content hr {
margin:25px 0px;
padding:0px;
background:none;
color:#fff;
border:none;
border-top:1px dotted #ccc;
}
.content blockquote {
margin:10px 0px 25px 0px;
padding:10px 25px 5px 25px;
background:#efefef;
border:1px solid #ccc;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:inset 0px 0px 5px #fff;
-moz-box-shadow:inset 0px 0px 5px #fff;
box-shadow:inset 0px 0px 5px #fff;
}
.content ul,
.content ol {
margin:10px 0px 25px 30px;
padding:0px;
}
.content td ul,
.content td ol {
margin-top:0px;
margin-bottom:20px;
}
.content ul ul,
.content ol ol,
.content ul ol,
.content ol ul,
.content td ul ul,
.content td ol ol,
.content td ul ol,
.content td ol ul {
margin-top:15px;
margin-bottom:15px;
}
.content table.data-table {
border-top:1px solid #ddd;
border-left:1px solid #ddd;
}
.content table.data-table th {
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:4px;
background:#ddd;
font-weight:bold;
color:#000;
}
.content table.data-table td {
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:4px;
background:#fff;
color:#000;
vertical-align:top;
}
.content table.data-table tr:nth-child(odd) td {
background:#eee;
}
.content table.data-table td p {
margin:0px;
padding:0px;
}
.content li {
margin-top:6px;
margin-bottom:6px;
}
.content h1 {
margin:0px 0px 25px 0px;
padding:0px;
}
.content h2 {
margin: 25px 0px 10px 0px;
padding:0px;
}
.content h3 {
margin: 25px 0px 10px 0px;
padding:0px;
}
.content h4 {
margin: 25px 0px 10px 0px;
padding:0px;
}
.content h5 {
margin: 25px 0px 10px 0px;
padding:0px;
}
.content h6 {
margin: 25px 0px 10px 0px;
padding:0px;
}
/* -- Content fixes for Mobile -- */
@media only screen and (max-width: 699px) {
.content td {
display:block;
width:100%;
vertical-align:top;
}
.content td > ul,
.content td > ol {
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}
.content td:last-child > ul,
.content td:last-child > ol {
margin-bottom:25px;
}
}
/* -- Maps & Directions -- */
div.google-map,
div.ln-map {
clear:both;
margin:15px 0px;
}
div.google-map h3,
div.ln-map h3,
#content .google-map h3,
#content .ln-map h3,
#content #directions-head,
.content .google-map h3,
.content .ln-map h3,
.content #directions-head {
display:none;
}
#map_canvas_google_map_81,
#map_canvas_ln_map_175,
#map_canvas_ln_map_176,
#map_canvas_ln_map_160 {
border:1px solid #c0c0c0;
}
/* ----- "Get Directions" button ----- */
div.google-map input,
div.ln-map input,
div.google-map input[type="button"],
div.ln-map input[type="button"] {
margin:0px;
width:auto;
margin:10px 0px;
padding:4px 5px;
background:#444;
background:rgba(0,0,0,.75);
border:1px solid #222;
color:#fff;
font-weight:bold;
font-size:88%;
text-transform:uppercase;
}
.lt-ie8 div.google-map input,
.lt-ie8 div.ln-map input,
.lt-ie8 div.google-map input[type="button"],
.lt-ie8 div.ln-map input[type="button"] {
padding:5px 0px;
}
div.google-map input[type="button"]:hover,
div.ln-map input[type="button"]:hover {
background:#666;
background:rgba(0,0,0,.65);
}
/* ----- "Get Directions From" & "Language" sections ----- */
div#directions-from,
div#directions-locale {
display:block;
}
div#directions-from input,
div#directions-locale select {
margin-top:0px;
width:60%;
border:1px solid #c0c0c0;
background:#fff;
font-size:100%;
font-weight:normal;
text-transform:none;
color:#000;
padding:4px 5px;
}
div#directions-locale select {
width:auto;
}
/* -- Client Center -- */
iframe.client-center {
display:block;
width:930px;
min-height:900px;
overflow-y: scroll;
overflow-x: hidden;
border:none;
}
@media only screen and (max-width: 699px) {
iframe.client-center {
width:100%;
}
}
/* -- Digg Digg styles -- */
div#digg-digg {
clear:both;
padding:0px 0px 20px 0px;
}
div#digg-digg ul {
list-style:none !important;
margin:0px; !important;
padding:0px; !important;
}
div#digg-digg ul li {
display:inline !important;
margin:0px; !important;
padding:0px; !important;
}
div#digg-digg ul li.google-plus {
}
div#digg-digg ul li.twitter {
}
div#digg-digg ul li.facebook-like {
}
div#digg-digg iframe {
margin:0px;
padding:0px;
}
/* -- Comment List -- */
#respond h3,
.content #respond h3,
#content #respond h3
#comments-list h3,
.content #comments-list h3,
#content #comments-listh3 {
margin:15px 0px;
padding:0px;
}
#comments {
margin:10px 0px;
/*padding:10px 0px;
border-top:1px dotted #ccc;*/
}
#respond {
margin:10px 0px;
/*padding:10px 0px;
border-top:1px dotted #ccc;*/
}
#comments-list {
padding:1px 0px;
color:#000;
}
#comments-list p,
.content #comments-list p,
#content #comments-list p {
margin:15px 0px;
padding:0px;
line-height:154%;
}
#comments-list ol,
#comments-list ul,
.content #comments-list ol,
.content #comments-list ul,
#content #comments-list ol,
#content #comments-list ul {
list-style:none;
margin:0px;
padding:0px;
}
#comments-list ol li,
#comments-list ul li,
.content #comments-list ol li,
.content #comments-list ul li,
#content #comments-list ol li,
#content #comments-list ul li {
margin:0px;
}
#comments-list ol,
.content #comments-list ol,
#content #comments-list ol {
padding:0px;
margin:15px 0px;
font-size:88%;
}
#comments-list ul,
.content #comments-list ul,
#content #comments-list ul {
margin-left:45px;
font-size:100%;
}
#comment-container-background {
padding:15px;
margin:10px 0px;
border:1px solid #ddd;
border-top:4px solid #ddd;
background:#fff;
}
.comment-author {
display:block;
float:left;
margin:0px 15px 5px 0px;
background: #efefef;
border:1px solid #ccc;
padding:5px;
}
.comment-author img {
border:2px solid #fff;
}
.comment-author a,
.comment-author a:hover,
.content .comment-author a,
.content .comment-author a:hover,
#content .comment-author a,
#content .comment-author a:hover {
text-decoration:none;
font-weight:bold;
}
.comment-author img {
display:block;
max-width:50px;
max-height:50px;
overflow:hidden;
margin:0px 0px 5px 0px;
}
.comment-reply-link {
display:block;
clear:both;
}
/* -- Comment Form -- */
form#commentform {
margin:0px;
padding:0px;
text-align:center;
}
form#commentform p,
.content form#commentform p,
#content form#commentform p {
margin:0px;
padding:0px;
text-align:left;
}
form#commentform .input-column,
form#commentform .textarea-column {
display:inline-block;
vertical-align:top;
width:49%;
overflow:hidden;
text-align:left;
}
.lt-ie8 form#commentform .input-column,
.lt-ie8 form#commentform .textarea-column {
display:block;
float:left;
width:50%;
}
body.logged-in form#commentform .input-column,
body.logged-in form#commentform .textarea-column,
.lt-ie8 body.logged-in form#commentform .input-column,
.lt-ie8 body.logged-in form#commentform .textarea-column {
width:100%;
}
#form-section-author,
#form-section-email,
#form-section-url,
#form-section-comment {
padding:10px 0px 0px 0px;
}
form#commentform input[type=text],
form#commentform input[type=email] {
margin:0px;
padding:5px;
width:90%;
border:1px solid #ccc;
background:#fff;
font-size:100%;
color:#000;
}
form#commentform textarea {
border:1px solid #ccc;
background:#fff;
color:#000;
padding:5px;
width:90%;
height:125px;
overflow:auto;
}
form#commentform .form-submit {
clear:both;
text-align:center;
}
body.logged-in form#commentform .form-submit {
text-align:left;
}
form#commentform input[type=submit],
form#commentform input[type=reset] {
margin:0px;
width:auto;
margin:10px 0px;
padding:4px 5px;
background:#444;
border:1px solid #222;
color:#fff;
font-weight:bold;
text-transform:uppercase;
font-size:88%;
}
form#commentform input[type=submit]:hover,
form#commentform input[type=reset]:hover {
background:#666;
border:1px solid #444;
}
/* ---------- END [3] Custom Layout Styles ---------- */
/* ---------- START [4] Non-Semantic Helper Classes ---------- */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* ---------- END [4] Non-Semantic Helper Classes ---------- */
/* ---------- START [5] Media Queries ---------- */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px) {
}
/* ---------- END [5] Media Queries ---------- */
/* ---------- START [6] Print Styles ---------- */
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/* ---------- END [6] Print Styles ---------- */
/*
Theme Name: James Stone
Theme URI:
Description: Web Professional Presence
Author: Kate Compton
Version: 1.0
License:
License URI:
Template: template
Tags:
*/
/* ----- START [4] Custom Styles ----- */
/* -- Body Styles -- */
body {
font-family:Arial, Helvetica, sans-serif;
background:#134855;
}
/* -- this eliminates the iframe on the Contact Us page that displaces the layout on webkit browsers */
body > iframe {
display:none;
}
/* -- Top Bar -- */
.top-bar {
background:#07a7cc;
color:#fff;
font-size:88%;
text-transform:uppercase;
}
.top-bar .container-16 {
}
.top-bar .container-16 .grid-16 {
}
/* -- Top Address -- */
.top-address {
padding:10px 0px;
}
.top-address address{
font-style:normal;
}
/* -- Top Links -- */
nav.top-links {
padding:10px 0px;
text-align:right;
}
nav.top-links ul {
list-style:none;
margin:0px;
padding:0px;
}
nav.top-links li {
display:inline;
margin:0px;
padding:0px 5px 0px 8px;
border-left:1px solid #fff;
}
nav.top-links li:first-child {
border:none;
}
nav.top-links a,
nav.top-links a:visited {
color:#fff;
text-decoration:none;
}
nav.top-links a:hover,
nav.top-links a:active,
nav.top-links a:focus {
color:#f6c13e;
text-decoration:none;
}
/* -- Header -- */
header.main {
background:#000;
color:#fff;
}
header.main .container-16 {
}
header.main .container-16 .grid-16 {
}
/* -- Header Logo -- */
.header-logo {
padding:30px 0px;
}
.header-logo a,
.header-logo a:visited,
.header-logo a:hover,
.header-logo a:active,
.header-logo a:focus {
display:block;
font-size:197%;
color:#fff;
text-decoration:none;
}
/* -- Header Tagline -- */
.header-tagline {
padding:5px 0px 0px 0px;
font-weight:bold;
font-size:108%;
}
.header-tagline p {
margin:0px;
padding:0px;
}
/* -- Header Phone -- */
.header-phone {
padding:20px 0px;
text-align:right;
}
.header-phone em {
display:block;
font-style:normal;
font-size:108%;
text-transform:uppercase;
}
.header-phone i {
display:block;
font-style:normal;
font-size:131%;
}
.header-phone strong {
display:block;
font-weight:normal;
font-size:205%;
line-height:100%;
text-transform:uppercase;
}
.header-phone b {
font-weight:bold;
font-size:208%;
color:#f6c13e;
}
.header-phone span{
font-size:208%;
color:#fff;
}
/* -- Main Navigation -- */
nav.main {
background:#fff;
border-bottom:3px solid #1e716c;
text-align:center;
text-transform:uppercase;
}
nav.main .container-16 {
}
nav.main .container-16 .grid-16 {
}
nav.main h2.menu {
display:none;
}
nav.main ul {
list-style:none;
margin:0px;
padding:0px;
}
nav.main ul li {
position:relative;
z-index:90;
display:inline-block;
margin:0px;
padding:0px;
}
.lt-ie8 nav.main ul li {
display:inline;
zoom:1;
}
nav.main ul li:hover {
z-index:95;
}
nav.main ul li a,
nav.main ul li a:visited {
display:block;
padding:12px 40px;
color:#000;
text-decoration:none;
}
nav.main ul li a:hover,
nav.main ul li a:active,
nav.main ul li a:focus,
nav.main ul li.current_page_item a,
nav.main ul li:hover a {
background:#0b8eac;
color:#fff;
text-decoration:none;
}
/* -- Drop Navigation -- */
nav.main ul ul {
display:none;
}
nav.main ul li:hover ul {
display:block;
position:absolute;
z-index:98;
top:26px;
left:0px;
width:100%;
padding:10px 0px;
background:#0b8eac;
text-transform:none;
}
nav.main ul li:hover ul li {
position:relative;
z-index:99;
display:block;
margin:0px;
padding:0px 10px;
}
nav.main ul li:hover ul li a,
nav.main ul li:hover ul li a:visited,
nav.main ul li.current_page_item:hover ul li a {
position:relative;
z-index:100;
display:block;
background:none;
padding:7px 10px;
color:#fff;
text-decoration:none;
}
nav.main ul li:hover ul li a:hover,
nav.main ul li:hover ul li a:active,
nav.main ul li:hover ul li a:focus {
background:#134855;
color:#fff;
text-decoration:none;
}
/* -- Marketing Area -- */
.marketing-area {
text-align:center;
}
.marketing-area .container-16 {
padding:10px 0px;
background:#fff;
}
.marketing-area .container-16 .grid-16 {
}
.marketing-area img {
display:block;
}
/* -- Buckets -- */
.buckets {
text-align:center;
text-transform:uppercase;
font-size:123%;
}
.buckets .container-16 {
padding:10px 0px;
background:#fff;
}
.buckets .container-16 .grid-16 {
}
.buckets ul {
list-style:none;
margin:0px;
padding:0px;
}
.buckets ul ul {
display:none;
}
.buckets ul li {
display:block;
float:left;
width:23%;
overflow:hidden;
margin:0px 1%;
padding:0px 0px 10px 0px;
background:url(../images/bucket-shadow.png) bottom center no-repeat;
}
.buckets ul li a,
.buckets ul li a:visited {
display:block;
padding:20px 5px;
background:#08bce5;
color:#fff;
text-decoration:none;
}
.buckets ul li a:hover,
.buckets ul li a:active,
.buckets ul li a:focus {
background:#f6c13e;
color:#0c2944;
text-decoration:none;
}
/* -- Mid-Section -- */
.mid-section {
}
.mid-section .container-16 {
background:#fff;
}
.mid-section .container-16 .grid-16 {
}
/* -- Sidebar -- */
aside.sidebar {
padding:20px;
color:#000;
}
aside.sidebar h2 {
margin:0px;
padding:0px;
font-size:116%;
color:#0b8eac;
text-transform:uppercase;
}
aside.sidebar h3 {
margin:0px;
padding:0px;
font-size:100%;
}
aside.sidebar img {
max-width:100%;
}
aside.sidebar a,
aside.sidebar a:visited {
color:#0b8eac;
text-decoration:underline;
}
aside.sidebar a:hover,
aside.sidebar a:active,
aside.sidebar a:focus {
color:#1eb2d5;
text-decoration:underline;
}
/* -- Sidebar Shadow -- */
.sidebar-shadow {
position:relative;
height:auto;
margin-bottom:10px;
padding-bottom:25px;
background:url(../images/sidebar-shadow.png) bottom center no-repeat;
}
/* -- Sidebar Slider -- */
.slider {
position:relative;
width:280px;
height:194px;
}
.slider ul.slides_container {
list-style:none;
margin:0px;
padding:0px;
width:280px;
height:194px;
overflow:hidden;
}
.slider ul.slides_container li {
display:block;
width:280px;
height:194px;
overflow:hidden;
font-weight:bold;
text-transform:uppercase;
color:#0b8eac;
}
.slider ul.slides_container li a {
display:block;
width:100%;
height:170px;
color:#0b8eac;
padding-top:8px;
text-decoration:none;
}
.slider ul.slides_container li.video-01 a {
background:url('../images/video-personal-injury.jpg') center no-repeat;
}
.slider ul.slides_container li.video-02 a {
background:url('../images/video-auto.jpg') center no-repeat;
}
.slider ul.slides_container li.video-03 a {
background:url('../images/video-med-mal.jpg') center no-repeat;
}
.slider ul.slides_container li.video-04 a {
background:url('../images/video-testimonials.jpg') center no-repeat;
}
.slider ul.slides_container li a:hover {
text-decoration:underline;
}
/* --- Prev/Next Styles --- */
.slider a.prev,
.slider a.next {
position:absolute;
z-index:55;
bottom:-25px;
display:block;
font-weight:bold;
text-transform:uppercase;
color:#0b8eac;
text-decoration:none;
}
.slider a.prev:hover,
.slider a.next:hover {
text-decoration:underline;
}
.slider a.prev {
left:30px;
}
.slider a.next {
right:30px;
}
/* -- Blog Sidebar -- */
.blog-sidebar {
padding:15px;
background:#0a2d36;
color:#fff;
}
.blog-sidebar ul {
list-style:none;
margin:0px;
padding:0px;
}
.blog-sidebar ul ul {
padding:0px 0px 0px 15px;
}
.blog-sidebar ul li {
display:block;
margin:0px;
padding:5px 0px 0px 0px;
}
/* -- Sidebar Video -- */
.sidebar-video {
text-align:center;
}
/* -- Sidebar Location -- */
.sidebar-location {
padding:15px 15px 30px 15px;
}
.sidebar-location strong {
display:block;
text-transform:uppercase;
font-weight:bold;
font-size:123%;
}
.sidebar-location em {
display:block;
padding:0px 0px 10px 0px;
font-style:normal;
font-weight:bold;
text-transform:uppercase;
color:#dda519;
}
.sidebar-location address {
margin:0px;
padding:0px;
font-style:normal;
}
.sidebar-location p {
margin:0px;
padding:0px;
}
.sidebar-location p b {
font-weight:normal;
width:90px;
}
.sidebar-location p i {
padding-left:5px;
font-style:normal;
text-transform:uppercase;
}
/* -- Sidebar QC -- */
.sidebar-qc {
padding:0px 15px 15px 15px;
background:#f6c13e;
color:#333b46;
}
.sidebar-qc h2,
aside.sidebar .sidebar-qc h2 {
margin:0px -15px;
padding:10px 15px;
background:#fff;
}
.sidebar-qc ul {
list-style:none;
margin:0px;
padding:0px;
}
.sidebar-qc ul li {
display:block;
margin:0px;
padding:2px 0px;
}
.sidebar-qc form {
margin:0px;
padding:0px;
}
.sidebar-qc form label {
display:none;
}
.sidebar-qc form input[type=text],
.sidebar-qc form input[type=tel],
.sidebar-qc form input[type=email],
.sidebar-qc form textarea {
width:96%;
margin:0px;
padding:4px;
border:none;
background:#fff;
color:#000;
}
.sidebar-qc form textarea {
height:80px;
overflow:auto;
}
.sidebar-qc form input[type=submit],
.sidebar-qc form input[type=submit]:visited {
margin:0px;
padding:5px 15px;
border:none;
background:#254967;
color:#fff;
font-weight:bold;
text-transform:uppercase;
}
.sidebar-qc form input[type=submit]:hover,
.sidebar-qc form input[type=submit]:active,
.sidebar-qc form input[type=submit]:focus {
background:#0b8eac;
}
/* -- Main Content Block -- */
.content {
padding:20px;
min-height:1px;
color:#666;
}
.content hr {
}
.content blockquote {
}
.content a,
.content a:visited {
color:#0b8eac;
text-decoration:underline;
}
.content a:hover,
.content a:active,
.content a:focus {
color:#1eb2d5;
text-decoration:underline;
}
.content p {
}
.content h1 {
font-weight:normal;
font-size:174%;
text-transform:uppercase;
color:#0b8eac;
}
.content h2 {
font-size:123%;
color:#dda519;
}
.content h3 {
color:#0b8eac;
font-size:100%;
}
.content h4 {
color:#000;
font-size:93%;
}
.content h5 {
color:#000;
font-size:88%;
}
/* -- Client Center -- */
iframe.client-center {
width:940px;
min-height:900px;
overflow-y: scroll;
overflow-x: hidden;
border:none;
}
/* -- Footer -- */
footer.main {
background:#000;
color:#fff;
}
footer.main .container-16 {
}
footer.main .container-16 .grid-16 {
}
footer.main h2 {
margin:0px 0px 15px 0px;
padding:0px 0px 15px 0px;
border-bottom:1px solid #5c6c69;
font-weight:normal;
font-size:116%;
color:#deb54f;
}
footer.main h3 {
margin:5px 0px 0px 0px;
padding:0px;
font-size:100%;
}
footer.main a,
footer.main a:visited {
color:#deb54f;
text-decoration:underline;
}
footer.main a:hover,
footer.main a:active,
footer.main a:focus {
color:#f8d681;
text-decoration:underline;
}
/* -- Footer Logo -- */
.footer-logo {
padding:20px 0px 35px 0px;
}
/* -- Footer Social Media -- */
.footer-social-media {
padding:15px 0px;
text-align:right;
}
.footer-social-media ul {
list-style:none;
margin:0px;
padding:0px;
}
.footer-social-media ul li {
display:inline;
margin:0px;
padding:0px;
}
/* -- Footer Contact Info -- */
.footer-contact-info {
}
.footer-contact-info address {
margin:0px 0px 15px 0px;
padding:0px;
font-style:normal;
}
.footer-contact-info p {
margin:0px;
padding:0px;
}
.footer-contact-info p b {
display:inline-block;
vertical-align:top;
font-weight:normal;
width:90px;
}
.footer-contact-info p i {
display:inline-block;
vertical-align:top;
font-style:normal;
text-transform:uppercase;
}
/* -- Footlinks -- */
nav.footlinks {
padding:0px 0px 35px 0px;
}
nav.footlinks ul {
list-style:none;
margin:0px;
padding:0px;
}
nav.footlinks.two-columns ul {
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:20px;
-moz-column-gap:20px;
column-gap:20px;
}
nav.footlinks li {
display:block;
margin:0px;
padding:0px;
}
nav.footlinks.two-columns ul li {
display:inline-block;
width:100%;
}
.lt-ie9 nav.footlinks.two-columns ul li {
display:block;
float:left;
width:48%;
margin-right:2%;
}
nav.footlinks a,
nav.footlinks a:visited,
footer.main nav.footlinks a,
footer.main nav.footlinks a:visited {
display:block;
padding:5px 0px 5px 10px;
color:#fff;
text-decoration:none;
}
nav.footlinks a:hover,
nav.footlinks a:active,
nav.footlinks a:focus,
footer.main nav.footlinks a:hover,
footer.main nav.footlinks a:active,
footer.main nav.footlinks a:focus {
color:#deb54f;
text-decoration:none;
}
/* -- Footer Disclaimers -- */
.footer-disclaimers {
font-size:88%;
padding:20px 0px 50px 0px;
}
.footer-disclaimers p {
margin:0px 0px 15px 0px;
padding:0px;
line-height:154%;
}
/* -- Shadowbox Styles -- */
#sb-container, #sb-wrapper { text-align:left; }
#sb-container, #sb-overlay { position:absolute; top:0; left:0; width:100%; margin:0; padding:0; }
#sb-container { height:100%; display:none; visibility:hidden; z-index:999; }
body>#sb-container { position:fixed; }
#sb-overlay { height:expression(document.documentElement.clientHeight+'px'); }
#sb-container>#sb-overlay { height:100%; }
#sb-wrapper { position:relative; }
#sb-wrapper img { border:none; }
#sb-body { position:relative; margin:0; padding:0; overflow:hidden; border:1px solid #303030; height:100%; }
#sb-body-inner { position:relative; height:100%; }
#sb-content.html { height:100%; overflow:auto; }
#sb-loading { position:absolute; top:0; width:100%; height:100%; text-align:center; padding-top:10px; }
#sb-body, #sb-loading { background-color:#060606; }
#sb-title, #sb-info { position:relative; margin:0; padding:0; overflow:hidden; }
#sb-title-inner, #sb-info-inner { position:relative; font-family:'Lucida Grande', Tahoma, sans-serif; line-height:16px; }
#sb-title, #sb-title-inner { height:26px; }
#sb-title-inner { font-size:16px; padding:5px 0; color:#fff; }
#sb-info, #sb-info-inner { height:20px; }
#sb-info-inner { font-size:12px; color:#fff; }
#sb-nav { float:right; height:16px; padding:2px 0; width:45%; }
#sb-nav a { display:block; float:right; height:16px; width:16px; margin-left:3px; cursor:pointer; }
#sb-nav-close { background-image:url(../images/shadowbox/close.png); background-repeat:no-repeat; }
#sb-nav-next { background-image:url(../images/shadowbox/next.png); background-repeat:no-repeat; }
#sb-nav-previous { background-image:url(../images/shadowbox/previous.png); background-repeat:no-repeat; }
#sb-nav-play { background-image:url(../images/shadowbox/play.png); background-repeat:no-repeat; }
#sb-nav-pause { background-image:url(../images/shadowbox/pause.png); background-repeat:no-repeat; }
#sb-counter { float:left; padding:2px 0; width:45%; }
#sb-counter a { padding:0 4px 0 0; text-decoration:none; cursor:pointer; color:#fff; }
#sb-counter a.sb-counter-current { text-decoration:underline; }
div.sb-message { font-family:'Lucida Grande', Tahoma, sans-serif; font-size:12px; padding:10px; text-align:center; }
div.sb-message a:link, div.sb-message a:visited { color:#fff; text-decoration:underline; }
/* ----- END [4] Custom Styles ----- */
/* ----- [5] Non-Semantic Helper Classes ----- */
/* for image replacement */
.ir {
display:block;
text-indent:-999em;
overflow:hidden;
background-repeat:no-repeat;
text-align:left;
direction:ltr;
}
/* Hide for both screenreaders and browsers [ css-discuss.incutio.com/wiki/Screenreader_Visibility ] */
.hidden { display:none; visibility:hidden; }
/* Hide only visually, but have it available for screenreaders: by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
visibility:hidden;
}
/* >> The Magnificent CLEARFIX:Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before,
.clearfix:after {
content:"\0020";
display:block;
height:0;
visibility:hidden; }
.clearfix:after { clear:both; }
/* Fix clearfix:blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom:1; clear:both; }
/* ----- END [5] Non-Semantic Helper Classes ----- */
/* ----- [6] Media Queries ----- */
/* ----- These follow after primary styles so they will successfully override. ----- */
/* TABLET - screen sizes between (700px) and full site (1000px) */
@media only screen and (min-width: 700px) and (max-width: 1000px) {
}
/* MOBILE - screen sizes less than (700px) */
@media only screen and (max-width: 699px) {
/* -- Body Styles -- */
body {
}
/* -- Top Address -- */
.top-address {
text-align:center;
}
/* -- Top Links -- */
nav.top-links {
display:none;
}
/* -- Header -- */
header.main {
text-align:center;
}
header.main .container-16 {
}
header.main .container-16 .grid-16 {
}
/* -- Header Phone -- */
.header-phone {
padding:0px 0px 20px 0px;
text-align:center;
}
/* -- Main Navigation -- */
nav.main {
position:relative;
text-align:left;
}
nav.main .container-16 {
}
nav.main .container-16 .grid-16 {
}
nav.main h2.menu {
display:block;
margin:0px;
padding:0px;
text-transform:none;
font-weight:normal;
font-size:147%;
}
nav.main h2.menu a,
nav.main h2.menu a:visited,
nav.main h2.menu a:hover,
nav.main h2.menu a:active,
nav.main h2.menu a:focus {
display:inline-block;
height:35px;
background:url(../images/icon-menu.png) left no-repeat;
padding:15px 40px 0px 40px;
color:#000;
text-decoration:none;
}
nav.main ul {
}
nav.main ul li {
display:block;
}
nav.main ul li:hover {
}
nav.main ul li a,
nav.main ul li a:visited {
display:block;
}
nav.main ul li a:hover,
nav.main ul li a:active,
nav.main ul li a:focus,
nav.main ul li.current_page_item a,
nav.main ul li:hover a {
}
/* -- Drop Navigation -- */
nav.main ul ul,
nav.main ul li:hover ul {
display:none;
}
/* -- Buckets -- */
.buckets {
text-align:left;
}
.buckets ul li,
.buckets ul li:first-child {
display:block;
width:100%;
height:auto;
margin:0px;
padding:0px;
border:none;
background:none;
}
.buckets ul li a,
.buckets ul li a:visited {
display:block;
height:auto;
margin:0px;
padding:10px;
border:none;
}
.buckets ul li a:hover,
.buckets ul li a:active,
.buckets ul li a:focus {
}
/* -- Main Content Block -- */
.content {
padding:15px;
}
/* -- Sidebar -- */
aside.sidebar {
padding:10px;
}
/* -- Footer Logo -- */
.footer-logo {
text-align:center;
}
/* -- Client Center Button -- */
.client-center-button {
display:none;
}
/* -- Footlinks -- */
nav.footlinks {
padding:40px 0px 0px 0px;
}
/* -- QC Button -- */
.qc-button {
position:absolute;
top:0px;
right:0px;
}
.qc-button a,
.qc-button a:visited {
width:50px;
height:50px;
background:url(../images/icon-email.png) center no-repeat #777;
}
.qc-button a:hover,
.qc-button a:active,
.qc-button a:focus {
width:50px;
height:50px;
background:url(../images/icon-email.png) center no-repeat #999;
}
/* -- QC Form -- */
.qc-container {
margin-top:25px;
width:70%;
}
}
/* ----- END [6] Media Queries ----- */
/* ----- [7] Print Styles ----- */
/* ----- inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ ----- */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
a, a:visited { color: #444 !important; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}
/* ----- END [7] Print Styles ----- */
/************************ CUSTOM CSS *************************/
.buckets {
display: none;
}
.home .buckets {
display: block;
}
.mobile {
display: none;
}
.menu-button {
width: 60px;
}
@media screen and (max-width: 768px) {
.desktop {
display:none;
}
.mobile {
display: block;
}
/* Collapsible mobile menu — toggled by adding .open (see Layout.astro). */
.navigation-list > ul {
display: block;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.navigation-list > ul.open {
max-height: 40rem;
}
}
/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */