/* Resets HTML5 default display wonkiness */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins { background-color:#eeeeee; color:#000000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /** Base container **/ .kalendae { display: inline-block;zoom:1;*display:inline; background:#eee; padding:10px; margin:5px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size:11px; font-family:'Helvetica Neue', 'Helvetica'; cursor:default; position:relative; } /** Popup Container for Kalendae.Input **/ .kalendae.k-floating { position:absolute; top:0; left:0; z-index:100000; margin:0; box-shadow:0 1px 3px rgba(0,0,0,0.75); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.75); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.75); } /** Kalendae.Input's popup close button **/ .kalendae .k-btn-close { position:absolute; top:-8px; right:-8px; width:16px; height:16px; background:white; border:2px solid #ccc; color:#999; line-height:17px; text-align:center; font-size:13px; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.75); cursor:pointer; text-decoration:none; } .kalendae .k-btn-close:after {content:"\2716";} .kalendae .k-btn-close:hover { color:#7EA0E2; background:white; border-color:#7EA0E2; } /** Month Container **/ .kalendae .k-calendar {display: inline-block;zoom:1;*display:inline;width:155px;vertical-align:top;} /** Month Separator **/ .kalendae .k-separator {display: inline-block;zoom:1;*display:inline;width:2px;vertical-align:top;background:#ddd;height:155px;margin:0px 10px;} /** Month Title Row **/ .kalendae .k-title {text-align:center;white-space:nowrap;position:relative;height:18px;} .kalendae .k-caption {font-size:12px;line-height:18px;} /** Month and Year Buttons **/ .kalendae .k-btn-previous-month, .kalendae .k-btn-next-month, .kalendae .k-btn-previous-year, .kalendae .k-btn-next-year { width:16px; height:16px; cursor:pointer; position:absolute; top:-3px; color:#777; font-size:26px; line-height: 18px; font-weight: bold; font-family: arial; text-decoration:none; } .kalendae .k-btn-previous-year {left:0;} .kalendae .k-btn-previous-month {left:16px;} .kalendae .k-btn-next-month {right:16px;} .kalendae .k-btn-next-year {right:0;} .kalendae .k-btn-previous-month:after {content:"\2039";} .kalendae .k-btn-next-month:after {content:"\203A";} .kalendae .k-btn-previous-year:after {content:"\00AB";} .kalendae .k-btn-next-year:after {content:"\00BB";} .kalendae .k-btn-previous-month:hover, .kalendae .k-btn-next-month:hover {color:#7EA0E2;} .kalendae .k-btn-previous-year:hover, .kalendae .k-btn-next-year:hover {color:#6FDF81;} /** Remove extra buttons when calendar shows multiple months **/ .kalendae .k-first-month .k-btn-next-month, .kalendae .k-middle-month .k-btn-next-month, .kalendae .k-middle-month .k-btn-previous-month, .kalendae .k-last-month .k-btn-previous-month, .kalendae .k-first-month .k-btn-next-year, .kalendae .k-middle-month .k-btn-next-year, .kalendae .k-middle-month .k-btn-previous-year, .kalendae .k-last-month .k-btn-previous-year {display:none;} /** Disable year nav option **/ .kalendae .k-title.k-disable-year-nav .k-btn-next-year, .kalendae .k-title.k-disable-year-nav .k-btn-previous-year { display: none; } .kalendae .k-title.k-disable-year-nav .k-btn-next-month { right: 0; } .kalendae .k-title.k-disable-year-nav .k-btn-previous-month { left: 0; } /** Force specific width for month container contents **/ .kalendae .k-title, .kalendae .k-header, .kalendae .k-days { width:154px; display:block; overflow:hidden; } /** Hide unusable buttons **/ .kalendae.k-disable-next-month-btn .k-btn-next-month, .kalendae.k-disable-previous-month-btn .k-btn-previous-month, .kalendae.k-disable-next-year-btn .k-btn-next-year, .kalendae.k-disable-previous-year-btn .k-btn-previous-year { display:none; } /** Week columns and day cells **/ .kalendae .k-header span, .kalendae .k-days span { float:left; margin:1px 1px; } .kalendae .k-header span { text-align:center; font-weight:bold; width:20px; padding:1px 0; color:#666; } .kalendae .k-days span { text-align:right; width:13px; height:1.1em; line-height:1em; padding:2px 3px 2px 2px; border:1px solid transparent; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#999; } /** Today **/ .kalendae .k-today { text-decoration:underline; } /** Days inside of the month view **/ .kalendae .k-days span.k-in-month.k-active { border-color:#ddd; background-color:#fff; color:#333; } /** Days outside of the month view (before the first day of the month, after the last day of the month) **/ .kalendae .k-days span.k-out-of-month {color:#ddd;} /** Selectable **/ .kalendae .k-days span.k-active { cursor:pointer; } /** Selected day, when outside the selectable area **/ .kalendae .k-days span.k-selected { border-color:#1072A5; color:#1072A5; } /** Selected day, when inside the selectable area **/ .kalendae .k-days span.k-selected.k-active { background:#7EA0E2; color:white; } /** Days between the start and end points on a range, outside of the selectable area **/ .kalendae .k-days span.k-range { background:none; border-color:#6DD4FE; } /** Days between the start and end points on a range, inside of the selectable area **/ .kalendae .k-days span.k-range.k-in-month { background:#C4D4F1; border-color:#19AEFE; color:#333; } /** Selectable day, hovered **/ .kalendae .k-days span.k-active:hover { border-color:#666; } /*-------------------------------------IE8 ONLY CODE BELOW THIS LINE--------------------------------------------*/ .kalendae.ie8.k-floating { border:1px solid #ccc; } .kalendae.ie8 .k-btn-close { width:20px; height:20px; border:none; background:url('/static/image/close.png?ea82c3e180c8') no-repeat top left; } .kalendae.ie8 .k-btn-close:after {display:none;} .kalendae.ie8 .k-btn-previous-month, .kalendae.ie8 .k-btn-next-month, .kalendae.ie8 .k-btn-previous-year, .kalendae.ie8 .k-btn-next-year {width:16px;height:16px;cursor:pointer;background:#777 url('/static/image/arrows.png?ea82c3e180c8') no-repeat center left;position:absolute;top:0;} .kalendae.ie8 .k-btn-next-month, .kalendae.ie8 .k-btn-next-year {background-position:center right;} .kalendae.ie8 .k-btn-previous-month:hover, .kalendae.ie8 .k-btn-next-month:hover {background-color:#7EA0E2;} .kalendae.ie8 .k-btn-previous-year, .kalendae.ie8 .k-btn-next-year {background-color:#333;} .kalendae.ie8 .k-btn-previous-year:hover, .kalendae.ie8 .k-btn-next-year:hover {background-color:#6FDF81;} .kalendae.ie8 .k-btn-previous-month:after, .kalendae.ie8 .k-btn-next-month:after, .kalendae.ie8 .k-btn-previous-year:after, .kalendae.ie8 .k-btn-next-year:after {display:none;} a.button, button { box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; border: 0; color: #494b4c; cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0px; padding: 7px 15px; position: relative; text-align: center; text-decoration: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background: #00AFD7; color: white; } a.button:hover, a.button:focus, button:hover, button:focus { box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); color: white; background: #494b4c; } a.button.grey, button.grey { background: #494b4c; color: white; } a.button.grey:hover, a.button.grey:focus, button.grey:hover, button.grey:focus { background: #626566; color: white; } a.button.brightgreen, button.brightgreen { background: #C4D600; color: #494b4c; } a.button.brightgreen:hover, a.button.brightgreen:focus, button.brightgreen:hover, button.brightgreen:focus { background: #dbf000; color: #494b4c; } a.button.green, a.button.habitat-green, button.green, button.habitat-green { background: #43B02A; color: white; } a.button.green:hover, a.button.green:focus, a.button.habitat-green:hover, a.button.habitat-green:focus, button.green:hover, button.green:focus, button.habitat-green:hover, button.habitat-green:focus { background: #58d13c; color: white; } a.button:hover, a.button:focus, button:hover, button:focus { background: #00c4f1; color: white; } a.button.brightblue, button.brightblue { background: #00AFD7; color: white; } a.button.brightblue:hover, a.button.brightblue:focus, button.brightblue:hover, button.brightblue:focus { background: #00c4f1; color: white; } a.button.blue, a.button.habitat-blue, button.blue, button.habitat-blue { background: #385988; color: white; } a.button.blue:hover, a.button.blue:focus, a.button.habitat-blue:hover, a.button.habitat-blue:focus, button.blue:hover, button.blue:focus, button.habitat-blue:hover, button.habitat-blue:focus { background: #4771ac; color: white; } a.button.orange, button.orange { background: #FF671F; color: white; } a.button.orange:hover, a.button.orange:focus, button.orange:hover, button.orange:focus { background: #ff8a52; color: white; } a.button.red, a.button.brick, button.red, button.brick { background: #A4343A; color: white; } a.button.red:hover, a.button.red:focus, a.button.brick:hover, a.button.brick:focus, button.red:hover, button.red:focus, button.brick:hover, button.brick:focus { background: #c4474d; color: white; } a.button.black, button.black { background: black; color: white; } a.button.black:hover, a.button.black:focus, button.black:hover, button.black:focus { background: #494b4c; color: white; } a.button.grey-inverted, button.grey-inverted { color: #494b4c; background: white; } a.button.grey-inverted:hover, a.button.grey-inverted:focus, button.grey-inverted:hover, button.grey-inverted:focus { color: #494b4c; background: #afb1b2; } a.button.green-inverted, a.button.habitat-green-inverted, button.green-inverted, button.habitat-green-inverted { color: #43B02A; background: white; } a.button.green-inverted:hover, a.button.green-inverted:focus, a.button.habitat-green-inverted:hover, a.button.habitat-green-inverted:focus, button.green-inverted:hover, button.green-inverted:focus, button.habitat-green-inverted:hover, button.habitat-green-inverted:focus { color: #43B02A; background: #c2eeb8; } a.button.blue-inverted, a.button.habitat-blue-inverted, button.blue-inverted, button.habitat-blue-inverted { color: #385988; background: white; } a.button.blue-inverted:hover, a.button.blue-inverted:focus, a.button.habitat-blue-inverted:hover, a.button.habitat-blue-inverted:focus, button.blue-inverted:hover, button.blue-inverted:focus, button.habitat-blue-inverted:hover, button.habitat-blue-inverted:focus { color: #385988; background: #aec2de; } a.button.brightgreen-inverted, button.brightgreen-inverted { color: #C4D600; background: white; } a.button.brightgreen-inverted:hover, a.button.brightgreen-inverted:focus, button.brightgreen-inverted:hover, button.brightgreen-inverted:focus { color: #C4D600; background: #f7ffa3; } a.button.brightblue-inverted, button.brightblue-inverted { color: #00AFD7; background: white; } a.button.brightblue-inverted:hover, a.button.brightblue-inverted:focus, button.brightblue-inverted:hover, button.brightblue-inverted:focus { color: #00AFD7; background: #a4eeff; } a.button.orange-inverted, button.orange-inverted { color: #FF671F; background: white; } a.button.orange-inverted:hover, a.button.orange-inverted:focus, button.orange-inverted:hover, button.orange-inverted:focus { color: #FF671F; background: #ffcfb8; } a.button.red-inverted, a.button.brick-inverted, button.red-inverted, button.brick-inverted { color: #A4343A; background: white; } a.button.red-inverted:hover, a.button.red-inverted:focus, a.button.brick-inverted:hover, a.button.brick-inverted:focus, button.red-inverted:hover, button.red-inverted:focus, button.brick-inverted:hover, button.brick-inverted:focus { color: #A4343A; background: #e9bbbd; } a.button.black-inverted, button.black-inverted { color: black; background: white; } a.button.black-inverted:hover, a.button.black-inverted:focus, button.black-inverted:hover, button.black-inverted:focus { color: black; background: #f0f1f1; } a.button i, button i { margin-left: 7px; } a.button.block, button.block { display: block; } a.button.small, button.small { height: 28px; font-size: 12px; line-height: 24px; padding: 2px 10px; } a.button.small:after, button.small:after { content: ""; } a.button.go, button.go { font-family: "FontAwesome"; } a.button.go:after, button.go:after { content: ""; } input[type='submit'] { box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; border: 0; color: #494b4c; cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0px; padding: 7px 15px; position: relative; text-align: center; text-decoration: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background: black; color: white; height: 37px; padding: 7px 15px; text-transform: uppercase; } input[type='submit']:hover, input[type='submit']:focus { box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); color: white; background: #494b4c; } input[type='submit'].grey { background: #494b4c; color: white; } input[type='submit'].grey:hover, input[type='submit'].grey:focus { background: #626566; color: white; } input[type='submit'].brightgreen { background: #C4D600; color: #494b4c; } input[type='submit'].brightgreen:hover, input[type='submit'].brightgreen:focus { background: #dbf000; color: #494b4c; } input[type='submit'].green, input[type='submit'].habitat-green { background: #43B02A; color: white; } input[type='submit'].green:hover, input[type='submit'].green:focus, input[type='submit'].habitat-green:hover, input[type='submit'].habitat-green:focus { background: #58d13c; color: white; } input[type='submit'].brightblue { background: #00AFD7; color: white; } input[type='submit'].brightblue:hover, input[type='submit'].brightblue:focus { background: #00c4f1; color: white; } input[type='submit'].blue, input[type='submit'].habitat-blue { background: #385988; color: white; } input[type='submit'].blue:hover, input[type='submit'].blue:focus, input[type='submit'].habitat-blue:hover, input[type='submit'].habitat-blue:focus { background: #4771ac; color: white; } input[type='submit'].orange { background: #FF671F; color: white; } input[type='submit'].orange:hover, input[type='submit'].orange:focus { background: #ff8a52; color: white; } input[type='submit'].red, input[type='submit'].brick { background: #A4343A; color: white; } input[type='submit'].red:hover, input[type='submit'].red:focus, input[type='submit'].brick:hover, input[type='submit'].brick:focus { background: #c4474d; color: white; } input[type='submit']:hover, input[type='submit']:focus { background: #494b4c; color: white; } input[type='submit'].black { background: black; color: white; } input[type='submit'].black:hover, input[type='submit'].black:focus { background: #494b4c; color: white; } input[type='submit'].grey-inverted { color: #494b4c; background: white; } input[type='submit'].grey-inverted:hover, input[type='submit'].grey-inverted:focus { color: #494b4c; background: #afb1b2; } input[type='submit'].green-inverted, input[type='submit'].habitat-green-inverted { color: #43B02A; background: white; } input[type='submit'].green-inverted:hover, input[type='submit'].green-inverted:focus, input[type='submit'].habitat-green-inverted:hover, input[type='submit'].habitat-green-inverted:focus { color: #43B02A; background: #c2eeb8; } input[type='submit'].blue-inverted, input[type='submit'].habitat-blue-inverted { color: #385988; background: white; } input[type='submit'].blue-inverted:hover, input[type='submit'].blue-inverted:focus, input[type='submit'].habitat-blue-inverted:hover, input[type='submit'].habitat-blue-inverted:focus { color: #385988; background: #aec2de; } input[type='submit'].brightgreen-inverted { color: #C4D600; background: white; } input[type='submit'].brightgreen-inverted:hover, input[type='submit'].brightgreen-inverted:focus { color: #C4D600; background: #f7ffa3; } input[type='submit'].brightblue-inverted { color: #00AFD7; background: white; } input[type='submit'].brightblue-inverted:hover, input[type='submit'].brightblue-inverted:focus { color: #00AFD7; background: #a4eeff; } input[type='submit'].orange-inverted { color: #FF671F; background: white; } input[type='submit'].orange-inverted:hover, input[type='submit'].orange-inverted:focus { color: #FF671F; background: #ffcfb8; } input[type='submit'].red-inverted, input[type='submit'].brick-inverted { color: #A4343A; background: white; } input[type='submit'].red-inverted:hover, input[type='submit'].red-inverted:focus, input[type='submit'].brick-inverted:hover, input[type='submit'].brick-inverted:focus { color: #A4343A; background: #e9bbbd; } input[type='submit'].black-inverted { color: black; background: white; } input[type='submit'].black-inverted:hover, input[type='submit'].black-inverted:focus { color: black; background: #f0f1f1; } input[type='submit'] i { margin-left: 7px; } input[type='submit'].block { display: block; } input[type='submit'].small { height: 28px; font-size: 12px; line-height: 24px; padding: 2px 10px; } input[type='submit'].small:after { content: ""; } input[type='submit'].go { font-family: "FontAwesome"; } input[type='submit'].go:after { content: ""; } input[type='submit']:after { content: ""; } input[type='submit'].go { height: auto; padding: 3px 5px; } input[type='text'], input[type='password'], input[type='email'], input[type='search'], input[type='number'], input[type='tel'], textarea, select { border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid #c9cacb; color: #494b4c; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; margin: 0px; padding: 4px; } input[type='text']:focus, input[type='password']:focus, input[type='email']:focus, input[type='search']:focus, input[type='number']:focus, input[type='tel']:focus, textarea:focus, select:focus { color: black; } textarea { height: 60px; } input[type='radio'], input[type='checkbox'] { border: 1px; padding: 0 !important; } .formField { clear: both; display: block; margin: 0px 0px 10px 0px; } .formField label { display: inline-block; font-size: 16px; line-height: 20px; margin: 0px 0px 8px 0px; } .formField label + input[type='checkbox'] { float: left; margin: 4px 8px 0px 0px; } .formField.required label { font-weight: bold; } .formField.required label:after { color: #A4343A; content: "*"; } .formField input[type='text'], .formField input[type='password'], .formField input[type='email'], .formField input[type='search'], .formField input[type='number'], .formField input[type='tel'], .formField textarea { width: 98.75%; } .formField select { width: 100%; } .formField .help_text { color: #888B8D; font-size: 12px; font-style: italic; line-height: 16px; margin-top: 5px; } .formField ul { list-style: none; padding: 0px; } .formField ul li label { display: block; font-weight: normal !important; } .formField ul li label:after { content: "" !important; } .formField ul li label input { float: left; margin: 5px 5px 0px 0px; } body, html { background: #f0f1f1; color: #494b4c; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; } body { padding-top: 83px; } @media (max-width: 979px) { body { padding-top: 115px; } } @media (max-width: 599px) { body { padding-top: 100px; } } .wrapper { display: block; height: auto; min-width: 960px; position: relative; width: 100%; z-index: 1; } .wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .wrapper { height: 1px; } .inner { display: block; margin: 0 auto; padding: 0px; text-align: left; width: 960px; width: 960px; } .inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .inner { height: 1px; } div.adapt { transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; position: relative; left: 0; top: 0; } header { display: block; height: auto; min-width: 960px; position: relative; width: 100%; z-index: 1; min-width: 0; background: #00AFD7; position: fixed; left: 0; top: 0; width: 100%; z-index: 10000; } header .inner { position: static; z-index: 10; } header .logo { display: inline; float: left; max-width: 150px; margin: 9px 0 12px 0; } header section.links { display: inline; float: right; height: 28px; margin: 10px 0 10px 0; text-align: right; width: 520px; z-index: 200; } header section.links a.button { float: right; margin: 0 0 0 15px; } header section.links label { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 4px 12px rgba(0, 0, 0, 0.5); -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 4px 12px rgba(0, 0, 0, 0.5); -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 4px 12px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 4px 12px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 4px 12px rgba(0, 0, 0, 0.5); background-color: #314d76; background-image: -o-linear-gradient(center bottom, #314d76 1%, #3f659a 100%); background-image: -ms-linear-gradient(center bottom, #314d76 1%, #3f659a 100%); background-image: -moz-linear-gradient(center bottom, #314d76 1%, #3f659a 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, #314d76), color-stop(1, #3f659a)); transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; border-radius: 25px 0 0 25px; -o-border-radius: 25px 0 0 25px; -ms-border-radius: 25px 0 0 25px; -moz-border-radius: 25px 0 0 25px; -webkit-border-radius: 25px 0 0 25px; border: 1px solid #223652; border-right: 0; color: white; display: inline-block; float: left; font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; line-height: 16px; margin: 2px 0 0 0; padding: 2px 6px 2px 10px; text-align: center; text-transform: uppercase; } header section.links input[type='text'] { float: left; width: 180px; } header section.links input[type='submit'] { border-radius: 0px 25px 25px 0; -o-border-radius: 0px 25px 25px 0; -ms-border-radius: 0px 25px 25px 0; -moz-border-radius: 0px 25px 25px 0; -webkit-border-radius: 0px 25px 25px 0; border-left: 0; float: left; margin: 2px 0 0 0; } header section.links span.social { box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #00AFD7; height: 28px; display: inline; float: right; font-size: 22px; line-height: 28px; padding: 0; margin: 0 0 0 15px; overflow: hidden; } header section.links span.social a { transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; color: white; float: left; display: inline-block; padding: 0 6px; text-decoration: none; } header section.links span.social a i { line-height: 28px; } header section.links span.social a:hover { background: white; color: #00AFD7; } header nav { display: inline; height: 22px; float: right; width: 760px; z-index: 200; } header nav > ul { list-style: none; padding: 0; text-align: right; } header nav > ul > li { display: inline-block; margin: 0 0 0 20px; padding: 0; position: relative; width: auto; } header nav > ul > li:first-child { margin-left: 0; } header nav > ul > li a { color: white; font-size: 16px; font-weight: bold; text-decoration: none; } header nav > ul > li a:hover { transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; } header nav > ul > li.here > a { color: white; } header nav > ul > li:hover > ul { display: block; } header nav > ul > li:hover > ul ul { display: none; } header nav > ul > li ul { box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1); display: none; height: auto; left: -10px; margin: 0; overflow: hidden; padding: 17px 0 0 0; position: absolute; top: 19px; width: 150px; z-index: 20; } header nav > ul > li ul li { background: #00AFD7; height: auto; margin: 0; padding: 0; width: 150px; } header nav > ul > li ul li a { color: white; display: block; font-size: 13px; font-weight: bold; padding: 5px 10px; text-align: left; } header nav > ul > li ul li a:hover { background: #0bd2ff; color: white; } header nav > ul > li ul li ul { display: none; } #google_translate_element { float: right; } a.mobileMenu { box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; border: 0; color: #494b4c; cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0px; padding: 7px 15px; position: relative; text-align: center; text-decoration: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; color: #00AFD7; background: white; display: none; position: fixed; top: 22px; left: calc(100vw - 44px - 22px); z-index: 10001; width: 44px; height: 44px; padding: 0; line-height: 44px; font-size: 20px; text-align: center; vertical-align: middle; } a.mobileMenu:hover, a.mobileMenu:focus { box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); color: white; background: #494b4c; } a.mobileMenu.grey { background: #494b4c; color: white; } a.mobileMenu.grey:hover, a.mobileMenu.grey:focus { background: #626566; color: white; } a.mobileMenu.brightgreen { background: #C4D600; color: #494b4c; } a.mobileMenu.brightgreen:hover, a.mobileMenu.brightgreen:focus { background: #dbf000; color: #494b4c; } a.mobileMenu.green, a.mobileMenu.habitat-green { background: #43B02A; color: white; } a.mobileMenu.green:hover, a.mobileMenu.green:focus, a.mobileMenu.habitat-green:hover, a.mobileMenu.habitat-green:focus { background: #58d13c; color: white; } a.mobileMenu.brightblue { background: #00AFD7; color: white; } a.mobileMenu.brightblue:hover, a.mobileMenu.brightblue:focus { background: #00c4f1; color: white; } a.mobileMenu.blue, a.mobileMenu.habitat-blue { background: #385988; color: white; } a.mobileMenu.blue:hover, a.mobileMenu.blue:focus, a.mobileMenu.habitat-blue:hover, a.mobileMenu.habitat-blue:focus { background: #4771ac; color: white; } a.mobileMenu.orange { background: #FF671F; color: white; } a.mobileMenu.orange:hover, a.mobileMenu.orange:focus { background: #ff8a52; color: white; } a.mobileMenu.red, a.mobileMenu.brick { background: #A4343A; color: white; } a.mobileMenu.red:hover, a.mobileMenu.red:focus, a.mobileMenu.brick:hover, a.mobileMenu.brick:focus { background: #c4474d; color: white; } a.mobileMenu.black { background: black; color: white; } a.mobileMenu.black:hover, a.mobileMenu.black:focus { background: #494b4c; color: white; } a.mobileMenu.grey-inverted { color: #494b4c; background: white; } a.mobileMenu.grey-inverted:hover, a.mobileMenu.grey-inverted:focus { color: #494b4c; background: #afb1b2; } a.mobileMenu.green-inverted, a.mobileMenu.habitat-green-inverted { color: #43B02A; background: white; } a.mobileMenu.green-inverted:hover, a.mobileMenu.green-inverted:focus, a.mobileMenu.habitat-green-inverted:hover, a.mobileMenu.habitat-green-inverted:focus { color: #43B02A; background: #c2eeb8; } a.mobileMenu.blue-inverted, a.mobileMenu.habitat-blue-inverted { color: #385988; background: white; } a.mobileMenu.blue-inverted:hover, a.mobileMenu.blue-inverted:focus, a.mobileMenu.habitat-blue-inverted:hover, a.mobileMenu.habitat-blue-inverted:focus { color: #385988; background: #aec2de; } a.mobileMenu.brightgreen-inverted { color: #C4D600; background: white; } a.mobileMenu.brightgreen-inverted:hover, a.mobileMenu.brightgreen-inverted:focus { color: #C4D600; background: #f7ffa3; } a.mobileMenu:hover, a.mobileMenu:focus { color: #00AFD7; background: #a4eeff; } a.mobileMenu.brightblue-inverted { color: #00AFD7; background: white; } a.mobileMenu.brightblue-inverted:hover, a.mobileMenu.brightblue-inverted:focus { color: #00AFD7; background: #a4eeff; } a.mobileMenu.orange-inverted { color: #FF671F; background: white; } a.mobileMenu.orange-inverted:hover, a.mobileMenu.orange-inverted:focus { color: #FF671F; background: #ffcfb8; } a.mobileMenu.red-inverted, a.mobileMenu.brick-inverted { color: #A4343A; background: white; } a.mobileMenu.red-inverted:hover, a.mobileMenu.red-inverted:focus, a.mobileMenu.brick-inverted:hover, a.mobileMenu.brick-inverted:focus { color: #A4343A; background: #e9bbbd; } a.mobileMenu.black-inverted { color: black; background: white; } a.mobileMenu.black-inverted:hover, a.mobileMenu.black-inverted:focus { color: black; background: #f0f1f1; } a.mobileMenu i { margin-left: 7px; } a.mobileMenu.block { display: block; } a.mobileMenu.small { height: 28px; font-size: 12px; line-height: 24px; padding: 2px 10px; } a.mobileMenu.small:after { content: ""; } a.mobileMenu.go { font-family: "FontAwesome"; } a.mobileMenu.go:after { content: ""; } a.mobileMenu:focus { background: white; } a.mobileMenu i { display: inline-block; font-style: normal; font-weight: normal; margin: 0; } a.mobileMenu i:before { content: ""; display: inline-block; font-family: FontAwesome; } body.shift a.mobileMenu i:before { content: ""; } section.banner { height: 460px; overflow: hidden; position: relative; } section.banner .pagerWrapper { bottom: 0; display: block; left: 0; margin: 0; padding: 0; position: absolute; text-align: center; height: 82px; width: 100%; z-index: 200; } section.banner .pagerWrapper .pager { display: block; height: auto; margin: 0 auto; padding: 0; position: relative; width: 80%; max-width: 600px; } section.banner .pagerWrapper .pager a.next, section.banner .pagerWrapper .pager a.prev { box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; border: 0; color: #494b4c; cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0px; padding: 7px 15px; position: relative; text-align: center; text-decoration: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background: #FF671F; color: white; padding: 0; height: 30px; width: 30px; line-height: 30px; position: absolute; top: 25px; text-align: center; z-index: 100; } section.banner .pagerWrapper .pager a.next:hover, section.banner .pagerWrapper .pager a.next:focus, section.banner .pagerWrapper .pager a.prev:hover, section.banner .pagerWrapper .pager a.prev:focus { box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); color: white; background: #494b4c; } section.banner .pagerWrapper .pager a.next.grey, section.banner .pagerWrapper .pager a.prev.grey { background: #494b4c; color: white; } section.banner .pagerWrapper .pager a.next.grey:hover, section.banner .pagerWrapper .pager a.next.grey:focus, section.banner .pagerWrapper .pager a.prev.grey:hover, section.banner .pagerWrapper .pager a.prev.grey:focus { background: #626566; color: white; } section.banner .pagerWrapper .pager a.next.brightgreen, section.banner .pagerWrapper .pager a.prev.brightgreen { background: #C4D600; color: #494b4c; } section.banner .pagerWrapper .pager a.next.brightgreen:hover, section.banner .pagerWrapper .pager a.next.brightgreen:focus, section.banner .pagerWrapper .pager a.prev.brightgreen:hover, section.banner .pagerWrapper .pager a.prev.brightgreen:focus { background: #dbf000; color: #494b4c; } section.banner .pagerWrapper .pager a.next.green, section.banner .pagerWrapper .pager a.next.habitat-green, section.banner .pagerWrapper .pager a.prev.green, section.banner .pagerWrapper .pager a.prev.habitat-green { background: #43B02A; color: white; } section.banner .pagerWrapper .pager a.next.green:hover, section.banner .pagerWrapper .pager a.next.green:focus, section.banner .pagerWrapper .pager a.next.habitat-green:hover, section.banner .pagerWrapper .pager a.next.habitat-green:focus, section.banner .pagerWrapper .pager a.prev.green:hover, section.banner .pagerWrapper .pager a.prev.green:focus, section.banner .pagerWrapper .pager a.prev.habitat-green:hover, section.banner .pagerWrapper .pager a.prev.habitat-green:focus { background: #58d13c; color: white; } section.banner .pagerWrapper .pager a.next.brightblue, section.banner .pagerWrapper .pager a.prev.brightblue { background: #00AFD7; color: white; } section.banner .pagerWrapper .pager a.next.brightblue:hover, section.banner .pagerWrapper .pager a.next.brightblue:focus, section.banner .pagerWrapper .pager a.prev.brightblue:hover, section.banner .pagerWrapper .pager a.prev.brightblue:focus { background: #00c4f1; color: white; } section.banner .pagerWrapper .pager a.next.blue, section.banner .pagerWrapper .pager a.next.habitat-blue, section.banner .pagerWrapper .pager a.prev.blue, section.banner .pagerWrapper .pager a.prev.habitat-blue { background: #385988; color: white; } section.banner .pagerWrapper .pager a.next.blue:hover, section.banner .pagerWrapper .pager a.next.blue:focus, section.banner .pagerWrapper .pager a.next.habitat-blue:hover, section.banner .pagerWrapper .pager a.next.habitat-blue:focus, section.banner .pagerWrapper .pager a.prev.blue:hover, section.banner .pagerWrapper .pager a.prev.blue:focus, section.banner .pagerWrapper .pager a.prev.habitat-blue:hover, section.banner .pagerWrapper .pager a.prev.habitat-blue:focus { background: #4771ac; color: white; } section.banner .pagerWrapper .pager a.next:hover, section.banner .pagerWrapper .pager a.next:focus, section.banner .pagerWrapper .pager a.prev:hover, section.banner .pagerWrapper .pager a.prev:focus { background: #ff8a52; color: white; } section.banner .pagerWrapper .pager a.next.orange, section.banner .pagerWrapper .pager a.prev.orange { background: #FF671F; color: white; } section.banner .pagerWrapper .pager a.next.orange:hover, section.banner .pagerWrapper .pager a.next.orange:focus, section.banner .pagerWrapper .pager a.prev.orange:hover, section.banner .pagerWrapper .pager a.prev.orange:focus { background: #ff8a52; color: white; } section.banner .pagerWrapper .pager a.next.red, section.banner .pagerWrapper .pager a.next.brick, section.banner .pagerWrapper .pager a.prev.red, section.banner .pagerWrapper .pager a.prev.brick { background: #A4343A; color: white; } section.banner .pagerWrapper .pager a.next.red:hover, section.banner .pagerWrapper .pager a.next.red:focus, section.banner .pagerWrapper .pager a.next.brick:hover, section.banner .pagerWrapper .pager a.next.brick:focus, section.banner .pagerWrapper .pager a.prev.red:hover, section.banner .pagerWrapper .pager a.prev.red:focus, section.banner .pagerWrapper .pager a.prev.brick:hover, section.banner .pagerWrapper .pager a.prev.brick:focus { background: #c4474d; color: white; } section.banner .pagerWrapper .pager a.next.black, section.banner .pagerWrapper .pager a.prev.black { background: black; color: white; } section.banner .pagerWrapper .pager a.next.black:hover, section.banner .pagerWrapper .pager a.next.black:focus, section.banner .pagerWrapper .pager a.prev.black:hover, section.banner .pagerWrapper .pager a.prev.black:focus { background: #494b4c; color: white; } section.banner .pagerWrapper .pager a.next.grey-inverted, section.banner .pagerWrapper .pager a.prev.grey-inverted { color: #494b4c; background: white; } section.banner .pagerWrapper .pager a.next.grey-inverted:hover, section.banner .pagerWrapper .pager a.next.grey-inverted:focus, section.banner .pagerWrapper .pager a.prev.grey-inverted:hover, section.banner .pagerWrapper .pager a.prev.grey-inverted:focus { color: #494b4c; background: #afb1b2; } section.banner .pagerWrapper .pager a.next.green-inverted, section.banner .pagerWrapper .pager a.next.habitat-green-inverted, section.banner .pagerWrapper .pager a.prev.green-inverted, section.banner .pagerWrapper .pager a.prev.habitat-green-inverted { color: #43B02A; background: white; } section.banner .pagerWrapper .pager a.next.green-inverted:hover, section.banner .pagerWrapper .pager a.next.green-inverted:focus, section.banner .pagerWrapper .pager a.next.habitat-green-inverted:hover, section.banner .pagerWrapper .pager a.next.habitat-green-inverted:focus, section.banner .pagerWrapper .pager a.prev.green-inverted:hover, section.banner .pagerWrapper .pager a.prev.green-inverted:focus, section.banner .pagerWrapper .pager a.prev.habitat-green-inverted:hover, section.banner .pagerWrapper .pager a.prev.habitat-green-inverted:focus { color: #43B02A; background: #c2eeb8; } section.banner .pagerWrapper .pager a.next.blue-inverted, section.banner .pagerWrapper .pager a.next.habitat-blue-inverted, section.banner .pagerWrapper .pager a.prev.blue-inverted, section.banner .pagerWrapper .pager a.prev.habitat-blue-inverted { color: #385988; background: white; } section.banner .pagerWrapper .pager a.next.blue-inverted:hover, section.banner .pagerWrapper .pager a.next.blue-inverted:focus, section.banner .pagerWrapper .pager a.next.habitat-blue-inverted:hover, section.banner .pagerWrapper .pager a.next.habitat-blue-inverted:focus, section.banner .pagerWrapper .pager a.prev.blue-inverted:hover, section.banner .pagerWrapper .pager a.prev.blue-inverted:focus, section.banner .pagerWrapper .pager a.prev.habitat-blue-inverted:hover, section.banner .pagerWrapper .pager a.prev.habitat-blue-inverted:focus { color: #385988; background: #aec2de; } section.banner .pagerWrapper .pager a.next.brightgreen-inverted, section.banner .pagerWrapper .pager a.prev.brightgreen-inverted { color: #C4D600; background: white; } section.banner .pagerWrapper .pager a.next.brightgreen-inverted:hover, section.banner .pagerWrapper .pager a.next.brightgreen-inverted:focus, section.banner .pagerWrapper .pager a.prev.brightgreen-inverted:hover, section.banner .pagerWrapper .pager a.prev.brightgreen-inverted:focus { color: #C4D600; background: #f7ffa3; } section.banner .pagerWrapper .pager a.next.brightblue-inverted, section.banner .pagerWrapper .pager a.prev.brightblue-inverted { color: #00AFD7; background: white; } section.banner .pagerWrapper .pager a.next.brightblue-inverted:hover, section.banner .pagerWrapper .pager a.next.brightblue-inverted:focus, section.banner .pagerWrapper .pager a.prev.brightblue-inverted:hover, section.banner .pagerWrapper .pager a.prev.brightblue-inverted:focus { color: #00AFD7; background: #a4eeff; } section.banner .pagerWrapper .pager a.next.orange-inverted, section.banner .pagerWrapper .pager a.prev.orange-inverted { color: #FF671F; background: white; } section.banner .pagerWrapper .pager a.next.orange-inverted:hover, section.banner .pagerWrapper .pager a.next.orange-inverted:focus, section.banner .pagerWrapper .pager a.prev.orange-inverted:hover, section.banner .pagerWrapper .pager a.prev.orange-inverted:focus { color: #FF671F; background: #ffcfb8; } section.banner .pagerWrapper .pager a.next.red-inverted, section.banner .pagerWrapper .pager a.next.brick-inverted, section.banner .pagerWrapper .pager a.prev.red-inverted, section.banner .pagerWrapper .pager a.prev.brick-inverted { color: #A4343A; background: white; } section.banner .pagerWrapper .pager a.next.red-inverted:hover, section.banner .pagerWrapper .pager a.next.red-inverted:focus, section.banner .pagerWrapper .pager a.next.brick-inverted:hover, section.banner .pagerWrapper .pager a.next.brick-inverted:focus, section.banner .pagerWrapper .pager a.prev.red-inverted:hover, section.banner .pagerWrapper .pager a.prev.red-inverted:focus, section.banner .pagerWrapper .pager a.prev.brick-inverted:hover, section.banner .pagerWrapper .pager a.prev.brick-inverted:focus { color: #A4343A; background: #e9bbbd; } section.banner .pagerWrapper .pager a.next.black-inverted, section.banner .pagerWrapper .pager a.prev.black-inverted { color: black; background: white; } section.banner .pagerWrapper .pager a.next.black-inverted:hover, section.banner .pagerWrapper .pager a.next.black-inverted:focus, section.banner .pagerWrapper .pager a.prev.black-inverted:hover, section.banner .pagerWrapper .pager a.prev.black-inverted:focus { color: black; background: #f0f1f1; } section.banner .pagerWrapper .pager a.next i, section.banner .pagerWrapper .pager a.prev i { margin-left: 7px; } section.banner .pagerWrapper .pager a.next.block, section.banner .pagerWrapper .pager a.prev.block { display: block; } section.banner .pagerWrapper .pager a.next.small, section.banner .pagerWrapper .pager a.prev.small { height: 28px; font-size: 12px; line-height: 24px; padding: 2px 10px; } section.banner .pagerWrapper .pager a.next.small:after, section.banner .pagerWrapper .pager a.prev.small:after { content: ""; } section.banner .pagerWrapper .pager a.next.go, section.banner .pagerWrapper .pager a.prev.go { font-family: "FontAwesome"; } section.banner .pagerWrapper .pager a.next.go:after, section.banner .pagerWrapper .pager a.prev.go:after { content: ""; } section.banner .pagerWrapper .pager a.next:before, section.banner .pagerWrapper .pager a.prev:before { display: block; text-align: center; font-family: FontAwesome; } section.banner .pagerWrapper .pager a.next.next, section.banner .pagerWrapper .pager a.prev.next { left: calc(100%); } section.banner .pagerWrapper .pager a.next.next:before, section.banner .pagerWrapper .pager a.prev.next:before { content: ""; } section.banner .pagerWrapper .pager a.next.prev, section.banner .pagerWrapper .pager a.prev.prev { right: calc(100%); } section.banner .pagerWrapper .pager a.next.prev:before, section.banner .pagerWrapper .pager a.prev.prev:before { content: ""; } section.banner .pagerWrapper .pager #pager { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #00AFD7; display: block; height: 82px; margin: 0 auto; padding: 5px 10px; overflow: auto; overflow-y: hidden; max-width: 600px; position: relative; z-index: 300; white-space: nowrap; } section.banner .pagerWrapper .pager #pager a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: white; background-position: center; background-size: cover; background-repeat: no-repeat; border: 3px solid #00AFD7; display: inline-block; margin: 6px 0 0 0; height: 58px; opacity: 0.25; overflow: hidden; text-align: center; width: 100px; } section.banner .pagerWrapper .pager #pager a:hover { border-color: #ffac85; opacity: 0.5; } section.banner .pagerWrapper .pager #pager a.activeSlide { border-color: #FF671F; opacity: 1; } section.banner .pagerWrapper .pager div#pager::-webkit-scrollbar { height: 12px; } section.banner section.slideshow { width: 100% !important; } section.banner section.slideshow div.slide { background-position: center left; background-size: cover; background-repeat: no-repeat; height: 460px; overflow: hidden; position: relative; width: 100% !important; } section.banner section.slideshow div.slide div.captionWrapper { width: 80%; max-width: 600px; margin: 0 auto; height: 460px; position: relative; } section.banner section.slideshow div.slide div.caption { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.95); left: 0; bottom: 82px; width: 100%; position: absolute; padding: 15px; } section.banner section.slideshow div.slide div.caption h1, section.banner section.slideshow div.slide div.caption h2, section.banner section.slideshow div.slide div.caption h3, section.banner section.slideshow div.slide div.caption h4, section.banner section.slideshow div.slide div.caption h5, section.banner section.slideshow div.slide div.caption h6, section.banner section.slideshow div.slide div.caption p, section.banner section.slideshow div.slide div.caption blockquote, section.banner section.slideshow div.slide div.caption ol, section.banner section.slideshow div.slide div.caption ul, section.banner section.slideshow div.slide div.caption hgroup, section.banner section.slideshow div.slide div.caption hr { display: block; float: none; margin: 0px 0px 15px 0px; width: auto; } section.banner section.slideshow div.slide div.caption .fl { float: left; margin: 0px 25px 15px 0px; } section.banner section.slideshow div.slide div.caption .fr { float: right; margin: 0px 0px 15px 25px; } section.banner section.slideshow div.slide div.caption img.left { float: left; margin: 5px 20px 15px 0px; } section.banner section.slideshow div.slide div.caption img.right { float: right; margin: 5px 0px 15px 20px; } section.banner section.slideshow div.slide div.caption table { display: table; width: 100%; } section.banner section.slideshow div.slide div.caption p.title { color: #00AFD7; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; line-height: 32px; margin-bottom: 5px; } section.banner section.slideshow div.slide div.caption p.subtitle { color: #494b4c; font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; line-height: 24px; margin-bottom: 0; } section.banner section.slideshow div.slide div.caption a.button { box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; border: 0; color: #494b4c; cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0px; padding: 7px 15px; position: relative; text-align: center; text-decoration: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background: #C4D600; color: #494b4c; } section.banner section.slideshow div.slide div.caption a.button:hover, section.banner section.slideshow div.slide div.caption a.button:focus { box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); color: white; background: #494b4c; } section.banner section.slideshow div.slide div.caption a.button.grey { background: #494b4c; color: white; } section.banner section.slideshow div.slide div.caption a.button.grey:hover, section.banner section.slideshow div.slide div.caption a.button.grey:focus { background: #626566; color: white; } section.banner section.slideshow div.slide div.caption a.button:hover, section.banner section.slideshow div.slide div.caption a.button:focus { background: #dbf000; color: #494b4c; } section.banner section.slideshow div.slide div.caption a.button.brightgreen { background: #C4D600; color: #494b4c; } section.banner section.slideshow div.slide div.caption a.button.brightgreen:hover, section.banner section.slideshow div.slide div.caption a.button.brightgreen:focus { background: #dbf000; color: #494b4c; } section.banner section.slideshow div.slide div.caption a.button.green, section.banner section.slideshow div.slide div.caption a.button.habitat-green { background: #43B02A; color: white; } section.banner section.slideshow div.slide div.caption a.button.green:hover, section.banner section.slideshow div.slide div.caption a.button.green:focus, section.banner section.slideshow div.slide div.caption a.button.habitat-green:hover, section.banner section.slideshow div.slide div.caption a.button.habitat-green:focus { background: #58d13c; color: white; } section.banner section.slideshow div.slide div.caption a.button.brightblue { background: #00AFD7; color: white; } section.banner section.slideshow div.slide div.caption a.button.brightblue:hover, section.banner section.slideshow div.slide div.caption a.button.brightblue:focus { background: #00c4f1; color: white; } section.banner section.slideshow div.slide div.caption a.button.blue, section.banner section.slideshow div.slide div.caption a.button.habitat-blue { background: #385988; color: white; } section.banner section.slideshow div.slide div.caption a.button.blue:hover, section.banner section.slideshow div.slide div.caption a.button.blue:focus, section.banner section.slideshow div.slide div.caption a.button.habitat-blue:hover, section.banner section.slideshow div.slide div.caption a.button.habitat-blue:focus { background: #4771ac; color: white; } section.banner section.slideshow div.slide div.caption a.button.orange { background: #FF671F; color: white; } section.banner section.slideshow div.slide div.caption a.button.orange:hover, section.banner section.slideshow div.slide div.caption a.button.orange:focus { background: #ff8a52; color: white; } section.banner section.slideshow div.slide div.caption a.button.red, section.banner section.slideshow div.slide div.caption a.button.brick { background: #A4343A; color: white; } section.banner section.slideshow div.slide div.caption a.button.red:hover, section.banner section.slideshow div.slide div.caption a.button.red:focus, section.banner section.slideshow div.slide div.caption a.button.brick:hover, section.banner section.slideshow div.slide div.caption a.button.brick:focus { background: #c4474d; color: white; } section.banner section.slideshow div.slide div.caption a.button.black { background: black; color: white; } section.banner section.slideshow div.slide div.caption a.button.black:hover, section.banner section.slideshow div.slide div.caption a.button.black:focus { background: #494b4c; color: white; } section.banner section.slideshow div.slide div.caption a.button.grey-inverted { color: #494b4c; background: white; } section.banner section.slideshow div.slide div.caption a.button.grey-inverted:hover, section.banner section.slideshow div.slide div.caption a.button.grey-inverted:focus { color: #494b4c; background: #afb1b2; } section.banner section.slideshow div.slide div.caption a.button.green-inverted, section.banner section.slideshow div.slide div.caption a.button.habitat-green-inverted { color: #43B02A; background: white; } section.banner section.slideshow div.slide div.caption a.button.green-inverted:hover, section.banner section.slideshow div.slide div.caption a.button.green-inverted:focus, section.banner section.slideshow div.slide div.caption a.button.habitat-green-inverted:hover, section.banner section.slideshow div.slide div.caption a.button.habitat-green-inverted:focus { color: #43B02A; background: #c2eeb8; } section.banner section.slideshow div.slide div.caption a.button.blue-inverted, section.banner section.slideshow div.slide div.caption a.button.habitat-blue-inverted { color: #385988; background: white; } section.banner section.slideshow div.slide div.caption a.button.blue-inverted:hover, section.banner section.slideshow div.slide div.caption a.button.blue-inverted:focus, section.banner section.slideshow div.slide div.caption a.button.habitat-blue-inverted:hover, section.banner section.slideshow div.slide div.caption a.button.habitat-blue-inverted:focus { color: #385988; background: #aec2de; } section.banner section.slideshow div.slide div.caption a.button.brightgreen-inverted { color: #C4D600; background: white; } section.banner section.slideshow div.slide div.caption a.button.brightgreen-inverted:hover, section.banner section.slideshow div.slide div.caption a.button.brightgreen-inverted:focus { color: #C4D600; background: #f7ffa3; } section.banner section.slideshow div.slide div.caption a.button.brightblue-inverted { color: #00AFD7; background: white; } section.banner section.slideshow div.slide div.caption a.button.brightblue-inverted:hover, section.banner section.slideshow div.slide div.caption a.button.brightblue-inverted:focus { color: #00AFD7; background: #a4eeff; } section.banner section.slideshow div.slide div.caption a.button.orange-inverted { color: #FF671F; background: white; } section.banner section.slideshow div.slide div.caption a.button.orange-inverted:hover, section.banner section.slideshow div.slide div.caption a.button.orange-inverted:focus { color: #FF671F; background: #ffcfb8; } section.banner section.slideshow div.slide div.caption a.button.red-inverted, section.banner section.slideshow div.slide div.caption a.button.brick-inverted { color: #A4343A; background: white; } section.banner section.slideshow div.slide div.caption a.button.red-inverted:hover, section.banner section.slideshow div.slide div.caption a.button.red-inverted:focus, section.banner section.slideshow div.slide div.caption a.button.brick-inverted:hover, section.banner section.slideshow div.slide div.caption a.button.brick-inverted:focus { color: #A4343A; background: #e9bbbd; } section.banner section.slideshow div.slide div.caption a.button.black-inverted { color: black; background: white; } section.banner section.slideshow div.slide div.caption a.button.black-inverted:hover, section.banner section.slideshow div.slide div.caption a.button.black-inverted:focus { color: black; background: #f0f1f1; } section.banner section.slideshow div.slide div.caption a.button i { margin-left: 7px; } section.banner section.slideshow div.slide div.caption a.button.block { display: block; } section.banner section.slideshow div.slide div.caption a.button.small { height: 28px; font-size: 12px; line-height: 24px; padding: 2px 10px; } section.banner section.slideshow div.slide div.caption a.button.small:after { content: ""; } section.banner section.slideshow div.slide div.caption a.button.go { font-family: "FontAwesome"; } section.banner section.slideshow div.slide div.caption a.button.go:after { content: ""; } section.content article.main .articleContent h3.slideshowTitle { color: #00AFD7; font-size: 19px; line-height: 25px; margin-top: 25px !important; text-align: center; } section.content article.main .articleContent .slideshowWrapper { margin: 15px 0 30px 0; clear: both; position: relative; padding-bottom: 56.25%; height: 0; } section.content article.main .articleContent .slideshowWrapper .slideshow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; overflow: hidden; } section.content article.main .articleContent .slideshowWrapper .slideshow .slide { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100% !important; overflow: hidden; position: relative; width: 100% !important; } section.content article.main .articleContent .slideshowWrapper .slideshow h3 { margin-top: 8px !important; text-align: center; } section.sponsors { box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.5); background: white url('/static/image/compressed/soft_wallpaper.png?ea82c3e180c8'); border-top: 3px solid white; border-bottom: 3px solid white; padding: 15px 0; position: relative; } section.sponsors h2 { margin-bottom: 15px; text-align: center; } section.sponsors p { margin: 0 !important; text-align: center; } section.sponsors p a { text-decoration: none !important; } section.sponsors p img { border: 5px solid white; margin: 0 10px; height: 60px; width: auto; } section.content { background: white; } section.content .inner { padding: 40px 0; } section.content section.buckets { display: inline; float: left; height: auto; width: 100%; } section.content section.buckets:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html section.content section.buckets { height: 1px; } section.content section.buckets .bucket { margin-left: 20px; width: 219px; } section.content section.buckets .bucket:first-child { margin-left: 0; } section.content section.sponsors { display: inline; float: left; height: auto; width: 100%; position: relative; } section.content section.sidebar { display: inline; float: left; height: auto; width: 100%; width: 200px; } section.content section.sidebar nav { display: inline; float: left; height: auto; width: 100%; margin: 0 0 20px 0; } section.content section.sidebar nav h1, section.content section.sidebar nav h2, section.content section.sidebar nav h3, section.content section.sidebar nav h4, section.content section.sidebar nav h5, section.content section.sidebar nav h6, section.content section.sidebar nav p, section.content section.sidebar nav blockquote, section.content section.sidebar nav ol, section.content section.sidebar nav ul, section.content section.sidebar nav hgroup, section.content section.sidebar nav hr { display: block; float: none; margin: 0px 0px 15px 0px; width: auto; } section.content section.sidebar nav .fl { float: left; margin: 0px 25px 15px 0px; } section.content section.sidebar nav .fr { float: right; margin: 0px 0px 15px 25px; } section.content section.sidebar nav img.left { float: left; margin: 5px 20px 15px 0px; } section.content section.sidebar nav img.right { float: right; margin: 5px 0px 15px 20px; } section.content section.sidebar nav table { display: table; width: 100%; } section.content section.sidebar nav p.title { margin: 0 0 5px 0 !important; } section.content section.sidebar nav p.title a, section.content section.sidebar nav p.title span { background: #FF671F; color: white; display: block; text-decoration: none; font-size: 20px; font-weight: bold; line-height: 24px; padding: 40px 15px 10px 15px; } section.content section.sidebar nav p.title a:hover, section.content section.sidebar nav p.title a:focus { background: #ff7839; } section.content section.sidebar nav ul { list-style: none; margin: 0; padding: 0; } section.content section.sidebar nav ul li { font-size: 15px; font-weight: bold; line-height: 18px; margin: 0; padding: 0; } section.content section.sidebar nav ul li:first-child { border-top: 0; } section.content section.sidebar nav ul li a { color: #888B8D; display: block; padding: 8px 0; text-decoration: none; text-transform: lowercase; } section.content section.sidebar nav ul li a:hover { text-decoration: underline; color: #494b4c; } section.content section.sidebar nav ul li.here > a { color: #FF671F; } section.content section.sidebar aside { display: inline; float: left; height: auto; width: 100%; } section.content section.sidebar aside .callout { clear: both; display: block; margin: 0 0 20px 0; width: auto; } section.content section.sidebar aside .callout:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html section.content section.sidebar aside .callout { height: 1px; } section.content section.sidebar aside .bucket { clear: both; display: block; width: auto; } section.content section.sidebar aside .bucket:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html section.content section.sidebar aside .bucket { height: 1px; } section.content section.sidebar aside h1, section.content section.sidebar aside h2, section.content section.sidebar aside h3, section.content section.sidebar aside h4 { color: #00AFD7; } section.content article.main { display: inline; float: left; height: auto; width: 100%; float: right; width: 730px; } section.content article.main h1, section.content article.main h2, section.content article.main h3, section.content article.main h4, section.content article.main h5, section.content article.main h6, section.content article.main p, section.content article.main blockquote, section.content article.main ol, section.content article.main ul, section.content article.main hgroup, section.content article.main hr { display: block; float: none; margin: 0px 0px 15px 0px; width: auto; } section.content article.main .fl { float: left; margin: 0px 25px 15px 0px; } section.content article.main .fr { float: right; margin: 0px 0px 15px 25px; } section.content article.main img.left { float: left; margin: 5px 20px 15px 0px; } section.content article.main img.right { float: right; margin: 5px 0px 15px 20px; } section.content article.main table { display: table; width: 100%; } section.content article.main.full { width: 100%; } section.content article.main h2, section.content article.main h3, section.content article.main h4 { margin-bottom: 5px !important; } section.content article.main hr { margin: 10px 0 20px 0 !important; } section.content article.main figure { margin-bottom: 20px !important; overflow: hidden; } section.content article.main figure.hero img { display: block; height: auto; width: 100%; } section.content article.main figure.center, section.content article.main figure.left, section.content article.main figure.right { width: 300px; } section.content article.main figure.center img, section.content article.main figure.left img, section.content article.main figure.right img { height: auto; margin: 0; width: 100%; } section.content article.main figure.center figcaption, section.content article.main figure.left figcaption, section.content article.main figure.right figcaption { display: block; font-size: 12px; font-style: italic; line-height: 16px; padding: 15px; text-align: center; } section.content article.main figure.center.center, section.content article.main figure.left.center, section.content article.main figure.right.center { display: block; margin: 10px auto 25px auto; } section.content article.main figure.center.left, section.content article.main figure.left.left, section.content article.main figure.right.left { float: left; margin: 10px 25px 25px 0; } section.content article.main figure.center.right, section.content article.main figure.left.right, section.content article.main figure.right.right { float: right; margin: 10px 0 25px 25px; } section.content article.main .bucket p.title, section.content article.main .bucket p.image { margin: 0 !important; } section.content article.main .tabify ul.tabs { margin: 0 !important; } section.content article.main form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html section.content article.main form { height: 1px; } section.content article.main form .formField ul { margin: 0 !important; } section.content article.main form .formField ul li { margin: 0; padding: 0; } section.content article.main form input[type='submit'] { float: right; margin: 0 0 20px 10px; } section.content article.main form input[type='submit']:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html section.content article.main form input[type='submit'] { height: 1px; } section.content article.main img { height: auto; max-width: 100%; } section.content article.main .bucket img { margin: 5px; width: calc(100% - 10px); } section.content article.main div.tableWrapper table { margin: 0 !important; } section.content article.main div.tableWrapper figure.left, section.content article.main div.tableWrapper figure.right, section.content article.main div.tableWrapper figure.center { max-width: 100%; } @media (max-width: 767px) { section.content article.main div.tableWrapper figure.left, section.content article.main div.tableWrapper figure.right, section.content article.main div.tableWrapper figure.center { width: auto; margin: 20px 0; } } section.content article.main table th h1, section.content article.main table th h2, section.content article.main table th h3, section.content article.main table th h4, section.content article.main table th p, section.content article.main table th ul, section.content article.main table th li, section.content article.main table td h1, section.content article.main table td h2, section.content article.main table td h3, section.content article.main table td h4, section.content article.main table td p, section.content article.main table td ul, section.content article.main table td li { margin: 0 !important; } section.content article.main article.blog-summary { clear: both; margin: 0 0 20px 0; } section.content article.main article.blog-summary:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html section.content article.main article.blog-summary { height: 1px; } section.content article.main article.blog-summary h1 { font-size: 24px; line-height: 30px; margin: 0 !important; } section.content article.main article.blog-summary p { margin: 0 !important; } section.content article.main article.blog-summary p.authorDate { color: #888B8D; font-size: 14px; line-height: 20px; margin: 0 0 5px 0 !important; } section.content article.main article.blog-summary a.image { border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px, inset rgba(0, 0, 0, 0.3) 0 -2px 2px; -o-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px, inset rgba(0, 0, 0, 0.3) 0 -2px 2px; -ms-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px, inset rgba(0, 0, 0, 0.3) 0 -2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px, inset rgba(0, 0, 0, 0.3) 0 -2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px, inset rgba(0, 0, 0, 0.3) 0 -2px 2px; overflow: hidden; } section.content article.main article.blog-summary a.image img { border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; float: left; margin: 0 20px 0 0; } section.content article.main div.sponsor-list { border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 10px 0 20px 0; padding: 0; clear: both; } section.content article.main div.sponsor-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html section.content article.main div.sponsor-list { height: 1px; } section.content article.main div.sponsor-list div.sponsor-list-item { display: inline; float: left; height: auto; width: 100%; text-align: center; } section.content article.main div.sponsor-list div.sponsor-list-item img { height: auto; margin: 0 auto; max-width: 100%; } section.content article.main div.sponsor-list.sponsor-list-undefined div.sponsor-list-item { padding: 2%; width: 21%; } section.content article.main div.sponsor-list.sponsor-list-undefined div.sponsor-list-item:nth-child(4n+1) { clear: left; } section.content article.main div.sponsor-list.sponsor-list-three div.sponsor-list-item { padding: 2%; width: 29%; } section.content article.main div.sponsor-list.sponsor-list-three div.sponsor-list-item:nth-child(3n+1) { clear: left; } section.content article.main div.sponsor-list.sponsor-list-four div.sponsor-list-item { padding: 2%; width: 21%; } section.content article.main div.sponsor-list.sponsor-list-four div.sponsor-list-item:nth-child(4n+1) { clear: left; } table th, table td { border: 0; } table th { text-align: left; } table td { text-align: left; } table thead td, table thead th { background: #00AFD7; color: white; font-weight: bold; } table tbody th { background: #C4D600; color: white; font-weight: bold; } table tbody td, table tbody th { border-bottom: 1px solid #c9cacb; } table tbody tr:nth-child(2n) td { background: rgba(0, 0, 0, 0.1); } table.vanilla thead td, table.vanilla thead th { background: transparent !important; border: 0; color: #494b4c; } table.vanilla tbody td, table.vanilla tbody th { background: transparent !important; border: 0; color: #494b4c; } .bucket { display: inline; float: left; height: auto; width: 100%; background: #f0f1f1; overflow: hidden; padding: 0; } .bucket h1, .bucket h2, .bucket h3, .bucket h4, .bucket h5, .bucket h6, .bucket p, .bucket blockquote, .bucket ol, .bucket ul, .bucket hgroup, .bucket hr { display: block; float: none; margin: 0px 0px 15px 0px; width: auto; } .bucket .fl { float: left; margin: 0px 25px 15px 0px; } .bucket .fr { float: right; margin: 0px 0px 15px 25px; } .bucket img.left { float: left; margin: 5px 20px 15px 0px; } .bucket img.right { float: right; margin: 5px 0px 15px 20px; } .bucket table { display: table; width: 100%; } .bucket p.title { background: #494b4c; color: white; font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 800; line-height: 24px; margin-bottom: 0 !important; padding: 15px; text-align: center; } .bucket p.title:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .bucket p.title { height: 1px; } .bucket p.image { margin-bottom: 0; } .bucket p.image img { display: block; height: auto; width: 100%; } .bucket div.text { clear: both; padding: 15px; } .bucket div.text:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .bucket div.text { height: 1px; } .bucket div.text h1, .bucket div.text h2, .bucket div.text h3, .bucket div.text h4, .bucket div.text h5, .bucket div.text h6, .bucket div.text p, .bucket div.text blockquote, .bucket div.text ol, .bucket div.text ul, .bucket div.text hgroup, .bucket div.text hr { display: block; float: none; margin: 0px 0px 15px 0px; width: auto; } .bucket div.text .fl { float: left; margin: 0px 25px 15px 0px; } .bucket div.text .fr { float: right; margin: 0px 0px 15px 25px; } .bucket div.text img.left { float: left; margin: 5px 20px 15px 0px; } .bucket div.text img.right { float: right; margin: 5px 0px 15px 20px; } .bucket div.text table { display: table; width: 100%; } .bucket div.text p { color: #494b4c; font-size: 13px; line-height: 18px; } .bucket div.text a.button { box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; border: 0; color: #494b4c; cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0px; padding: 7px 15px; position: relative; text-align: center; text-decoration: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; color: black; background: white; clear: both; display: block; margin: 0; } .bucket div.text a.button:hover, .bucket div.text a.button:focus { box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); color: white; background: #494b4c; } .bucket div.text a.button.grey { background: #494b4c; color: white; } .bucket div.text a.button.grey:hover, .bucket div.text a.button.grey:focus { background: #626566; color: white; } .bucket div.text a.button.brightgreen { background: #C4D600; color: #494b4c; } .bucket div.text a.button.brightgreen:hover, .bucket div.text a.button.brightgreen:focus { background: #dbf000; color: #494b4c; } .bucket div.text a.button.green, .bucket div.text a.button.habitat-green { background: #43B02A; color: white; } .bucket div.text a.button.green:hover, .bucket div.text a.button.green:focus, .bucket div.text a.button.habitat-green:hover, .bucket div.text a.button.habitat-green:focus { background: #58d13c; color: white; } .bucket div.text a.button.brightblue { background: #00AFD7; color: white; } .bucket div.text a.button.brightblue:hover, .bucket div.text a.button.brightblue:focus { background: #00c4f1; color: white; } .bucket div.text a.button.blue, .bucket div.text a.button.habitat-blue { background: #385988; color: white; } .bucket div.text a.button.blue:hover, .bucket div.text a.button.blue:focus, .bucket div.text a.button.habitat-blue:hover, .bucket div.text a.button.habitat-blue:focus { background: #4771ac; color: white; } .bucket div.text a.button.orange { background: #FF671F; color: white; } .bucket div.text a.button.orange:hover, .bucket div.text a.button.orange:focus { background: #ff8a52; color: white; } .bucket div.text a.button.red, .bucket div.text a.button.brick { background: #A4343A; color: white; } .bucket div.text a.button.red:hover, .bucket div.text a.button.red:focus, .bucket div.text a.button.brick:hover, .bucket div.text a.button.brick:focus { background: #c4474d; color: white; } .bucket div.text a.button.black { background: black; color: white; } .bucket div.text a.button.black:hover, .bucket div.text a.button.black:focus { background: #494b4c; color: white; } .bucket div.text a.button.grey-inverted { color: #494b4c; background: white; } .bucket div.text a.button.grey-inverted:hover, .bucket div.text a.button.grey-inverted:focus { color: #494b4c; background: #afb1b2; } .bucket div.text a.button.green-inverted, .bucket div.text a.button.habitat-green-inverted { color: #43B02A; background: white; } .bucket div.text a.button.green-inverted:hover, .bucket div.text a.button.green-inverted:focus, .bucket div.text a.button.habitat-green-inverted:hover, .bucket div.text a.button.habitat-green-inverted:focus { color: #43B02A; background: #c2eeb8; } .bucket div.text a.button.blue-inverted, .bucket div.text a.button.habitat-blue-inverted { color: #385988; background: white; } .bucket div.text a.button.blue-inverted:hover, .bucket div.text a.button.blue-inverted:focus, .bucket div.text a.button.habitat-blue-inverted:hover, .bucket div.text a.button.habitat-blue-inverted:focus { color: #385988; background: #aec2de; } .bucket div.text a.button.brightgreen-inverted { color: #C4D600; background: white; } .bucket div.text a.button.brightgreen-inverted:hover, .bucket div.text a.button.brightgreen-inverted:focus { color: #C4D600; background: #f7ffa3; } .bucket div.text a.button.brightblue-inverted { color: #00AFD7; background: white; } .bucket div.text a.button.brightblue-inverted:hover, .bucket div.text a.button.brightblue-inverted:focus { color: #00AFD7; background: #a4eeff; } .bucket div.text a.button.orange-inverted { color: #FF671F; background: white; } .bucket div.text a.button.orange-inverted:hover, .bucket div.text a.button.orange-inverted:focus { color: #FF671F; background: #ffcfb8; } .bucket div.text a.button.red-inverted, .bucket div.text a.button.brick-inverted { color: #A4343A; background: white; } .bucket div.text a.button.red-inverted:hover, .bucket div.text a.button.red-inverted:focus, .bucket div.text a.button.brick-inverted:hover, .bucket div.text a.button.brick-inverted:focus { color: #A4343A; background: #e9bbbd; } .bucket div.text a.button:hover, .bucket div.text a.button:focus { color: black; background: #f0f1f1; } .bucket div.text a.button.black-inverted { color: black; background: white; } .bucket div.text a.button.black-inverted:hover, .bucket div.text a.button.black-inverted:focus { color: black; background: #f0f1f1; } .bucket div.text a.button i { margin-left: 7px; } .bucket div.text a.button.block { display: block; } .bucket div.text a.button.small { height: 28px; font-size: 12px; line-height: 24px; padding: 2px 10px; } .bucket div.text a.button.small:after { content: ""; } .bucket div.text a.button.go { font-family: "FontAwesome"; } .bucket div.text a.button.go:after { content: ""; } .bucket.habitat-blue p.title, .bucket.blue p.title { background: #385988; } .bucket.habitat-blue div.text, .bucket.blue div.text { background: #385988; } .bucket.habitat-blue div.text p, .bucket.blue div.text p { color: white; } .bucket.habitat-blue div.text a.button, .bucket.blue div.text a.button { box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; border: 0; color: #494b4c; cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0px; padding: 7px 15px; position: relative; text-align: center; text-decoration: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; color: #385988; background: white; margin: 0; display: block; } .bucket.habitat-blue div.text a.button:hover, .bucket.habitat-blue div.text a.button:focus, .bucket.blue div.text a.button:hover, .bucket.blue div.text a.button:focus { box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); color: white; background: #494b4c; } .bucket.habitat-blue div.text a.button.grey, .bucket.blue div.text a.button.grey { background: #494b4c; color: white; } .bucket.habitat-blue div.text a.button.grey:hover, .bucket.habitat-blue div.text a.button.grey:focus, .bucket.blue div.text a.button.grey:hover, .bucket.blue div.text a.button.grey:focus { background: #626566; color: white; } .bucket.habitat-blue div.text a.button.brightgreen, .bucket.blue div.text a.button.brightgreen { background: #C4D600; color: #494b4c; } .bucket.habitat-blue div.text a.button.brightgreen:hover, .bucket.habitat-blue div.text a.button.brightgreen:focus, .bucket.blue div.text a.button.brightgreen:hover, .bucket.blue div.text a.button.brightgreen:focus { background: #dbf000; color: #494b4c; } .bucket.habitat-blue div.text a.button.green, .bucket.habitat-blue div.text a.button.habitat-green, .bucket.blue div.text a.button.green, .bucket.blue div.text a.button.habitat-green { background: #43B02A; color: white; } .bucket.habitat-blue div.text a.button.green:hover, .bucket.habitat-blue div.text a.button.green:focus, .bucket.habitat-blue div.text a.button.habitat-green:hover, .bucket.habitat-blue div.text a.button.habitat-green:focus, .bucket.blue div.text a.button.green:hover, .bucket.blue div.text a.button.green:focus, .bucket.blue div.text a.button.habitat-green:hover, .bucket.blue div.text a.button.habitat-green:focus { background: #58d13c; color: white; } .bucket.habitat-blue div.text a.button.brightblue, .bucket.blue div.text a.button.brightblue { background: #00AFD7; color: white; } .bucket.habitat-blue div.text a.button.brightblue:hover, .bucket.habitat-blue div.text a.button.brightblue:focus, .bucket.blue div.text a.button.brightblue:hover, .bucket.blue div.text a.button.brightblue:focus { background: #00c4f1; color: white; } .bucket.habitat-blue div.text a.button.blue, .bucket.habitat-blue div.text a.button.habitat-blue, .bucket.blue div.text a.button.blue, .bucket.blue div.text a.button.habitat-blue { background: #385988; color: white; } .bucket.habitat-blue div.text a.button.blue:hover, .bucket.habitat-blue div.text a.button.blue:focus, .bucket.habitat-blue div.text a.button.habitat-blue:hover, .bucket.habitat-blue div.text a.button.habitat-blue:focus, .bucket.blue div.text a.button.blue:hover, .bucket.blue div.text a.button.blue:focus, .bucket.blue div.text a.button.habitat-blue:hover, .bucket.blue div.text a.button.habitat-blue:focus { background: #4771ac; color: white; } .bucket.habitat-blue div.text a.button.orange, .bucket.blue div.text a.button.orange { background: #FF671F; color: white; } .bucket.habitat-blue div.text a.button.orange:hover, .bucket.habitat-blue div.text a.button.orange:focus, .bucket.blue div.text a.button.orange:hover, .bucket.blue div.text a.button.orange:focus { background: #ff8a52; color: white; } .bucket.habitat-blue div.text a.button.red, .bucket.habitat-blue div.text a.button.brick, .bucket.blue div.text a.button.red, .bucket.blue div.text a.button.brick { background: #A4343A; color: white; } .bucket.habitat-blue div.text a.button.red:hover, .bucket.habitat-blue div.text a.button.red:focus, .bucket.habitat-blue div.text a.button.brick:hover, .bucket.habitat-blue div.text a.button.brick:focus, .bucket.blue div.text a.button.red:hover, .bucket.blue div.text a.button.red:focus, .bucket.blue div.text a.button.brick:hover, .bucket.blue div.text a.button.brick:focus { background: #c4474d; color: white; } .bucket.habitat-blue div.text a.button.black, .bucket.blue div.text a.button.black { background: black; color: white; } .bucket.habitat-blue div.text a.button.black:hover, .bucket.habitat-blue div.text a.button.black:focus, .bucket.blue div.text a.button.black:hover, .bucket.blue div.text a.button.black:focus { background: #494b4c; color: white; } .bucket.habitat-blue div.text a.button.grey-inverted, .bucket.blue div.text a.button.grey-inverted { color: #494b4c; background: white; } .bucket.habitat-blue div.text a.button.grey-inverted:hover, .bucket.habitat-blue div.text a.button.grey-inverted:focus, .bucket.blue div.text a.button.grey-inverted:hover, .bucket.blue div.text a.button.grey-inverted:focus { color: #494b4c; background: #afb1b2; } .bucket.habitat-blue div.text a.button.green-inverted, .bucket.habitat-blue div.text a.button.habitat-green-inverted, .bucket.blue div.text a.button.green-inverted, .bucket.blue div.text a.button.habitat-green-inverted { color: #43B02A; background: white; } .bucket.habitat-blue div.text a.button.green-inverted:hover, .bucket.habitat-blue div.text a.button.green-inverted:focus, .bucket.habitat-blue div.text a.button.habitat-green-inverted:hover, .bucket.habitat-blue div.text a.button.habitat-green-inverted:focus, .bucket.blue div.text a.button.green-inverted:hover, .bucket.blue div.text a.button.green-inverted:focus, .bucket.blue div.text a.button.habitat-green-inverted:hover, .bucket.blue div.text a.button.habitat-green-inverted:focus { color: #43B02A; background: #c2eeb8; } .bucket.habitat-blue div.text a.button:hover, .bucket.habitat-blue div.text a.button:focus, .bucket.blue div.text a.button:hover, .bucket.blue div.text a.button:focus { color: #385988; background: #aec2de; } .bucket.habitat-blue div.text a.button.blue-inverted, .bucket.habitat-blue div.text a.button.habitat-blue-inverted, .bucket.blue div.text a.button.blue-inverted, .bucket.blue div.text a.button.habitat-blue-inverted { color: #385988; background: white; } .bucket.habitat-blue div.text a.button.blue-inverted:hover, .bucket.habitat-blue div.text a.button.blue-inverted:focus, .bucket.habitat-blue div.text a.button.habitat-blue-inverted:hover, .bucket.habitat-blue div.text a.button.habitat-blue-inverted:focus, .bucket.blue div.text a.button.blue-inverted:hover, .bucket.blue div.text a.button.blue-inverted:focus, .bucket.blue div.text a.button.habitat-blue-inverted:hover, .bucket.blue div.text a.button.habitat-blue-inverted:focus { color: #385988; background: #aec2de; } .bucket.habitat-blue div.text a.button.brightgreen-inverted, .bucket.blue div.text a.button.brightgreen-inverted { color: #C4D600; background: white; } .bucket.habitat-blue div.text a.button.brightgreen-inverted:hover, .bucket.habitat-blue div.text a.button.brightgreen-inverted:focus, .bucket.blue div.text a.button.brightgreen-inverted:hover, .bucket.blue div.text a.button.brightgreen-inverted:focus { color: #C4D600; background: #f7ffa3; } .bucket.habitat-blue div.text a.button.brightblue-inverted, .bucket.blue div.text a.button.brightblue-inverted { color: #00AFD7; background: white; } .bucket.habitat-blue div.text a.button.brightblue-inverted:hover, .bucket.habitat-blue div.text a.button.brightblue-inverted:focus, .bucket.blue div.text a.button.brightblue-inverted:hover, .bucket.blue div.text a.button.brightblue-inverted:focus { color: #00AFD7; background: #a4eeff; } .bucket.habitat-blue div.text a.button.orange-inverted, .bucket.blue div.text a.button.orange-inverted { color: #FF671F; background: white; } .bucket.habitat-blue div.text a.button.orange-inverted:hover, .bucket.habitat-blue div.text a.button.orange-inverted:focus, .bucket.blue div.text a.button.orange-inverted:hover, .bucket.blue div.text a.button.orange-inverted:focus { color: #FF671F; background: #ffcfb8; } .bucket.habitat-blue div.text a.button.red-inverted, .bucket.habitat-blue div.text a.button.brick-inverted, .bucket.blue div.text a.button.red-inverted, .bucket.blue div.text a.button.brick-inverted { color: #A4343A; background: white; } .bucket.habitat-blue div.text a.button.red-inverted:hover, .bucket.habitat-blue div.text a.button.red-inverted:focus, .bucket.habitat-blue div.text a.button.brick-inverted:hover, .bucket.habitat-blue div.text a.button.brick-inverted:focus, .bucket.blue div.text a.button.red-inverted:hover, .bucket.blue div.text a.button.red-inverted:focus, .bucket.blue div.text a.button.brick-inverted:hover, .bucket.blue div.text a.button.brick-inverted:focus { color: #A4343A; background: #e9bbbd; } .bucket.habitat-blue div.text a.button.black-inverted, .bucket.blue div.text a.button.black-inverted { color: black; background: white; } .bucket.habitat-blue div.text a.button.black-inverted:hover, .bucket.habitat-blue div.text a.button.black-inverted:focus, .bucket.blue div.text a.button.black-inverted:hover, .bucket.blue div.text a.button.black-inverted:focus { color: black; background: #f0f1f1; } .bucket.habitat-blue div.text a.button i, .bucket.blue div.text a.button i { margin-left: 7px; } .bucket.habitat-blue div.text a.button.block, .bucket.blue div.text a.button.block { display: block; } .bucket.habitat-blue div.text a.button.small, .bucket.blue div.text a.button.small { height: 28px; font-size: 12px; line-height: 24px; padding: 2px 10px; } .bucket.habitat-blue div.text a.button.small:after, .bucket.blue div.text a.button.small:after { content: ""; } .bucket.habitat-blue div.text a.button.go, .bucket.blue div.text a.button.go { font-family: "FontAwesome"; } .bucket.habitat-blue div.text a.button.go:after, .bucket.blue div.text a.button.go:after { content: ""; } .bucket.brightblue p.title { background: #00AFD7; } .bucket.brightblue div.text { background: #00AFD7; } .bucket.brightblue div.text p { color: white; } .bucket.brightblue div.text a.button { box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; border: 0; color: #494b4c; cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0px; padding: 7px 15px; position: relative; text-align: center; text-decoration: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; color: #00AFD7; background: white; margin: 0; display: block; } .bucket.brightblue div.text a.button:hover, .bucket.brightblue div.text a.button:focus { box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); color: white; background: #494b4c; } .bucket.brightblue div.text a.button.grey { background: #494b4c; color: white; } .bucket.brightblue div.text a.button.grey:hover, .bucket.brightblue div.text a.button.grey:focus { background: #626566; color: white; } .bucket.brightblue div.text a.button.brightgreen { background: #C4D600; color: #494b4c; } .bucket.brightblue div.text a.button.brightgreen:hover, .bucket.brightblue div.text a.button.brightgreen:focus { background: #dbf000; color: #494b4c; } .bucket.brightblue div.text a.button.green, .bucket.brightblue div.text a.button.habitat-green { background: #43B02A; color: white; } .bucket.brightblue div.text a.button.green:hover, .bucket.brightblue div.text a.button.green:focus, .bucket.brightblue div.text a.button.habitat-green:hover, .bucket.brightblue div.text a.button.habitat-green:focus { background: #58d13c; color: white; } .bucket.brightblue div.text a.button.brightblue { background: #00AFD7; color: white; } .bucket.brightblue div.text a.button.brightblue:hover, .bucket.brightblue div.text a.button.brightblue:focus { background: #00c4f1; color: white; } .bucket.brightblue div.text a.button.blue, .bucket.brightblue div.text a.button.habitat-blue { background: #385988; color: white; } .bucket.brightblue div.text a.button.blue:hover, .bucket.brightblue div.text a.button.blue:focus, .bucket.brightblue div.text a.button.habitat-blue:hover, .bucket.brightblue div.text a.button.habitat-blue:focus { background: #4771ac; color: white; } .bucket.brightblue div.text a.button.orange { background: #FF671F; color: white; } .bucket.brightblue div.text a.button.orange:hover, .bucket.brightblue div.text a.button.orange:focus { background: #ff8a52; color: white; } .bucket.brightblue div.text a.button.red, .bucket.brightblue div.text a.button.brick { background: #A4343A; color: white; } .bucket.brightblue div.text a.button.red:hover, .bucket.brightblue div.text a.button.red:focus, .bucket.brightblue div.text a.button.brick:hover, .bucket.brightblue div.text a.button.brick:focus { background: #c4474d; color: white; } .bucket.brightblue div.text a.button.black { background: black; color: white; } .bucket.brightblue div.text a.button.black:hover, .bucket.brightblue div.text a.button.black:focus { background: #494b4c; color: white; } .bucket.brightblue div.text a.button.grey-inverted { color: #494b4c; background: white; } .bucket.brightblue div.text a.button.grey-inverted:hover, .bucket.brightblue div.text a.button.grey-inverted:focus { color: #494b4c; background: #afb1b2; } .bucket.brightblue div.text a.button.green-inverted, .bucket.brightblue div.text a.button.habitat-green-inverted { color: #43B02A; background: white; } .bucket.brightblue div.text a.button.green-inverted:hover, .bucket.brightblue div.text a.button.green-inverted:focus, .bucket.brightblue div.text a.button.habitat-green-inverted:hover, .bucket.brightblue div.text a.button.habitat-green-inverted:focus { color: #43B02A; background: #c2eeb8; } .bucket.brightblue div.text a.button.blue-inverted, .bucket.brightblue div.text a.button.habitat-blue-inverted { color: #385988; background: white; } .bucket.brightblue div.text a.button.blue-inverted:hover, .bucket.brightblue div.text a.button.blue-inverted:focus, .bucket.brightblue div.text a.button.habitat-blue-inverted:hover, .bucket.brightblue div.text a.button.habitat-blue-inverted:focus { color: #385988; background: #aec2de; } .bucket.brightblue div.text a.button.brightgreen-inverted { color: #C4D600; background: white; } .bucket.brightblue div.text a.button.brightgreen-inverted:hover, .bucket.brightblue div.text a.button.brightgreen-inverted:focus { color: #C4D600; background: #f7ffa3; } .bucket.brightblue div.text a.button:hover, .bucket.brightblue div.text a.button:focus { color: #00AFD7; background: #a4eeff; } .bucket.brightblue div.text a.button.brightblue-inverted { color: #00AFD7; background: white; } .bucket.brightblue div.text a.button.brightblue-inverted:hover, .bucket.brightblue div.text a.button.brightblue-inverted:focus { color: #00AFD7; background: #a4eeff; } .bucket.brightblue div.text a.button.orange-inverted { color: #FF671F; background: white; } .bucket.brightblue div.text a.button.orange-inverted:hover, .bucket.brightblue div.text a.button.orange-inverted:focus { color: #FF671F; background: #ffcfb8; } .bucket.brightblue div.text a.button.red-inverted, .bucket.brightblue div.text a.button.brick-inverted { color: #A4343A; background: white; } .bucket.brightblue div.text a.button.red-inverted:hover, .bucket.brightblue div.text a.button.red-inverted:focus, .bucket.brightblue div.text a.button.brick-inverted:hover, .bucket.brightblue div.text a.button.brick-inverted:focus { color: #A4343A; background: #e9bbbd; } .bucket.brightblue div.text a.button.black-inverted { color: black; background: white; } .bucket.brightblue div.text a.button.black-inverted:hover, .bucket.brightblue div.text a.button.black-inverted:focus { color: black; background: #f0f1f1; } .bucket.brightblue div.text a.button i { margin-left: 7px; } .bucket.brightblue div.text a.button.block { display: block; } .bucket.brightblue div.text a.button.small { height: 28px; font-size: 12px; line-height: 24px; padding: 2px 10px; } .bucket.brightblue div.text a.button.small:after { content: ""; } .bucket.brightblue div.text a.button.go { font-family: "FontAwesome"; } .bucket.brightblue div.text a.button.go:after { content: ""; } .bucket.habitat-green p.title, .bucket.green p.title { background: #43B02A; } .bucket.habitat-green div.text, .bucket.green div.text { background: #43B02A; } .bucket.habitat-green div.text p, .bucket.green div.text p { color: white; } .bucket.habitat-green div.text a.button, .bucket.green div.text a.button { box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; border: 0; color: #494b4c; cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0px; padding: 7px 15px; position: relative; text-align: center; text-decoration: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; color: #43B02A; background: white; margin: 0; display: block; } .bucket.habitat-green div.text a.button:hover, .bucket.habitat-green div.text a.button:focus, .bucket.green div.text a.button:hover, .bucket.green div.text a.button:focus { box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); color: white; background: #494b4c; } .bucket.habitat-green div.text a.button.grey, .bucket.green div.text a.button.grey { background: #494b4c; color: white; } .bucket.habitat-green div.text a.button.grey:hover, .bucket.habitat-green div.text a.button.grey:focus, .bucket.green div.text a.button.grey:hover, .bucket.green div.text a.button.grey:focus { background: #626566; color: white; } .bucket.habitat-green div.text a.button.brightgreen, .bucket.green div.text a.button.brightgreen { background: #C4D600; color: #494b4c; } .bucket.habitat-green div.text a.button.brightgreen:hover, .bucket.habitat-green div.text a.button.brightgreen:focus, .bucket.green div.text a.button.brightgreen:hover, .bucket.green div.text a.button.brightgreen:focus { background: #dbf000; color: #494b4c; } .bucket.habitat-green div.text a.button.green, .bucket.habitat-green div.text a.button.habitat-green, .bucket.green div.text a.button.green, .bucket.green div.text a.button.habitat-green { background: #43B02A; color: white; } .bucket.habitat-green div.text a.button.green:hover, .bucket.habitat-green div.text a.button.green:focus, .bucket.habitat-green div.text a.button.habitat-green:hover, .bucket.habitat-green div.text a.button.habitat-green:focus, .bucket.green div.text a.button.green:hover, .bucket.green div.text a.button.green:focus, .bucket.green div.text a.button.habitat-green:hover, .bucket.green div.text a.button.habitat-green:focus { background: #58d13c; color: white; } .bucket.habitat-green div.text a.button.brightblue, .bucket.green div.text a.button.brightblue { background: #00AFD7; color: white; } .bucket.habitat-green div.text a.button.brightblue:hover, .bucket.habitat-green div.text a.button.brightblue:focus, .bucket.green div.text a.button.brightblue:hover, .bucket.green div.text a.button.brightblue:focus { background: #00c4f1; color: white; } .bucket.habitat-green div.text a.button.blue, .bucket.habitat-green div.text a.button.habitat-blue, .bucket.green div.text a.button.blue, .bucket.green div.text a.button.habitat-blue { background: #385988; color: white; } .bucket.habitat-green div.text a.button.blue:hover, .bucket.habitat-green div.text a.button.blue:focus, .bucket.habitat-green div.text a.button.habitat-blue:hover, .bucket.habitat-green div.text a.button.habitat-blue:focus, .bucket.green div.text a.button.blue:hover, .bucket.green div.text a.button.blue:focus, .bucket.green div.text a.button.habitat-blue:hover, .bucket.green div.text a.button.habitat-blue:focus { background: #4771ac; color: white; } .bucket.habitat-green div.text a.button.orange, .bucket.green div.text a.button.orange { background: #FF671F; color: white; } .bucket.habitat-green div.text a.button.orange:hover, .bucket.habitat-green div.text a.button.orange:focus, .bucket.green div.text a.button.orange:hover, .bucket.green div.text a.button.orange:focus { background: #ff8a52; color: white; } .bucket.habitat-green div.text a.button.red, .bucket.habitat-green div.text a.button.brick, .bucket.green div.text a.button.red, .bucket.green div.text a.button.brick { background: #A4343A; color: white; } .bucket.habitat-green div.text a.button.red:hover, .bucket.habitat-green div.text a.button.red:focus, .bucket.habitat-green div.text a.button.brick:hover, .bucket.habitat-green div.text a.button.brick:focus, .bucket.green div.text a.button.red:hover, .bucket.green div.text a.button.red:focus, .bucket.green div.text a.button.brick:hover, .bucket.green div.text a.button.brick:focus { background: #c4474d; color: white; } .bucket.habitat-green div.text a.button.black, .bucket.green div.text a.button.black { background: black; color: white; } .bucket.habitat-green div.text a.button.black:hover, .bucket.habitat-green div.text a.button.black:focus, .bucket.green div.text a.button.black:hover, .bucket.green div.text a.button.black:focus { background: #494b4c; color: white; } .bucket.habitat-green div.text a.button.grey-inverted, .bucket.green div.text a.button.grey-inverted { color: #494b4c; background: white; } .bucket.habitat-green div.text a.button.grey-inverted:hover, .bucket.habitat-green div.text a.button.grey-inverted:focus, .bucket.green div.text a.button.grey-inverted:hover, .bucket.green div.text a.button.grey-inverted:focus { color: #494b4c; background: #afb1b2; } .bucket.habitat-green div.text a.button:hover, .bucket.habitat-green div.text a.button:focus, .bucket.green div.text a.button:hover, .bucket.green div.text a.button:focus { color: #43B02A; background: #c2eeb8; } .bucket.habitat-green div.text a.button.green-inverted, .bucket.habitat-green div.text a.button.habitat-green-inverted, .bucket.green div.text a.button.green-inverted, .bucket.green div.text a.button.habitat-green-inverted { color: #43B02A; background: white; } .bucket.habitat-green div.text a.button.green-inverted:hover, .bucket.habitat-green div.text a.button.green-inverted:focus, .bucket.habitat-green div.text a.button.habitat-green-inverted:hover, .bucket.habitat-green div.text a.button.habitat-green-inverted:focus, .bucket.green div.text a.button.green-inverted:hover, .bucket.green div.text a.button.green-inverted:focus, .bucket.green div.text a.button.habitat-green-inverted:hover, .bucket.green div.text a.button.habitat-green-inverted:focus { color: #43B02A; background: #c2eeb8; } .bucket.habitat-green div.text a.button.blue-inverted, .bucket.habitat-green div.text a.button.habitat-blue-inverted, .bucket.green div.text a.button.blue-inverted, .bucket.green div.text a.button.habitat-blue-inverted { color: #385988; background: white; } .bucket.habitat-green div.text a.button.blue-inverted:hover, .bucket.habitat-green div.text a.button.blue-inverted:focus, .bucket.habitat-green div.text a.button.habitat-blue-inverted:hover, .bucket.habitat-green div.text a.button.habitat-blue-inverted:focus, .bucket.green div.text a.button.blue-inverted:hover, .bucket.green div.text a.button.blue-inverted:focus, .bucket.green div.text a.button.habitat-blue-inverted:hover, .bucket.green div.text a.button.habitat-blue-inverted:focus { color: #385988; background: #aec2de; } .bucket.habitat-green div.text a.button.brightgreen-inverted, .bucket.green div.text a.button.brightgreen-inverted { color: #C4D600; background: white; } .bucket.habitat-green div.text a.button.brightgreen-inverted:hover, .bucket.habitat-green div.text a.button.brightgreen-inverted:focus, .bucket.green div.text a.button.brightgreen-inverted:hover, .bucket.green div.text a.button.brightgreen-inverted:focus { color: #C4D600; background: #f7ffa3; } .bucket.habitat-green div.text a.button.brightblue-inverted, .bucket.green div.text a.button.brightblue-inverted { color: #00AFD7; background: white; } .bucket.habitat-green div.text a.button.brightblue-inverted:hover, .bucket.habitat-green div.text a.button.brightblue-inverted:focus, .bucket.green div.text a.button.brightblue-inverted:hover, .bucket.green div.text a.button.brightblue-inverted:focus { color: #00AFD7; background: #a4eeff; } .bucket.habitat-green div.text a.button.orange-inverted, .bucket.green div.text a.button.orange-inverted { color: #FF671F; background: white; } .bucket.habitat-green div.text a.button.orange-inverted:hover, .bucket.habitat-green div.text a.button.orange-inverted:focus, .bucket.green div.text a.button.orange-inverted:hover, .bucket.green div.text a.button.orange-inverted:focus { color: #FF671F; background: #ffcfb8; } .bucket.habitat-green div.text a.button.red-inverted, .bucket.habitat-green div.text a.button.brick-inverted, .bucket.green div.text a.button.red-inverted, .bucket.green div.text a.button.brick-inverted { color: #A4343A; background: white; } .bucket.habitat-green div.text a.button.red-inverted:hover, .bucket.habitat-green div.text a.button.red-inverted:focus, .bucket.habitat-green div.text a.button.brick-inverted:hover, .bucket.habitat-green div.text a.button.brick-inverted:focus, .bucket.green div.text a.button.red-inverted:hover, .bucket.green div.text a.button.red-inverted:focus, .bucket.green div.text a.button.brick-inverted:hover, .bucket.green div.text a.button.brick-inverted:focus { color: #A4343A; background: #e9bbbd; } .bucket.habitat-green div.text a.button.black-inverted, .bucket.green div.text a.button.black-inverted { color: black; background: white; } .bucket.habitat-green div.text a.button.black-inverted:hover, .bucket.habitat-green div.text a.button.black-inverted:focus, .bucket.green div.text a.button.black-inverted:hover, .bucket.green div.text a.button.black-inverted:focus { color: black; background: #f0f1f1; } .bucket.habitat-green div.text a.button i, .bucket.green div.text a.button i { margin-left: 7px; } .bucket.habitat-green div.text a.button.block, .bucket.green div.text a.button.block { display: block; } .bucket.habitat-green div.text a.button.small, .bucket.green div.text a.button.small { height: 28px; font-size: 12px; line-height: 24px; padding: 2px 10px; } .bucket.habitat-green div.text a.button.small:after, .bucket.green div.text a.button.small:after { content: ""; } .bucket.habitat-green div.text a.button.go, .bucket.green div.text a.button.go { font-family: "FontAwesome"; } .bucket.habitat-green div.text a.button.go:after, .bucket.green div.text a.button.go:after { content: ""; } .bucket.brightgreen p.title { background: #C4D600; } .bucket.brightgreen div.text { background: #C4D600; } .bucket.brightgreen div.text a.button { box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; border: 0; color: #494b4c; cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0px; padding: 7px 15px; position: relative; text-align: center; text-decoration: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; color: #C4D600; background: white; margin: 0; display: block; } .bucket.brightgreen div.text a.button:hover, .bucket.brightgreen div.text a.button:focus { box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); color: white; background: #494b4c; } .bucket.brightgreen div.text a.button.grey { background: #494b4c; color: white; } .bucket.brightgreen div.text a.button.grey:hover, .bucket.brightgreen div.text a.button.grey:focus { background: #626566; color: white; } .bucket.brightgreen div.text a.button.brightgreen { background: #C4D600; color: #494b4c; } .bucket.brightgreen div.text a.button.brightgreen:hover, .bucket.brightgreen div.text a.button.brightgreen:focus { background: #dbf000; color: #494b4c; } .bucket.brightgreen div.text a.button.green, .bucket.brightgreen div.text a.button.habitat-green { background: #43B02A; color: white; } .bucket.brightgreen div.text a.button.green:hover, .bucket.brightgreen div.text a.button.green:focus, .bucket.brightgreen div.text a.button.habitat-green:hover, .bucket.brightgreen div.text a.button.habitat-green:focus { background: #58d13c; color: white; } .bucket.brightgreen div.text a.button.brightblue { background: #00AFD7; color: white; } .bucket.brightgreen div.text a.button.brightblue:hover, .bucket.brightgreen div.text a.button.brightblue:focus { background: #00c4f1; color: white; } .bucket.brightgreen div.text a.button.blue, .bucket.brightgreen div.text a.button.habitat-blue { background: #385988; color: white; } .bucket.brightgreen div.text a.button.blue:hover, .bucket.brightgreen div.text a.button.blue:focus, .bucket.brightgreen div.text a.button.habitat-blue:hover, .bucket.brightgreen div.text a.button.habitat-blue:focus { background: #4771ac; color: white; } .bucket.brightgreen div.text a.button.orange { background: #FF671F; color: white; } .bucket.brightgreen div.text a.button.orange:hover, .bucket.brightgreen div.text a.button.orange:focus { background: #ff8a52; color: white; } .bucket.brightgreen div.text a.button.red, .bucket.brightgreen div.text a.button.brick { background: #A4343A; color: white; } .bucket.brightgreen div.text a.button.red:hover, .bucket.brightgreen div.text a.button.red:focus, .bucket.brightgreen div.text a.button.brick:hover, .bucket.brightgreen div.text a.button.brick:focus { background: #c4474d; color: white; } .bucket.brightgreen div.text a.button.black { background: black; color: white; } .bucket.brightgreen div.text a.button.black:hover, .bucket.brightgreen div.text a.button.black:focus { background: #494b4c; color: white; } .bucket.brightgreen div.text a.button.grey-inverted { color: #494b4c; background: white; } .bucket.brightgreen div.text a.button.grey-inverted:hover, .bucket.brightgreen div.text a.button.grey-inverted:focus { color: #494b4c; background: #afb1b2; } .bucket.brightgreen div.text a.button.green-inverted, .bucket.brightgreen div.text a.button.habitat-green-inverted { color: #43B02A; background: white; } .bucket.brightgreen div.text a.button.green-inverted:hover, .bucket.brightgreen div.text a.button.green-inverted:focus, .bucket.brightgreen div.text a.button.habitat-green-inverted:hover, .bucket.brightgreen div.text a.button.habitat-green-inverted:focus { color: #43B02A; background: #c2eeb8; } .bucket.brightgreen div.text a.button.blue-inverted, .bucket.brightgreen div.text a.button.habitat-blue-inverted { color: #385988; background: white; } .bucket.brightgreen div.text a.button.blue-inverted:hover, .bucket.brightgreen div.text a.button.blue-inverted:focus, .bucket.brightgreen div.text a.button.habitat-blue-inverted:hover, .bucket.brightgreen div.text a.button.habitat-blue-inverted:focus { color: #385988; background: #aec2de; } .bucket.brightgreen div.text a.button:hover, .bucket.brightgreen div.text a.button:focus { color: #C4D600; background: #f7ffa3; } .bucket.brightgreen div.text a.button.brightgreen-inverted { color: #C4D600; background: white; } .bucket.brightgreen div.text a.button.brightgreen-inverted:hover, .bucket.brightgreen div.text a.button.brightgreen-inverted:focus { color: #C4D600; background: #f7ffa3; } .bucket.brightgreen div.text a.button.brightblue-inverted { color: #00AFD7; background: white; } .bucket.brightgreen div.text a.button.brightblue-inverted:hover, .bucket.brightgreen div.text a.button.brightblue-inverted:focus { color: #00AFD7; background: #a4eeff; } .bucket.brightgreen div.text a.button.orange-inverted { color: #FF671F; background: white; } .bucket.brightgreen div.text a.button.orange-inverted:hover, .bucket.brightgreen div.text a.button.orange-inverted:focus { color: #FF671F; background: #ffcfb8; } .bucket.brightgreen div.text a.button.red-inverted, .bucket.brightgreen div.text a.button.brick-inverted { color: #A4343A; background: white; } .bucket.brightgreen div.text a.button.red-inverted:hover, .bucket.brightgreen div.text a.button.red-inverted:focus, .bucket.brightgreen div.text a.button.brick-inverted:hover, .bucket.brightgreen div.text a.button.brick-inverted:focus { color: #A4343A; background: #e9bbbd; } .bucket.brightgreen div.text a.button.black-inverted { color: black; background: white; } .bucket.brightgreen div.text a.button.black-inverted:hover, .bucket.brightgreen div.text a.button.black-inverted:focus { color: black; background: #f0f1f1; } .bucket.brightgreen div.text a.button i { margin-left: 7px; } .bucket.brightgreen div.text a.button.block { display: block; } .bucket.brightgreen div.text a.button.small { height: 28px; font-size: 12px; line-height: 24px; padding: 2px 10px; } .bucket.brightgreen div.text a.button.small:after { content: ""; } .bucket.brightgreen div.text a.button.go { font-family: "FontAwesome"; } .bucket.brightgreen div.text a.button.go:after { content: ""; } .bucket.orange p.title { background: #FF671F; } .bucket.orange div.text { background: #FF671F; } .bucket.orange div.text p { color: white; } .bucket.orange div.text a.button { box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; border: 0; color: #494b4c; cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0px; padding: 7px 15px; position: relative; text-align: center; text-decoration: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; color: #FF671F; background: white; margin: 0; display: block; } .bucket.orange div.text a.button:hover, .bucket.orange div.text a.button:focus { box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); color: white; background: #494b4c; } .bucket.orange div.text a.button.grey { background: #494b4c; color: white; } .bucket.orange div.text a.button.grey:hover, .bucket.orange div.text a.button.grey:focus { background: #626566; color: white; } .bucket.orange div.text a.button.brightgreen { background: #C4D600; color: #494b4c; } .bucket.orange div.text a.button.brightgreen:hover, .bucket.orange div.text a.button.brightgreen:focus { background: #dbf000; color: #494b4c; } .bucket.orange div.text a.button.green, .bucket.orange div.text a.button.habitat-green { background: #43B02A; color: white; } .bucket.orange div.text a.button.green:hover, .bucket.orange div.text a.button.green:focus, .bucket.orange div.text a.button.habitat-green:hover, .bucket.orange div.text a.button.habitat-green:focus { background: #58d13c; color: white; } .bucket.orange div.text a.button.brightblue { background: #00AFD7; color: white; } .bucket.orange div.text a.button.brightblue:hover, .bucket.orange div.text a.button.brightblue:focus { background: #00c4f1; color: white; } .bucket.orange div.text a.button.blue, .bucket.orange div.text a.button.habitat-blue { background: #385988; color: white; } .bucket.orange div.text a.button.blue:hover, .bucket.orange div.text a.button.blue:focus, .bucket.orange div.text a.button.habitat-blue:hover, .bucket.orange div.text a.button.habitat-blue:focus { background: #4771ac; color: white; } .bucket.orange div.text a.button.orange { background: #FF671F; color: white; } .bucket.orange div.text a.button.orange:hover, .bucket.orange div.text a.button.orange:focus { background: #ff8a52; color: white; } .bucket.orange div.text a.button.red, .bucket.orange div.text a.button.brick { background: #A4343A; color: white; } .bucket.orange div.text a.button.red:hover, .bucket.orange div.text a.button.red:focus, .bucket.orange div.text a.button.brick:hover, .bucket.orange div.text a.button.brick:focus { background: #c4474d; color: white; } .bucket.orange div.text a.button.black { background: black; color: white; } .bucket.orange div.text a.button.black:hover, .bucket.orange div.text a.button.black:focus { background: #494b4c; color: white; } .bucket.orange div.text a.button.grey-inverted { color: #494b4c; background: white; } .bucket.orange div.text a.button.grey-inverted:hover, .bucket.orange div.text a.button.grey-inverted:focus { color: #494b4c; background: #afb1b2; } .bucket.orange div.text a.button.green-inverted, .bucket.orange div.text a.button.habitat-green-inverted { color: #43B02A; background: white; } .bucket.orange div.text a.button.green-inverted:hover, .bucket.orange div.text a.button.green-inverted:focus, .bucket.orange div.text a.button.habitat-green-inverted:hover, .bucket.orange div.text a.button.habitat-green-inverted:focus { color: #43B02A; background: #c2eeb8; } .bucket.orange div.text a.button.blue-inverted, .bucket.orange div.text a.button.habitat-blue-inverted { color: #385988; background: white; } .bucket.orange div.text a.button.blue-inverted:hover, .bucket.orange div.text a.button.blue-inverted:focus, .bucket.orange div.text a.button.habitat-blue-inverted:hover, .bucket.orange div.text a.button.habitat-blue-inverted:focus { color: #385988; background: #aec2de; } .bucket.orange div.text a.button.brightgreen-inverted { color: #C4D600; background: white; } .bucket.orange div.text a.button.brightgreen-inverted:hover, .bucket.orange div.text a.button.brightgreen-inverted:focus { color: #C4D600; background: #f7ffa3; } .bucket.orange div.text a.button.brightblue-inverted { color: #00AFD7; background: white; } .bucket.orange div.text a.button.brightblue-inverted:hover, .bucket.orange div.text a.button.brightblue-inverted:focus { color: #00AFD7; background: #a4eeff; } .bucket.orange div.text a.button:hover, .bucket.orange div.text a.button:focus { color: #FF671F; background: #ffcfb8; } .bucket.orange div.text a.button.orange-inverted { color: #FF671F; background: white; } .bucket.orange div.text a.button.orange-inverted:hover, .bucket.orange div.text a.button.orange-inverted:focus { color: #FF671F; background: #ffcfb8; } .bucket.orange div.text a.button.red-inverted, .bucket.orange div.text a.button.brick-inverted { color: #A4343A; background: white; } .bucket.orange div.text a.button.red-inverted:hover, .bucket.orange div.text a.button.red-inverted:focus, .bucket.orange div.text a.button.brick-inverted:hover, .bucket.orange div.text a.button.brick-inverted:focus { color: #A4343A; background: #e9bbbd; } .bucket.orange div.text a.button.black-inverted { color: black; background: white; } .bucket.orange div.text a.button.black-inverted:hover, .bucket.orange div.text a.button.black-inverted:focus { color: black; background: #f0f1f1; } .bucket.orange div.text a.button i { margin-left: 7px; } .bucket.orange div.text a.button.block { display: block; } .bucket.orange div.text a.button.small { height: 28px; font-size: 12px; line-height: 24px; padding: 2px 10px; } .bucket.orange div.text a.button.small:after { content: ""; } .bucket.orange div.text a.button.go { font-family: "FontAwesome"; } .bucket.orange div.text a.button.go:after { content: ""; } .bucket.black p.title { background: black; } .bucket.black div.text { background: black; } .bucket.black div.text p { color: white; } .bucket.black div.text a.button { box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5); transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; border: 0; color: #494b4c; cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0px; padding: 7px 15px; position: relative; text-align: center; text-decoration: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; color: black; background: white; margin: 0; display: block; } .bucket.black div.text a.button:hover, .bucket.black div.text a.button:focus { box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2); color: white; background: #494b4c; } .bucket.black div.text a.button.grey { background: #494b4c; color: white; } .bucket.black div.text a.button.grey:hover, .bucket.black div.text a.button.grey:focus { background: #626566; color: white; } .bucket.black div.text a.button.brightgreen { background: #C4D600; color: #494b4c; } .bucket.black div.text a.button.brightgreen:hover, .bucket.black div.text a.button.brightgreen:focus { background: #dbf000; color: #494b4c; } .bucket.black div.text a.button.green, .bucket.black div.text a.button.habitat-green { background: #43B02A; color: white; } .bucket.black div.text a.button.green:hover, .bucket.black div.text a.button.green:focus, .bucket.black div.text a.button.habitat-green:hover, .bucket.black div.text a.button.habitat-green:focus { background: #58d13c; color: white; } .bucket.black div.text a.button.brightblue { background: #00AFD7; color: white; } .bucket.black div.text a.button.brightblue:hover, .bucket.black div.text a.button.brightblue:focus { background: #00c4f1; color: white; } .bucket.black div.text a.button.blue, .bucket.black div.text a.button.habitat-blue { background: #385988; color: white; } .bucket.black div.text a.button.blue:hover, .bucket.black div.text a.button.blue:focus, .bucket.black div.text a.button.habitat-blue:hover, .bucket.black div.text a.button.habitat-blue:focus { background: #4771ac; color: white; } .bucket.black div.text a.button.orange { background: #FF671F; color: white; } .bucket.black div.text a.button.orange:hover, .bucket.black div.text a.button.orange:focus { background: #ff8a52; color: white; } .bucket.black div.text a.button.red, .bucket.black div.text a.button.brick { background: #A4343A; color: white; } .bucket.black div.text a.button.red:hover, .bucket.black div.text a.button.red:focus, .bucket.black div.text a.button.brick:hover, .bucket.black div.text a.button.brick:focus { background: #c4474d; color: white; } .bucket.black div.text a.button.black { background: black; color: white; } .bucket.black div.text a.button.black:hover, .bucket.black div.text a.button.black:focus { background: #494b4c; color: white; } .bucket.black div.text a.button.grey-inverted { color: #494b4c; background: white; } .bucket.black div.text a.button.grey-inverted:hover, .bucket.black div.text a.button.grey-inverted:focus { color: #494b4c; background: #afb1b2; } .bucket.black div.text a.button.green-inverted, .bucket.black div.text a.button.habitat-green-inverted { color: #43B02A; background: white; } .bucket.black div.text a.button.green-inverted:hover, .bucket.black div.text a.button.green-inverted:focus, .bucket.black div.text a.button.habitat-green-inverted:hover, .bucket.black div.text a.button.habitat-green-inverted:focus { color: #43B02A; background: #c2eeb8; } .bucket.black div.text a.button.blue-inverted, .bucket.black div.text a.button.habitat-blue-inverted { color: #385988; background: white; } .bucket.black div.text a.button.blue-inverted:hover, .bucket.black div.text a.button.blue-inverted:focus, .bucket.black div.text a.button.habitat-blue-inverted:hover, .bucket.black div.text a.button.habitat-blue-inverted:focus { color: #385988; background: #aec2de; } .bucket.black div.text a.button.brightgreen-inverted { color: #C4D600; background: white; } .bucket.black div.text a.button.brightgreen-inverted:hover, .bucket.black div.text a.button.brightgreen-inverted:focus { color: #C4D600; background: #f7ffa3; } .bucket.black div.text a.button.brightblue-inverted { color: #00AFD7; background: white; } .bucket.black div.text a.button.brightblue-inverted:hover, .bucket.black div.text a.button.brightblue-inverted:focus { color: #00AFD7; background: #a4eeff; } .bucket.black div.text a.button.orange-inverted { color: #FF671F; background: white; } .bucket.black div.text a.button.orange-inverted:hover, .bucket.black div.text a.button.orange-inverted:focus { color: #FF671F; background: #ffcfb8; } .bucket.black div.text a.button.red-inverted, .bucket.black div.text a.button.brick-inverted { color: #A4343A; background: white; } .bucket.black div.text a.button.red-inverted:hover, .bucket.black div.text a.button.red-inverted:focus, .bucket.black div.text a.button.brick-inverted:hover, .bucket.black div.text a.button.brick-inverted:focus { color: #A4343A; background: #e9bbbd; } .bucket.black div.text a.button:hover, .bucket.black div.text a.button:focus { color: black; background: #f0f1f1; } .bucket.black div.text a.button.black-inverted { color: black; background: white; } .bucket.black div.text a.button.black-inverted:hover, .bucket.black div.text a.button.black-inverted:focus { color: black; background: #f0f1f1; } .bucket.black div.text a.button i { margin-left: 7px; } .bucket.black div.text a.button.block { display: block; } .bucket.black div.text a.button.small { height: 28px; font-size: 12px; line-height: 24px; padding: 2px 10px; } .bucket.black div.text a.button.small:after { content: ""; } .bucket.black div.text a.button.go { font-family: "FontAwesome"; } .bucket.black div.text a.button.go:after { content: ""; } section.multiBucket { clear: both; margin-bottom: 20px; } section.multiBucket:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html section.multiBucket { height: 1px; } section.multiBucket.three-bucket div.bucketWrapper { display: inline; float: left; height: auto; width: 100%; margin-left: 5%; width: 30%; } section.multiBucket.three-bucket div.bucketWrapper:first-child { margin-left: 0; } section.multiBucket.two-bucket div.bucketWrapper { display: inline; float: left; height: auto; width: 100%; float: right; width: 48%; } section.multiBucket.two-bucket div.bucketWrapper:first-child { float: left; } .no-details details > div.accordionContent { height: 0; overflow: hidden; position: absolute; visibility: hidden; } .no-details details[open] > div.accordionContent { height: auto; overflow: visible; position: static; visibility: visible; } .no-details details > summary { display: block; position: static; visibility: visible; } .no-details details > summary:before { content: "►"; padding-right: 5px; } .no-details details[open] > summary:before { content: "▼"; } .accordion { clear: both; margin: 8px 0 15px 0; } .accordion:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .accordion { height: 1px; } .accordion details { clear: both; } .accordion details summary { background: #00AFD7; color: white; cursor: pointer; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 22px; margin: 0 0 5px 0; padding: 5px 10px; margin-bottom: 4px; } .accordion details summary:before { color: white; line-height: 17px; } .accordion details summary:hover { background: #00c4f1; } .accordion details.open .tabify { display: block; } .accordion details .tabify { display: none; } .accordion details .tabify figure { float: none; } .accordion .accordionContent { clear: both; margin: 10px 0 30px 0; } .accordion.habitat-blue summary { background: #385988; } .accordion.habitat-blue summary:hover { background: #3f659a; } .accordion.habitat-blue .accordionContent { color: #494b4c; } .accordion.brightblue summary { background: #00AFD7; } .accordion.brightblue summary:hover { background: #00c4f1; } .accordion.habitat-green summary { background: #43B02A; } .accordion.habitat-green summary:hover { background: #4bc52f; } .accordion.habitat-green .accordionContent { color: #494b4c; } .accordion.brightgreen summary { background: #C4D600; color: #494b4c; } .accordion.brightgreen summary:before { color: #494b4c; } .accordion.brightgreen summary:hover { background: #dbf000; } .accordion.orange summary { background: #FF671F; } .accordion.orange summary:hover { background: #ff7839; } .accordion.grey summary { background: #494b4c; } .accordion.grey summary:hover { background: #565859; } .tabify { display: block; margin-bottom: 25px; margin-top: 10px; width: auto; } .tabify .htmlOutput ul { clear: both; display: block !important; width: auto !important; } .tabify ul { display: block !important; width: auto !important; margin: 0 !important; } .tabify ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .tabify ul { height: 1px; } .tabify ul.tabs { clear: both; display: block; list-style: none; padding: 0 10px; position: relative; width: auto !important; } .tabify ul.tabs li { display: inline; float: left; font-size: 14px; margin: 0 4px 0 0; padding: 0; } .tabify ul.tabs li:only-child a { cursor: default; } .tabify ul.tabs a { transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; background: #b0b0b0; border-bottom: 0; color: white; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 22px; margin: 0 0 0 4px; text-align: center; text-decoration: none; padding: 7px 15px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .tabify ul.tabs a:hover, .tabify ul.tabs a:focus, .tabify ul.tabs a.active { background: #00AFD7; text-decoration: none; } .tabify > div { display: none; padding: 10px 10px; } .tabify > div.active { display: block; } .tabify .tabContent { background: #f0f1f1; padding: 15px; } .tabify .tabContent h1, .tabify .tabContent h2, .tabify .tabContent h3, .tabify .tabContent h4, .tabify .tabContent h5, .tabify .tabContent h6, .tabify .tabContent p, .tabify .tabContent blockquote, .tabify .tabContent ol, .tabify .tabContent ul, .tabify .tabContent hgroup, .tabify .tabContent hr { display: block; float: none; margin: 0px 0px 15px 0px; width: auto; } .tabify .tabContent .fl { float: left; margin: 0px 25px 15px 0px; } .tabify .tabContent .fr { float: right; margin: 0px 0px 15px 25px; } .tabify .tabContent img.left { float: left; margin: 5px 20px 15px 0px; } .tabify .tabContent img.right { float: right; margin: 5px 0px 15px 20px; } .tabify .tabContent table { display: table; width: 100%; } .tabify .tabContent table { float: none; } .tabify.blue ul.tabs li a:hover, .tabify.blue ul.tabs li a:focus, .tabify.blue ul.tabs li a.active, .tabify.habitat-blue ul.tabs li a:hover, .tabify.habitat-blue ul.tabs li a:focus, .tabify.habitat-blue ul.tabs li a.active { background: #385988; } .tabify.blue .tabContent, .tabify.habitat-blue .tabContent { color: #494b4c; } .tabify.brightblue ul.tabs li a:hover, .tabify.brightblue ul.tabs li a:focus, .tabify.brightblue ul.tabs li a.active { background: #00AFD7; } .tabify.green ul.tabs li a:hover, .tabify.green ul.tabs li a:focus, .tabify.green ul.tabs li a.active, .tabify.habitat-green ul.tabs li a:hover, .tabify.habitat-green ul.tabs li a:focus, .tabify.habitat-green ul.tabs li a.active { background: #43B02A; } .tabify.green .tabContent, .tabify.habitat-green .tabContent { color: #494b4c; } .tabify.brightgreen ul.tabs li a:hover, .tabify.brightgreen ul.tabs li a:focus, .tabify.brightgreen ul.tabs li a.active { background: #C4D600; } .tabify.orange ul.tabs li a:hover, .tabify.orange ul.tabs li a:focus, .tabify.orange ul.tabs li a.active { background: #FF671F; } .tabify.grey ul.tabs li a:hover, .tabify.grey ul.tabs li a:focus, .tabify.grey ul.tabs li a.active { background: #888B8D; } .tabify.black ul.tabs li a:hover, .tabify.black ul.tabs li a:focus, .tabify.black ul.tabs li a.active { background: black; color: white; } footer { color: #888B8D; } footer .inner { padding: 35px 0; } footer p { font-size: 13px; text-align: center; } footer p span { margin: 0 10px; text-decoration: none; } footer p span a { margin: 0; } footer p a { margin: 0 10px; text-decoration: none; } .homePage section.banner .slideshowWrapper { height: 460px; } .homePage section.banner .slideshowWrapper .overlay { background-position: 0 0; height: 460px; } .homePage section.banner .slideshowWrapper div.slide { height: 460px; } .homePage section.content { background: white; padding: 0; } .homePage section.content .inner { background: transparent; padding: 30px 0 40px 0; } .homePage section.content div.mission { color: black; font-size: 24px; font-weight: normal; line-height: 32px; margin: 0 0 25px 0; text-align: center; } .homePage section.content section.buckets { -webkit-flex-direction: row; flex-direction: row; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 979px) { .homePage section.content section.buckets { display: block; } } .homePage section.content section.buckets div.bucket { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; -webkit-flex-direction: row; flex-direction: row; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .homePage section.content section.buckets div.bucket > * { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .homePage section.content section.buckets div.bucket > p.title { max-height: 26px; min-height: 26px; } .homePage section.content section.buckets div.bucket > p.image { max-height: 122px; min-height: 122px; } @media (max-width: 767px) { .homePage section.content section.buckets div.bucket > p.image { min-height: 0; max-height: none; } } .homePage section.content section.buckets div.bucket > div.text { padding-bottom: 50px; position: relative; } .homePage section.content section.buckets div.bucket > div.text a.button { width: 80%; left: 10%; bottom: 15px; position: absolute; } ::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { background-color: rgba(57, 57, 57, 0.6); border-radius: 8px; } ::-webkit-scrollbar-thumb { border-radius: 8px; background-color: rgba(156, 156, 156, 0.6); } @media screen and (max-width: 979px) { .wrapper { margin: 0; min-width: 0; width: 100%; } div.tableWrapper { box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.3); height: auto; overflow: auto; margin-bottom: 10px; width: 100% !important; } div.tableWrapper table { margin: 0 !important; } } @media screen and (min-width: 768px) and (max-width: 979px) { .inner { width: 700px !important; } header section.links { margin: 30px 0 0 0; width: 500px; } header section.links span.social a img { margin: 0 3px; } header nav { margin-bottom: 10px; width: 700px; } header nav ul { text-align: left; } header nav ul li { margin-left: 15px; } header nav ul li a { font-size: 14px; } header nav ul li ul { padding-top: 13px; } section.content section.buckets .bucket { margin-bottom: 20px; width: 334px; } section.content section.buckets .bucket:nth-child(3) { clear: left; margin-left: 0; } section.content section.buckets .bucket p.image { height: 120px; overflow: hidden; } section.content section.buckets .bucket p.image img { position: relative; top: -30px; width: 100%; } section.content article.main { width: 470px; } section.content article.main.full { width: 100%; } section.content article.main figure { max-width: 100%; } section.content article.main figure img { height: auto; max-width: 100%; } .homePage section.content .inner { padding-top: 30px; } .formField input[type='text'], .formField input[type='password'], .formField input[type='email'], .formField input[type='search'], .formField input[type='number'], .formField input[type='tel'], .formField textarea { width: 98%; } } @media screen and (min-width: 600px) and (max-width: 767px) { .inner { width: 520px !important; } header section.links { margin: 0; padding: 0; position: relative; width: 320px; } header section.links a.donate { left: 20px; position: absolute; top: 20px; } header section.links a.newsletter { left: 90px; position: absolute; top: 20px; } header section.links a.newsletter span { display: none; } header section.links span.social { position: absolute; right: 0; top: 20px; } header section.links span.social a img { margin: 0 3px; } header nav { margin-bottom: 10px; width: 100%; } header nav ul { text-align: left; } header nav ul li { margin-left: 8px; } header nav ul li a { font-size: 11px; } header nav ul li ul { padding-top: 13px; } header nav ul li ul li a { font-size: 11px; } #google_translate_element { float: right; margin-left: 0; margin-right: 0; margin-top: 55px; right: 0; } section.content section.buckets .bucket { margin-bottom: 20px; width: 244px; } section.content section.buckets .bucket:nth-child(3) { clear: left; margin-left: 0; } section.content section.buckets .bucket p.image { height: 120px; overflow: hidden; } section.content section.buckets .bucket p.image img { position: relative; top: -7px; width: 100%; } section.content section.sidebar { width: 150px; } section.content section.sidebar nav p.title { font-size: 16px; line-height: 18px; } section.content section.sidebar nav ul li { font-size: 13px; line-height: 16px; } section.content article.main { width: 340px; } section.content article.main.full { width: 100%; } section.content article.main figure { max-width: 100%; } section.content article.main figure img { height: auto; max-width: 100%; } section.content article.main div.sponsor-list.sponsor-list-undefined div.sponsor-list-item { padding: 2%; width: 46%; } section.content article.main div.sponsor-list.sponsor-list-undefined div.sponsor-list-item:nth-child(2n+1) { clear: left; } section.content article.main div.sponsor-list.sponsor-list-three div.sponsor-list-item { padding: 2%; width: 29%; } section.content article.main div.sponsor-list.sponsor-list-three div.sponsor-list-item:nth-child(3n+1) { clear: left; } section.content article.main div.sponsor-list.sponsor-list-four div.sponsor-list-item { padding: 2%; width: 46%; } section.content article.main div.sponsor-list.sponsor-list-four div.sponsor-list-item:nth-child(2n+1) { clear: left; } .homePage section.content .inner { padding-top: 30px; } section.multiBucket.three-bucket div.bucketWrapper { margin-left: 0%; margin-bottom: 20px; width: 100%; } .formField input[type='text'], .formField input[type='password'], .formField input[type='email'], .formField input[type='search'], .formField input[type='number'], .formField input[type='tel'], .formField textarea { width: 97.5%; } } @media screen and (max-width: 599px) { body.shift .adapt { left: 200px; top: 0; } body.shift header { left: 200px; } a.mobileMenu { display: block !important; } header { transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; } header .logo { position: absolute; top: 5px; left: 15px; } header div.inner { height: 100px; } header section.links { margin: 0; left: -200px; position: absolute; top: 0; width: 200px; } header section.links span.social, header section.links a.button, header section.links #google_translate_element { display: block; margin: 0; float: none; } header section.links span.social { box-shadow: 0 0 0 0 transparent; -o-box-shadow: 0 0 0 0 transparent; -ms-box-shadow: 0 0 0 0 transparent; -moz-box-shadow: 0 0 0 0 transparent; -webkit-box-shadow: 0 0 0 0 transparent; height: auto; padding: 10px 10px 0 10px; background: transparent; text-align: center; } header section.links span.social a { color: #888B8D; float: none; display: inline-block; height: auto; background: transparent; } header section.links span.social a:hover, header section.links span.social a:focus { background: #00AFD7; color: white; } header section.links a.button { box-shadow: 0 0 0 0 transparent; -o-box-shadow: 0 0 0 0 transparent; -ms-box-shadow: 0 0 0 0 transparent; -moz-box-shadow: 0 0 0 0 transparent; -webkit-box-shadow: 0 0 0 0 transparent; color: #888B8D; background: transparent; height: auto; text-transform: capitalize; text-align: left; padding: 5px 10px; } header section.links a.button:hover, header section.links a.button:focus { background: #00AFD7; color: white; } header section.links #google_translate_element { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; padding: 5px 10px; width: 100%; } header section.links #google_translate_element .goog-te-gadget-simple { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } header nav { border-top: 3px solid #c9cacb; left: -200px; display: block; position: absolute; top: 160px; width: 200px; height: auto; float: none; max-height: calc(100vh - 160px); overflow: auto; } header nav > ul { display: block; text-align: left; width: 200px; } header nav > ul > li { margin: 0; width: 200px; } header nav > ul > li > a { color: #494b4c; display: block; padding: 10px; text-align: left; } header nav > ul > li > a:hover, header nav > ul > li > a:focus { background: #00AFD7; color: white; } header nav > ul > li.here.top > a { color: #494b4c; } header nav > ul > li.here.top > a:hover, header nav > ul > li.here.top > a:focus { background: #00AFD7; color: white; } header nav > ul > li.here:not(.top) > a { color: #00AFD7; } header nav > ul > li.here:not(.top) > a:hover, header nav > ul > li.here:not(.top) > a:focus { background: #00AFD7; color: white; } header nav > ul > li > ul { background: transparent; display: block; height: auto; padding-top: 0; position: static; text-align: left; width: 200px; } header nav > ul > li > ul > li { background: transparent; margin: 0; width: 200px; } header nav > ul > li > ul > li > a { color: #494b4c; background: transparent; padding: 5px 10px 5px 25px; text-align: left; } header nav > ul > li > ul > li > a:hover, header nav > ul > li > ul > li > a:focus { background: #00AFD7; color: white; } header nav > ul > li > ul > li.here > a { color: #00AFD7; } header nav > ul > li > ul > li.here > a:hover, header nav > ul > li > ul > li.here > a:focus { background: #00AFD7; color: white; } } @media screen and (min-width: 480px) and (max-width: 599px) { .inner { width: 400px !important; } body { overflow-x: hidden; } section.content section.buckets .bucket { margin-bottom: 20px; width: 184px; } section.content section.buckets .bucket:nth-child(3) { clear: left; margin-left: 0; } section.content section.buckets .bucket p.image { height: auto; width: 100%; overflow: hidden; } section.content section.buckets .bucket p.image img { width: 100%; } section.content article.main { width: 100%; } section.content article.main.full { width: 100%; } section.content article.main figure { max-width: 100%; } section.content article.main figure img { height: auto; max-width: 100%; } section.content article.main div.sponsor-list.sponsor-list-undefined div.sponsor-list-item { padding: 2%; width: 46%; } section.content article.main div.sponsor-list.sponsor-list-undefined div.sponsor-list-item:nth-child(2n+1) { clear: left; } section.content article.main div.sponsor-list.sponsor-list-three div.sponsor-list-item { padding: 2%; width: 29%; } section.content article.main div.sponsor-list.sponsor-list-three div.sponsor-list-item:nth-child(3n+1) { clear: left; } section.content article.main div.sponsor-list.sponsor-list-four div.sponsor-list-item { padding: 2%; width: 46%; } section.content article.main div.sponsor-list.sponsor-list-four div.sponsor-list-item:nth-child(2n+1) { clear: left; } section.content section.sidebar { display: none; } .homePage section.content .inner { padding-top: 30px; } section.multiBucket.three-bucket div.bucketWrapper { margin-left: 0%; margin-bottom: 20px; width: 100%; } .formField input[type='text'], .formField input[type='password'], .formField input[type='email'], .formField input[type='search'], .formField input[type='number'], .formField input[type='tel'], .formField textarea { width: 97.5%; } } @media screen and (max-width: 479px) { .inner { width: 280px !important; } header div.inner { height: 100px; } body { overflow-x: hidden; } section.content section.buckets .bucket { margin-bottom: 20px; margin-left: 0; width: 280px; } section.content section.buckets .bucket p.image { height: auto; width: 100%; overflow: hidden; } section.content section.buckets .bucket p.image img { width: 100%; } section.content article.main { width: 100%; } section.content article.main.full { width: 100%; } section.content article.main figure { max-width: 100%; } section.content article.main figure img { height: auto; max-width: 100%; } section.content article.main div.sponsor-list.sponsor-list-undefined div.sponsor-list-item { clear: left; padding: 2%; width: 96%; } section.content article.main div.sponsor-list.sponsor-list-three div.sponsor-list-item { clear: left; padding: 2%; width: 96%; } section.content article.main div.sponsor-list.sponsor-list-four div.sponsor-list-item { clear: left; padding: 2%; width: 96%; } section.content section.sidebar { display: none; } .homePage section.content .inner { padding-top: 30px; } section.multiBucket.three-bucket div.bucketWrapper, section.multiBucket.two-bucket div.bucketWrapper { float: left; margin-left: 0%; margin-bottom: 20px; width: 100%; } .formField input[type='text'], .formField input[type='password'], .formField input[type='email'], .formField input[type='search'], .formField input[type='number'], .formField input[type='tel'], .formField textarea { width: 96.75%; } } h1, h2, h3, h4 { color: black; font-family: Helvetica, Arial, sans-serif; } h1 { font-size: 40px; font-weight: 800; line-height: 42px; margin: 0; } h2 { font-size: 20px; font-weight: 800; line-height: 24px; } h3 { font-size: 17px; line-height: 22px; margin-bottom: 5px; } h4 { font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 5px; } p { margin: 0 0 10px 0; } a { color: #00AFD7; } a:hover { color: #0bd2ff; } tt { font-family: monospace; font-size: 120%; word-spacing: -8px; } .right { display: inline; float: right !important; } .left { display: inline; float: left !important; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } .align-justify { text-align: justify; } .text-indent-1 { text-indent: 10px; } .text-indent-2 { text-indent: 20px; } .text-indent-3 { text-indent: 30px; } .text-indent-4 { text-indent: 40px; } .text-indent-5 { text-indent: 50px; } .habitat-blue { color: #385988; } .habitat-green { color: #43B02A; } .brightblue { color: #00AFD7; } ul { list-style-type: square; padding: 0 0 0 18px; } ol { list-style: decimal; padding: 0 0 0 22px; } ul li { font-weight: normal; margin: 0; padding: 0 0 4px 0; } ol li { margin: 0; padding: 0 0 4px 0; } ul li ul, ol li ol { margin: 4px 0; padding: 0 0 0 18px; } ol li ol { margin: 4px 0; padding: 0 0 0 18px; } ul li ul li, ol li ol li { font-size: 90%; margin: 0; padding: 0 0 4px 0; } ul li ul li ul li, ol li ol li ol li { font-size: 85%; margin: 0; padding: 0 0 4px 0; } dl dt { font-weight: bold; margin: 0; padding: 0; } dl dd { font-weight: normal; margin: 0; padding: 0 0 8px 8px; } hr { display: inline; float: left; height: auto; width: 100%; clear: both; background: transparent; border: 0; border-top: 0; font-size: 0; height: 1px; line-height: 0; margin: 20px 0 20px 0; } table { border-collapse: collapse; display: table; margin: 0 0 15px 0; width: 100%; float: none; } th { font-weight: bold; padding: 5px 8px; } td { border: 1px solid; padding: 5px 8px; } strong, .strong { font-weight: bold; } em, .em { font-style: italic; } sup { bottom: 0.8em; font-size: 60% !important; position: relative; } sub { font-size: 60% !important; position: relative; bottom: -0.2em; } pre { display: block; float: left; margin: 10px 0; padding: 15px 25px; width: auto; background: #dddddd; font-style: monospace; } blockquote { display: block; float: left; margin: 10px 0; padding: 15px 25px; width: auto; background: #dddddd; font-style: italic; } code { background: #dddddd; font-style: monospace; } tt, kbd, samp, code { font-family: monospace; } cite { font-style: italic; padding: 10px; } small { font-size: 70%; } big { font-size: 150%; } address { display: inline; font-style: italic; } q { font-style: italic; } var { font-weight: bold; } del { text-decoration: line-through; } .error, .errors li { color: #A53A3A; } label.required { font-weight: bold; } label.required:after { content: '*'; color: #cc2222; } .googleMap, .videoWrap { clear: both; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 30px; } .googleMap iframe, .googleMap iframe.video, .videoWrap iframe, .videoWrap iframe.video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }