/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #333;
}
body {
line-height: 1;
text-align:center;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: orange;
text-shadow: none;
}
::selection {
background: orange;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px dotted #6a6a6a;
margin: 2em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Culled from Eric Meyer's Reset
========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
ol, ul {
list-style: none;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a img {
border: none;
outline: none;
}
select:focus,
input:focus,
a:focus {
outline: 0 none !important;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
html, body {
height:100%;
}
html * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {font-size: 62.5%;}
body {
background:#eaeaea;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size: 10px;
}
/*
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}*/
/* telephone numbers */
a[href*="tel:"] {
white-space:nowrap;
cursor:default;
text-decoration:none !important;
color:inherit !important;
}
/* animate the link transitions */
nav a,
section a,
footer a,
#post a {
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
}
#wrapper {
margin:0 auto 2.5%;
background:#fff url(../images/backgrounds/bg-header.gif) 0 0 repeat-x;
max-width:900px;
width:95%;
padding: 0 2.5% 2%;
display:block;
clear:both;
position:relative;
}
header,
section,
footer,
.container {
margin:0 auto;
width:100%;
display:block;
clear:both;
position:relative;
}
section {width:95%;} /*???*/
header {margin-bottom:3.333%; background:url(../images/photos/baby.png) 0 0 no-repeat; background-size:20.25%;}
#imagearea img {width:100%; position:relative;}
#imagearea .quote {text-shadow: 1px 1px 0px #000;position:absolute; bottom:0; left:0; background:#000; background:rgba(0,0,0,.666); padding:1.1% 2.5%; text-align:center; color:#fff; z-index:1; width:95%; font-size:16px; font-size:1.6rem; line-height:1.2em; font-weight:bold;}
#imagearea .quote small {font-size:70%; font-weight:normal; white-space:nowrap}
img.full {width:100%;}
#logo {max-width:220px; width:22.5%; padding-top:20px; margin:0 auto 45px; position:relative; display:block}
#logo img {width:100%;}
.callme {float:right; width:33.333%; margin-top:3.5%; color:#036; font-size:20px; font-size:2rem; text-align:center; line-height:140%;}
.callme a {display:block; clear:both; color:#036; font-size:150%; text-decoration:none;}
.callme span {font-size:85%;line-height:140%; display:block}
/* responsive nav */
header .nv {display:none}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.collapse.in {
height: auto;
}
.nav-collapse.collapse {
height: auto;
overflow: visible;
}
header nav {
margin:20px auto;
min-height:36px;
}
header nav ul {
color:#fff;
font-weight:normal;
margin:0 auto;
padding:0;
border-top: 1px solid #95c5b6;
text-shadow: 1px 1px 0px #2f70a8;
box-shadow: 0px 1px 5px #000;
box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
width:100%;
display:block;
position:relative;
clear:both;
background: rgb(176,212,232); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,pd94bwwgdmvyc2lvbj0ims4wiia/pgo8c3znihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigd2lkdgg9ijewmcuiighlawdodd0imtawjsigdmlld0jved0imcawidegmsigchjlc2vydmvbc3bly3rsyxrpbz0ibm9uzsi+ciagpgxpbmvhckdyywrpzw50iglkpsjncmfklxvjz2ctz2vuzxjhdgvkiibncmfkawvudfvuaxrzpsj1c2vyu3bhy2vpblvzzsigede9ijaliib5mt0imcuiihgypsiwjsigeti9ijewmcuipgogicagphn0b3agb2zmc2v0psiwjsigc3rvcc1jb2xvcj0ii2iwzdrlocigc3rvcc1vcgfjaxr5psixii8+ciagica8c3rvccbvzmzzzxq9ijuwjsigc3rvcc1jb2xvcj0iizdhytljniigc3rvcc1vcgfjaxr5psixii8+ciagica8c3rvccbvzmzzzxq9ijewmcuiihn0b3aty29sb3i9iim1yzg2yweiihn0b3atb3bhy2l0et0imsivpgogidwvbgluzwfyr3jhzgllbnq+ciagphjly3qged0imciget0imcigd2lkdgg9ijeiighlawdodd0imsigzmlsbd0idxjskcnncmfklxvjz2ctz2vuzxjhdgvkksiglz4kpc9zdmc+);
background: -moz-linear-gradient(top, rgba(176,212,232,1) 0%, rgba(122,169,198,1) 50%, rgba(92,134,170,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(176,212,232,1)), color-stop(50%,rgba(122,169,198,1)), color-stop(100%,rgba(92,134,170,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(176,212,232,1) 0%,rgba(122,169,198,1) 50%,rgba(92,134,170,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(176,212,232,1) 0%,rgba(122,169,198,1) 50%,rgba(92,134,170,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(176,212,232,1) 0%,rgba(122,169,198,1) 50%,rgba(92,134,170,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(176,212,232,1) 0%,rgba(122,169,198,1) 50%,rgba(92,134,170,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d4e8', endColorstr='#5c86aa',GradientType=0 ); /* IE6-8 */
}
header nav ul li {
display:inline-block;
font-size:1em;
position:relative;
line-height:1em;
padding:0;
border-right:1px solid #6a93ab;
border-left:1px solid #92bad1;
}
header nav ul li a {
display:block;
padding:8px 16px 8px;
font-size:15px;
font-size:1.5rem;
line-height:1em;
color:#fff;
text-decoration:none;
white-space:nowrap;
background:none;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
header nav ul li a:hover {
color:#fff;
text-decoration:none;
background: rgb(157,202,227); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,pd94bwwgdmvyc2lvbj0ims4wiia/pgo8c3znihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigd2lkdgg9ijewmcuiighlawdodd0imtawjsigdmlld0jved0imcawidegmsigchjlc2vydmvbc3bly3rsyxrpbz0ibm9uzsi+ciagpgxpbmvhckdyywrpzw50iglkpsjncmfklxvjz2ctz2vuzxjhdgvkiibncmfkawvudfvuaxrzpsj1c2vyu3bhy2vpblvzzsigede9ijaliib5mt0imcuiihgypsiwjsigeti9ijewmcuipgogicagphn0b3agb2zmc2v0psiwjsigc3rvcc1jb2xvcj0iizlky2flmyigc3rvcc1vcgfjaxr5psixii8+ciagica8c3rvccbvzmzzzxq9ijaliibzdg9wlwnvbg9ypsijywzkm2u2iibzdg9wlw9wywnpdhk9ijeilz4kicagidxzdg9wig9mznnldd0imtawjsigc3rvcc1jb2xvcj0iizrinzm4zcigc3rvcc1vcgfjaxr5psixii8+ciagpc9saw5lyxjhcmfkawvudd4kica8cmvjdcb4psiwiib5psiwiib3awr0ad0imsigagvpz2h0psixiibmawxspsj1cmwoi2dyywqtdwnnzy1nzw5lcmf0zwqpiiavpgo8l3n2zz4=);
background: -moz-linear-gradient(top, rgba(157,202,227,1) 0%, rgba(175,211,230,1) 0%, rgba(75,115,141,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,202,227,1)), color-stop(0%,rgba(175,211,230,1)), color-stop(100%,rgba(75,115,141,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(157,202,227,1) 0%,rgba(175,211,230,1) 0%,rgba(75,115,141,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(157,202,227,1) 0%,rgba(175,211,230,1) 0%,rgba(75,115,141,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(157,202,227,1) 0%,rgba(175,211,230,1) 0%,rgba(75,115,141,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(157,202,227,1) 0%,rgba(175,211,230,1) 0%,rgba(75,115,141,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dcae3', endColorstr='#4b738d',GradientType=0 ); /* IE6-8 */
}
.lt-ie8 header nav ul li a:hover {background:#5c86aa;}
header nav ul li a.selected {
color:#036;
text-shadow:none;
cursor:default;
border: 2px solid #fff;
border-bottom:none;
border-top:none;
background:#fff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,pd94bwwgdmvyc2lvbj0ims4wiia/pgo8c3znihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigd2lkdgg9ijewmcuiighlawdodd0imtawjsigdmlld0jved0imcawidegmsigchjlc2vydmvbc3bly3rsyxrpbz0ibm9uzsi+ciagpgxpbmvhckdyywrpzw50iglkpsjncmfklxvjz2ctz2vuzxjhdgvkiibncmfkawvudfvuaxrzpsj1c2vyu3bhy2vpblvzzsigede9ijaliib5mt0imcuiihgypsiwjsigeti9ijewmcuipgogicagphn0b3agb2zmc2v0psiwjsigc3rvcc1jb2xvcj0ii2u1zwzmmcigc3rvcc1vcgfjaxr5psixii8+ciagica8c3rvccbvzmzzzxq9ijewmcuiihn0b3aty29sb3i9iinmzmzmzmyiihn0b3atb3bhy2l0et0imsivpgogidwvbgluzwfyr3jhzgllbnq+ciagphjly3qged0imciget0imcigd2lkdgg9ijeiighlawdodd0imsigzmlsbd0idxjskcnncmfklxvjz2ctz2vuzxjhdgvkksiglz4kpc9zdmc+);
background: -moz-linear-gradient(top, rgba(229,239,240,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,239,240,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(229,239,240,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(229,239,240,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(229,239,240,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(229,239,240,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5eff0', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.lt-ie8 header nav ul li a.selected {background:#fff;}
header nav ul li a.selected::before {
content:'';
display:block;
height:8px;
width:100%;
position:absolute;
top:-8px;
left:0;
z-index:10;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border: 2px solid #fff;
border-bottom:none;
background: #fff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,pd94bwwgdmvyc2lvbj0ims4wiia/pgo8c3znihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigd2lkdgg9ijewmcuiighlawdodd0imtawjsigdmlld0jved0imcawidegmsigchjlc2vydmvbc3bly3rsyxrpbz0ibm9uzsi+ciagpgxpbmvhckdyywrpzw50iglkpsjncmfklxvjz2ctz2vuzxjhdgvkiibncmfkawvudfvuaxrzpsj1c2vyu3bhy2vpblvzzsigede9ijaliib5mt0imcuiihgypsiwjsigeti9ijewmcuipgogicagphn0b3agb2zmc2v0psiwjsigc3rvcc1jb2xvcj0ii2uwzwjlzsigc3rvcc1vcgfjaxr5psixii8+ciagica8c3rvccbvzmzzzxq9ijewmcuiihn0b3aty29sb3i9iinlnwvmzjaiihn0b3atb3bhy2l0et0imsivpgogidwvbgluzwfyr3jhzgllbnq+ciagphjly3qged0imciget0imcigd2lkdgg9ijeiighlawdodd0imsigzmlsbd0idxjskcnncmfklxvjz2ctz2vuzxjhdgvkksiglz4kpc9zdmc+);
background: -moz-linear-gradient(top, rgba(224,235,238,1) 0%, rgba(229,239,240,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,235,238,1)), color-stop(100%,rgba(229,239,240,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(224,235,238,1) 0%,rgba(229,239,240,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(224,235,238,1) 0%,rgba(229,239,240,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(224,235,238,1) 0%,rgba(229,239,240,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(224,235,238,1) 0%,rgba(229,239,240,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0ebee', endColorstr='#e5eff0',GradientType=0 ); /* IE6-8 */
}
header nav ul li a.selected::after {
content:'';
display:block;
background:#fff;
height:8px;
width:100%;
position:absolute;
bottom:-8px;
left:0;
z-index:10;
}
.ie9 header nav,
.ie9 header nav ul,
.ie9 header nav ul li a:hover,
.ie9 header nav ul li a.selected,
.ie9 header nav ul li a.selected::before {
filter:none;
}
/* ARTICLE */
article {display:block; float:left; text-align:left; width:62.5%; margin-right:3.5%;}
h1 {margin-bottom:.65em;font-size:30px; font-size:3rem;line-height:1.1em;font-weight:normal;color:#036;}
h2 {font-size:26px; font-size:2.6rem;}
h3 {font-size:21px; font-size:2.1rem; line-height:1.5em; font-weight:normal; margin-bottom:.75em}
h4 {font-size:18px; font-size:1.8rem; line-height:1.2em; font-weight:bold; margin-bottom:1em; color:#ff7a00;}
h5 {font-size:16px; font-size:1.6rem; line-height:1.35em; font-weight:bold; margin-bottom:1.3em}
p {font-size:16px; font-size:1.6rem; line-height:1.35em; margin-bottom:1.3em;}
article a {color:#ff7a00; text-decoration:none;}
article a span {text-decoration:none;}
article a:hover {color:#ff7a00;text-decoration:underline; }
article p small {display:inline-block; line-height:1.5em;}
a.more::after {content:"\25ba"; font-size:72.5%; padding-left:5px; vertical-align:top}
a.more:hover {text-decoration:none;}
a.more:hover span {text-decoration:underline;}
article ul.list {margin:0 0 2em 2em; list-style:disc;}
article ol.list {margin:0 0 2em 2em; list-style:decimal;}
article .list li {font-size:16px; font-size:1.6rem; line-height:1.35em; margin-bottom:.2em;}
article ul.list ul {margin:0 0 0 2em; list-style:circle;}
article .list li li {font-size:1em;}
#site article p,
#site article .list li {font-size:14px; font-size:1.4rem;}
.consultant-list {border-top:1px dotted #6a6a6a; display:block; clear:both; margin:0 auto 20px;}
.consultant-list li {border-bottom:1px dotted #6a6a6a;line-height:1}
.consultant-list li a { display:block; clear:both; padding:7px 2%; background:transparent; text-decoration:none; color:#333; font-size:14px; font-size:1.4rem; line-height:125%;}
.consultant-list li a strong {width:47.5%; margin-right:5%;float:left;}
.consultant-list li a span {width:47.5%;float:left;}
.consultant-list li a:hover {background:#ff7a00; text-decoration:none; color:#fff}
.touch .video {display:none;}
p#expander {font-size:12px;font-size:1.2rem; text-align:right}
.reveal div {display:none}
.reveal h4 a { display:block; padding-bottom:5px; text-decoration:none; border-bottom:1px solid #ff7a00; /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/ padding-right:9%;}
.reveal h4 a::after {content:"\25bc"; font-size:100%; padding:0; margin-right:-9%; width: 6%; display:block; float:right; text-align:right;}
.reveal h4.ui-state-active a::after {content:"\25b2"; font-size:100%; display:block; float:right}
/* BIOGRAPHY PAGES */
.person-box {display:table; clear:both; margin:0 auto; width:100%; position:relative;}
.person-box img,
.person-box .person-desc {display:table-cell; vertical-align:top; text-align:left;}
.person-box img {width:90%; padding-right: 10%;}
.person-box .person-desc {width:67.5%;}
.person-box .person-desc h1 {font-size:24px; font-size:2.4rem; margin-bottom:.333em;}
.person-box .person-desc h1 small {color:#333; display:block; clear:both; line-height:1.4em;font-size:14px; font-size:1.4rem;}
.person-box .person-desc dl {display:block; clear:both;}
.person-box .person-desc dt {max-width:160px; width:47.5%; margin-right:2.5%; display:inline-block; font-weight:bold; vertical-align:top;}
.person-box .person-desc dd {width:47.5%;display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:top;}
.bio article p,
.person-box .person-desc dl {font-size:14px; font-size:1.4rem; line-height:1.5em;}
.bio article .person-box .person-desc p {margin-bottom:2em;}
.bio article .list li {font-size:14px; font-size:1.4rem; line-height:1.4em;}
/* ASIDE */
aside {display:block; float:left; text-align:left; width:34%;}
aside select {clear:both;display:block; width:100%;font-size:14px; font-size:1.4rem; line-height:1.4em; font-family:Arial, Helvetica, sans-serif;}
aside .content {
display:block;
width:92%;
margin:0 auto;
}
aside .info-box {
display:block;
background:#eaeaea;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
padding-bottom:15px;
/*min-height:150px;
overflow:hidden;*/
}
aside .language {
margin-top:25px;
}
aside .language select {
margin-bottom:10px !important;
}
aside h2 {
color:#fff;
font-weight:normal;
font-size:16px;
font-size:1.6rem;
display:block;
clear:both;
position:relative;
margin-bottom:15px;
padding:8px 4% 6px;
line-height:1em;
text-shadow: 1px 1px 0px #2f70a8;
box-shadow: 0px 1px 7px #000;
box-shadow: 0px 1px 7px rgba(0,0,0,0.5);
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
background: rgb(176,212,232); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,pd94bwwgdmvyc2lvbj0ims4wiia/pgo8c3znihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigd2lkdgg9ijewmcuiighlawdodd0imtawjsigdmlld0jved0imcawidegmsigchjlc2vydmvbc3bly3rsyxrpbz0ibm9uzsi+ciagpgxpbmvhckdyywrpzw50iglkpsjncmfklxvjz2ctz2vuzxjhdgvkiibncmfkawvudfvuaxrzpsj1c2vyu3bhy2vpblvzzsigede9ijaliib5mt0imcuiihgypsiwjsigeti9ijewmcuipgogicagphn0b3agb2zmc2v0psiwjsigc3rvcc1jb2xvcj0ii2iwzdrlocigc3rvcc1vcgfjaxr5psixii8+ciagica8c3rvccbvzmzzzxq9ijuwjsigc3rvcc1jb2xvcj0iizdhytljniigc3rvcc1vcgfjaxr5psixii8+ciagica8c3rvccbvzmzzzxq9ijewmcuiihn0b3aty29sb3i9iim1yzg2yweiihn0b3atb3bhy2l0et0imsivpgogidwvbgluzwfyr3jhzgllbnq+ciagphjly3qged0imciget0imcigd2lkdgg9ijeiighlawdodd0imsigzmlsbd0idxjskcnncmfklxvjz2ctz2vuzxjhdgvkksiglz4kpc9zdmc+);
background: -moz-linear-gradient(top, rgba(176,212,232,1) 0%, rgba(122,169,198,1) 50%, rgba(92,134,170,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(176,212,232,1)), color-stop(50%,rgba(122,169,198,1)), color-stop(100%,rgba(92,134,170,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(176,212,232,1) 0%,rgba(122,169,198,1) 50%,rgba(92,134,170,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(176,212,232,1) 0%,rgba(122,169,198,1) 50%,rgba(92,134,170,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(176,212,232,1) 0%,rgba(122,169,198,1) 50%,rgba(92,134,170,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(176,212,232,1) 0%,rgba(122,169,198,1) 50%,rgba(92,134,170,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d4e8', endColorstr='#5c86aa',GradientType=0 ); /* IE6-8 */
}
.ie9 aside h2 {
filter:none;
}
.lt-ie8 #aside h2 {background:#5c86aa /* no idea why gradient is only working on top level nav bg in ie7? */}
aside p,
aside address,
aside dl {
font-size:14px; font-size:1.4rem; line-height:1.4em; font-style:normal;
}
aside address,
aside dl {margin-bottom: 1.4em;}
aside address span {clear:both; display:block;}
aside dt {width:20%; margin-right:2.5%; display:inline-block;}
aside dd {width:75%;display:inline-block; /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/}
aside dd.email {width:100%;display:block; clear:both;}
aside a {color:#ff7a00; text-decoration:none;}
aside a:hover {color:#ff7a00; text-decoration:underline;}
/* FOOTER */
footer {border-top:1px dotted #6a6a6a;margin-top:3%;padding: 2.5% 0 0;}
footer ul {text-align:right; display:block; width:100%; clear:both;}
footer li { display:inline-block; border-right:1px solid #565c6d; padding:0 5px; font-size:11px; line-height:1.3em;font-size:1.1rem; color:#565c6d}
footer li.first {float:left; border:none; text-align:left; padding:0;}
footer li.last {border:none; padding-right:0;}
footer a {color:#565c6d; text-decoration:none; white-space:nowrap;}
footer a:hover {color:#ff7a00; text-decoration:underline;}
/* POST FOOTER */
#post {max-width:900px; width:95%; padding-bottom:2.5%;}
#post a {color:#565c6d; text-decoration:none; white-space:nowrap}
#post a:hover {color:#ff7a00; text-decoration:underline;}
#post h6 {font-weight:bold; margin-bottom:1em; font-size:11px; font-size:1.1rem; color:#565c6d}
#post ul {display: block; list-style-type: disc;}
#post li {display: inline-block;font-size:11px; line-height:1.3em; font-size:1.1rem; margin:0 0 0 2px; vertical-align:middle;}
#post li::before {content:"\2022"; font-size:165%; padding-right:5px; vertical-align:sub; color:#565c6d;}
#post li:first-of-type::before {content:"";}
#post p {font-size:11px; font-size:1.1rem; margin:0 auto; margin-top:1em; line-height:1.3em;color:#565c6d;}
/* < ie8 */
.lt-ie8 header nav ul li,
.lt-ie8 article p small,
.lt-ie8 .person-box .person-desc dt,
.lt-ie8 .person-box .person-desc dd,
.lt-ie8 aside dt,
.lt-ie8 aside dd,
.lt-ie8 footer li,
.lt-ie8 #post li {display:inline;}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
/*
* 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;
}
/*
* Clearfix: contain floats
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
Media Queries for Responsive Design.
========================================================================== */
@media (min-width: 980px) {
#wrapper {box-shadow:0px 0px 5px #000;}
#wrapper {box-shadow:0px 0px 5px rgba(0,0,0,0.333);}
}
@media (min-width: 768px) and (max-width: 979px) {
.callme {font-size:165%; margin-top:4.25%;}
footer ul {text-align:center;}
footer li {padding:0 5px;text-align:center;}
footer li.first {float:none; clear:both; display:block;text-align:center; padding-top:3px;}
}
@media (max-width: 767px) {
html {font-size:60%}
.nav-collapse {
-webkit-transform: translate3d(0, 0, 0);
}
.btn-navbar {
cursor: pointer;
}
.nav-collapse,
.nav-collapse.collapse {
height: 0;
overflow: hidden;
}
header .nv {
display:block;
position:absolute;
z-index:10;
float:right;
top:3px;
right:3px;
width:30px;
height:30px;
margin:0;
border:1px solid #6a93ab;
border-bottom-color:#6da8ca;
border-right-color:#6da8ca;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius:5px;
background:#fff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,pd94bwwgdmvyc2lvbj0ims4wiia/pgo8c3znihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigd2lkdgg9ijewmcuiighlawdodd0imtawjsigdmlld0jved0imcawidegmsigchjlc2vydmvbc3bly3rsyxrpbz0ibm9uzsi+ciagpgxpbmvhckdyywrpzw50iglkpsjncmfklxvjz2ctz2vuzxjhdgvkiibncmfkawvudfvuaxrzpsj1c2vyu3bhy2vpblvzzsigede9ijaliib5mt0imcuiihgypsiwjsigeti9ijewmcuipgogicagphn0b3agb2zmc2v0psiwjsigc3rvcc1jb2xvcj0ii2u1zwzmmcigc3rvcc1vcgfjaxr5psixii8+ciagica8c3rvccbvzmzzzxq9ijewmcuiihn0b3aty29sb3i9iinmzmzmzmyiihn0b3atb3bhy2l0et0imsivpgogidwvbgluzwfyr3jhzgllbnq+ciagphjly3qged0imciget0imcigd2lkdgg9ijeiighlawdodd0imsigzmlsbd0idxjskcnncmfklxvjz2ctz2vuzxjhdgvkksiglz4kpc9zdmc+);
background: -moz-linear-gradient(top, rgba(229,239,240,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,239,240,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(229,239,240,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(229,239,240,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(229,239,240,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(229,239,240,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5eff0', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
header .nv a {
display:block;
border-radius:4px;
position:relative;
width:28px;
height:28px;
text-indent:-9999em;
background: #2f70a8 url(../images/icons/nav-ovr.png) center no-repeat;
background-size:65%;
}
header .nv a.collapsed {
background: transparent url(../images/icons/nav-out.png) center no-repeat;
background-size:65%;
}
.lt-ie9 header .nv a {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/nav-ovr.png', sizingmethod='scale');
-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/nav-ovr.png', sizingMethod='scale')";}
.lt-ie9 header .nv a.collapsed {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/nav-out.png', sizingmethod='scale');
-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/nav-out.png', sizingMethod='scale')";}
header {background:none}
header nav {
margin:0 auto 12px;
padding:0;
min-height:36px;
border-top: 1px solid #95c5b6;
text-shadow: 1px 1px 0px #2f70a8;
box-shadow: 0px 1px 5px #000;
box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
width:100%;
display:block;
position:relative;
clear:both;
background: rgb(176,212,232); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,pd94bwwgdmvyc2lvbj0ims4wiia/pgo8c3znihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigd2lkdgg9ijewmcuiighlawdodd0imtawjsigdmlld0jved0imcawidegmsigchjlc2vydmvbc3bly3rsyxrpbz0ibm9uzsi+ciagpgxpbmvhckdyywrpzw50iglkpsjncmfklxvjz2ctz2vuzxjhdgvkiibncmfkawvudfvuaxrzpsj1c2vyu3bhy2vpblvzzsigede9ijaliib5mt0imcuiihgypsiwjsigeti9ijewmcuipgogicagphn0b3agb2zmc2v0psiwjsigc3rvcc1jb2xvcj0ii2iwzdrlocigc3rvcc1vcgfjaxr5psixii8+ciagica8c3rvccbvzmzzzxq9ijuwjsigc3rvcc1jb2xvcj0iizdhytljniigc3rvcc1vcgfjaxr5psixii8+ciagica8c3rvccbvzmzzzxq9ijewmcuiihn0b3aty29sb3i9iim1yzg2yweiihn0b3atb3bhy2l0et0imsivpgogidwvbgluzwfyr3jhzgllbnq+ciagphjly3qged0imciget0imcigd2lkdgg9ijeiighlawdodd0imsigzmlsbd0idxjskcnncmfklxvjz2ctz2vuzxjhdgvkksiglz4kpc9zdmc+);
background: -moz-linear-gradient(top, rgba(176,212,232,1) 0%, rgba(122,169,198,1) 50%, rgba(92,134,170,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(176,212,232,1)), color-stop(50%,rgba(122,169,198,1)), color-stop(100%,rgba(92,134,170,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(176,212,232,1) 0%,rgba(122,169,198,1) 50%,rgba(92,134,170,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(176,212,232,1) 0%,rgba(122,169,198,1) 50%,rgba(92,134,170,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(176,212,232,1) 0%,rgba(122,169,198,1) 50%,rgba(92,134,170,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(176,212,232,1) 0%,rgba(122,169,198,1) 50%,rgba(92,134,170,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d4e8', endColorstr='#5c86aa',GradientType=0 ); /* IE6-8 */
}
header nav ul {background:none;border:none;box-shadow:none;overflow:hidden; position:relative;}
header nav ul li {
display:block;
border:none;
border-bottom:1px solid #6a93ab;
border-top:1px solid #92bad1;
}
.lt-ie8 header nav ul li {display:block;}
header nav ul li:first-of-type {border-top:none}
header nav ul li:last-of-type {border-bottom:none}
header nav ul li a {
display:block;
padding:10px 16px;
height:36px;
font-size:17px;
font-size:1.7rem;
text-align:left;
}
.lt-ie8 header nav ul li a {height:16px}
header nav ul li a.selected {border:none}
header nav ul li a.selected::before {display:none;}
header nav ul li a.selected::after {display:none;}
#logo {width:220px; margin-bottom:20px; padding-top:10px }
.callme {margin:0 auto; font-size:160%; float:none; clear:both;display:block; padding:15px 0 0; width:100%;}
.callme a {display:inline; clear:none;}
#imagearea .quote small {display:block; clear:both;}
article {float:none; clear:both; width:100%; margin:0 auto 5%;}
aside {float:none; clear:both; width:100%; margin:0 auto;}
aside .info-box {float:left; width:48.5%;min-height:150px;}
aside .language {margin:0 0 0 3%}
footer ul {text-align:center;}
footer li {padding:0 5px;text-align:center;}
footer li.first {float:none; clear:both; display:block;text-align:center; padding-top:3px;}
}
@media (max-width: 568px) {
aside .info-box {float:none; clear:both; width:100%; min-height:0;}
aside .language {display:none}
footer {margin-top:5%;}
aside .info-box {min-height:0}
/*section {width:100%}*/
h1 {font-size:26px; font-size:2.6rem;}
#imagearea {margin-bottom:15px}
#imagearea .quote {clear:both;position:static;display:block; background:none; color:#333; text-shadow:none; padding-bottom:3%;}
.person-box .person-desc dt {width:100%; margin:0; display:block;}
.person-box .person-desc dd {width:100%; margin:0 0 .75em 0; display:block;}
}
@media (max-width: 440px) {
html {font-size:57.5%}
footer {padding-top:5%;}
#wrapper {padding-bottom:4%;margin-bottom:4%;}
#post {padding-bottom:4%;}
}
@media (max-width: 320px) {
/* override the js... */
#map {height:165px !important;}
}
/* fancybox */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../images/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('../images/fancybox/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('../images/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../images/fancybox/fancybox_sprite-2x.png');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('../images/fancybox/fancybox_loading-2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/* ==========================================================================
Print styles.
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
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;
}
}
#alert {background: #de0303; clear:both; color:#ffffff; display: block; overflow: hidden; padding: 20px 10%; text-align: center}
#alert h3 {color:#ffffff; clear: both; font-size: 20px; font-weight: 400; line-height: 26px; overflow: hidden; padding: 0 0 15px 0; margin: 0}
#alert h3 strong {font-weight: 700; display: block; font-size: 24px; line-height: 30px; }
#alert p {font-size: 18px; line-height: 24px; overflow: hidden; padding: 0; margin: 0}
#alert a {text-decoration:underline; color: #ffffff}