/* Reset
***************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* Remember focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* Tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* HTML 5 elements as block */
header, footer, aside, nav, article { display: block; }
/*Fonts */
@font-face { font-family: "Segoe UI"; src: local("Segoe UI"), url("fonts/segoeui.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Segoe UI Light"; src: local("Segoe UI Light"), url("fonts/segoeuil.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Segoe UI Semibold"; src: local("Segoe UI Semibold"), url("fonts/seguisb.ttf"); font-weight: normal; font-style: normal; }
/* Clearing Floats
***************************************************************/
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.zone:after, .widget-control:after /* .zone:after self clears every zone container - .widget-control:after self clears any floats used in a widget */ { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* General
***************************************************************/
body { background: #fff; line-height: 1; font-size: 81.3%; color: #000; font-family: Tahoma, "Helvetica Neue", Arial, Helvetica, sans-serif; }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img { margin: 0; }
/* Aside Headings */
aside h1 { font-size: 1.154em; }
aside h2 { font-size: 1.077em; }
aside h3 { font-size: 1em; }
aside h4 { font-size: 1em; }
aside h5 { font-size: 1em; }
aside h6 { font-size: 1em; }
/* Lists */
li ul,
li ol { margin: 0 1.5em; }
ul, ol { margin: 1.5em; line-height: 1.538em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
/* Text elements */
p img.left { float: left; margin: 0.923em 0.923em 0.923em 0; padding: 0; }
p img.right { float: right; margin: 0.923em 0 0.923em 0.923em; }
a:focus,
a:hover { text-decoration: underline; }
a { color: #5f97af; text-decoration: none; }
blockquote { margin: 0.923em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 0.923em; font-style: italic; }
del { color: #666; }
pre { margin: 0.923em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.462em; }
img { max-width: 100%; height: auto; }
/* Clear floated elements wrapper */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.hidden { display: none !important; }
/* Forms
***************************************************************/
form { margin: 0; padding: 0; }
legend { font-size: 1.231em; font-weight: normal; border: none; }
fieldset { padding: 6px 0 0; margin: 0 0 12px 0; border: 0px solid #dbdbdb; }
label { font-weight: normal; display: block; padding: 0 0 0.3em 0; }
label.forcheckbox { margin: 0 0 0 .4em; display: inline; }
input[type="text"], input[type="password"] { display: block; padding: 0.3em; }
input[type="checkbox"] { margin: .2em 0 1.2em 0; }
fieldset ol { list-style-type: none; padding: 0; margin: 0; }
fieldset ol li { margin: 0 0 6px 0; }
form.inline, form.inline fieldset { /* todo: (heskew) need something other than .inline ... */ display: inline; }
form.inline fieldset { margin: 0; }
input[type="checkbox"]:focus, input[type="radio"]:focus { outline: 1px dotted #666d51; }
/*input[readonly] { background-color: #EBEBE4; color: #545454; }*/
legend span { font-weight: normal; }
label span { font-weight: normal; }
label input { vertical-align: text-top; }
.hint { display: block; font-size: 0.846em; color: #999; margin-top: 3px; padding: 3px; }
/* todo: (heskew) try to get .text on stuff like .text-box */
select, textarea, input.text, input.textMedium, input.text-small, input.text-box { font-family: inherit; padding: 3px; border: 1px solid #bdbcbc; font-family: inherit; font-size: inherit; }
input.text, input.textMedium, input.text-box { line-height: 1.2em; }
/*Are we using the two classes below?*/
input.text-small, input.text.small { width: 4em; }
input.textMedium, input.text.medium { width: 26em; }
select { padding: 1px; }
select:focus, textarea:focus, input.text:focus, input.text-box:focus, input.text-small:focus, input.textMedium:focus { border-color: #666d51; }
input.check-box { margin-left: 0; vertical-align: -.1em; }
input.large.text, textarea, fieldset { clear: both; }
textarea { min-height: 8em; }
/* Structure
***************************************************************/
/* Navigation */
#layout-navigation { width: 960px; margin: 0 auto; display: block; border-bottom: 1px solid #dbdbdb; }
nav ul { padding: 0px; margin: 0px; }
nav ul li { border: 1px solid #dbdbdb; background: #f6f6f6; display: block; margin: 0 2px -1px 0; }
nav > ul li.current { border-bottom: 1px solid #fff; background: #fff; }
nav ul li a { padding: 0 18px; display: block; color: #333; font-size: 1.077em; text-decoration: none; line-height: 24px; }
/* first level */
nav > ul > li { float: left; }
nav > ul > li > a { float: left; }
nav > ul > li:hover > ul { display: block; }
/* second level */
nav > ul > li > ul { margin: 24px 0px 0px -1px; padding: 0px; display: none; position: absolute; border: 1px solid #dbdbdb; }
nav > ul > li > ul > li { list-style-type: none; margin: 0px; border: none; }
nav > ul > li > ul > li > a { display: block; text-decoration: none; }
nav > ul > li > ul > li:hover > ul { display: block; }
/* third level */
nav > ul > li > ul > li > ul { margin: -20px -1px 0px 90%; padding: 0px; display: none; position: absolute; border: 1px solid #dbdbdb; }
nav > ul > li > ul > li > ul > li { list-style-type: none; margin: 0px; border: none; }
nav > ul > li > ul > li > ul > li > a { display: block; text-decoration: none; }
/* deeper levels */
nav > ul > li > ul > li > ul ul { display: none; }
/* Breadcrumb */
nav ul.breadcrumb { border: none; display: inline-block; margin: -9px; }
nav ul.breadcrumb li { border: none; background: none; display: block; margin: 0 2px -1px 0; }
nav ul.breadcrumb li:after { content: "/"; }
nav ul.breadcrumb li.last:after { content: ""; }
nav ul.breadcrumb li a { padding: 0 9px; display: block; color: #5F97AF; font-size: 100%; }
nav ul.breadcrumb li a:hover { text-decoration: underline; }
#branding { font-family: 'Lobster', Tahoma, Arial, Helvetica, sans-serif; font-size: 2.9em; padding: 0; margin: 0; }
#branding a { text-decoration: none; color: #434343; }
/* Zones */
/*.zone 
{
    padding: 12px;
}*/
.zone-header { padding: 30px 0 30px 12px; position: relative; }
.zone-navigation { padding: 0; }
.zone-footer { color: #999999; }
/* Main
***************************************************************/
/* Content lists and details */
.content-description { font-size: 1.154em; }
.content-items { padding: 0; margin: 0; list-style: none; }
.content-items li { padding: 0 0 29px; margin: 0; }
.content-items .content-item header h1 { font-size: 1.308em; color: #434343; }
.content-items .content-item header h1 a { color: #434343; }
/* Tags */
.tags { margin-top: 12px; }
.tags a { background-color: #dbdbdb; padding: 3px 6px; color: #434343; }
.tags a:hover { background-color: #434343; color: #fff; }
/* Metadata */
.metadata { margin: 0 0 12px 0; color: #999; font-size: 0.846em; }
.metadata .published { display: inline; margin: 0 6px 0 0; }
.metadata .comment-count { display: inline; }
/* Comments */
#comments { margin: 24px 0 0 0; padding: 0; }
.comment-form { margin: 24px 0 0 0; padding: 0; }
.comments { margin: 0; padding: 0; list-style: none; }
.comments li { margin: 12px 0 0 0; padding: 12px; border: 1px solid #dbdbdb; }
.comment { margin: 0; padding: 0; }
.comment h4 { font-size: 1.077em; }
.comment .reply { float: right; }
.comment-form #comment-by { font-size: 1.231em; font-weight: normal; margin: 0 0 1.2em 0; border: none; }
.comment-form .comment-text { width: 33.2em; }
.comment-form input[type="text"] { width: 32em; }
.comment-form li { border: inherit; margin: inherit; padding: inherit; }
.comment-count { font-size: 1.231em; }
/* Confirmations */
.message, .validation-summary-errors, .field-validation-error { display: inline-block; margin: 0 0 10px; }
.messages a { font-weight: bold; }
.message-Information { background: #e6f1c9; /* green */ border: 1px solid #cfe493; color: #062232; }
.message-Warning { background: #fdf5bc; /* yellow */ border: 1px solid #ffea9b; }
.critical.message, .validation-summary-errors, .message-Error, .field-validation-error { color: #f00; }
/* Secondary
***************************************************************/
/* Aside Zones */
/* If zone 1 is on */
.aside-1 #layout-content { float: right; width: 600px; }
.aside-1 .aside-first { float: left; width: 360px; }
/* If zone 2 is on */
.aside-2 #layout-content { float: left; width: 600px; }
.aside-2 .aside-second { float: right; width: 360px; }
/* If zones 1, 2 are on */
.aside-12 #layout-content { width: 600px; }
.aside-12 .aside-first, .aside-12 .aside-second { width: 180px; }
.aside-12 .aside-first, .aside-12 .aside-second, .aside-12 #layout-content { float: left; }
/* Tripel Zones*/
#layout-tripel > div { float: left; width: 960px; }
/*2 zones on */
.tripel-12 #layout-tripel > div { width: 480px; }
/* If zones 1, 2 are on */
.tripel-23 #layout-tripel > div { width: 480px; }
/* If zones 2, 3 are on */
.tripel-13 #layout-tripel > div { width: 480px; }
/* If zones 1, 3 are on */
/*3 zones on */
.tripel-123 #layout-tripel > div { width: 320px; }
/* If zones 1, 2, 3 are on */
/* Quad Footer Zones */
#footer-quad > div { float: left; width: 240px; }
/*1 zone on */
.split-1 #footer-quad-first { width: 960px; }
/* If zone 1 is on */
.split-2 #footer-quad-second { width: 960px; }
/* If zone 2 is on */
.split-3 #footer-quad-third { width: 960px; }
/* If zone 3 is on */
.split-4 #footer-quad-fourth { width: 960px; }
/* If zone 4 is on */
/*2 zones on */
.split-12 #footer-quad-first, .split-12 #footer-quad-second { width: 480px; }
/* If zones 1, 2 are on */
.split-13 #footer-quad-first, .split-13 #footer-quad-third { width: 480px; }
/* If zones 1, 3 are on */
.split-14 #footer-quad-first, .split-14 #footer-quad-fourth { width: 480px; }
/* If zones 1, 4 are on */
.split-23 #footer-quad-second, .split-23 #footer-quad-third { width: 480px; }
/* If zones 2, 3 are on */
.split-24 #footer-quad-second, .split-24 #footer-quad-fourth { width: 480px; }
/* If zones 2, 4 are on */
.split-34 #footer-quad-third, .split-34 #footer-quad-fourth { width: 480px; }
/* If zones 3, 4 are on */
/*3 zones on */
.split-234 #footer-quad-second { width: 480px; }
/* If zones 2, 3, 4 are on */
.split-134 #footer-quad-first { width: 480px; }
/* If zones 1, 3, 4 are on */
.split-124 #footer-quad-fourth { width: 480px; }
/* If zones 1, 2, 4 are on */
.split-123 #footer-quad-third { width: 480px; }
/* If zones 1, 2, 3 are on */
/* Widgets
***************************************************************/
.widget h1 { font-size: 1.077em; }
/* Edit Mode Widgets */
/* These are the edit controls that appear when you're logged-in */
.widget-control { position: relative; border: 1px dotted #5f97af; }
.widget-control .manage-actions { position: absolute; top: 0px; right: 0px; }
.widget-control .manage-actions a { display: block; background-color: #dbdbdb; color: #434343; padding: 3px 6px; }
.widget-control .manage-actions a:hover { background-color: #434343; color: #fff; text-decoration: none; }
/* Content Mode */
.content-control { border: 1px dotted #5f97af; overflow: auto; position: relative; }
.content-control .manage-actions { position: absolute; top: 0px; right: 0px; }
.content-control .manage-actions a { display: block; background-color: #dbdbdb; color: #434343; padding: 3px 6px; }
.content-control .manage-actions a:hover { background-color: #434343; color: #fff; text-decoration: none; }
/* Pager
***************************************************************/
.pager { list-style: none; padding: 0; margin: 12px 0 0 0; }
.pager li { float: left; padding: 0 12px 0 0; margin: 0; }
.pager a, .pager span { font-size: 1.077em; display: block; background-color: #dbdbdb; padding: 6px 6px; color: #434343; }
.pager a:hover { background-color: #434343; color: #fff; }
.pager span { background-color: inherit; }
/* Misc
***************************************************************/
.small { font-size: 0.615em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.231em; line-height: 2.231em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background: #ff0; }
.added { background: #060; color: #fff; }
.removed { background: #900; color: #fff; }
.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
.credits { float: left; }
.user-display { float: left; padding: 0 12px; }
.login-form { margin: 24px 0 0 0; }
/* CSS 3 Enhancements 
***************************************************************/
button[type="submit"], input[type="submit"], input[type="button"], button, .button, .button:link, .button:visited { color: #333; background: #F5F5F5; background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#cbcbcb)); background: -moz-linear-gradient(top, #F5F5F5, #cbcbcb); border: 1px solid #999; cursor: pointer; margin: .2em 0 2em 0; padding: .3em 1.8em; text-align: center; }
/*input[type="submit"]:hover, input[type="button"]:hover,
input[type="submit"]:active, input[type="button"]:active,
input[type="submit"]:focus, input[type="button"]:focus,
button:hover, .button:hover,
button:active, .button:active,
button:focus, .button:focus { text-decoration: none; background: #ebebeb; background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#ebebeb)); background: -moz-linear-gradient(top, #e1e1e1, #ebebeb); }*/
/**********************************************/
/*********************UI***********************/
.cf { clear: both; float: none; }
.wrapper { color: #222; font-family: 'Segoe UI', Arial, Sans-Serif; margin-top: 25px; }
.wrapper h1 { font-size: 60px; margin: 0; }
.content-container { margin: 0 auto; max-width: 960px; }
#layout-wrapper div.content-localization { display: none; }
/*Sprite*/
.sprite { background: url(images/sprite.png) no-repeat; display: block; }
.twitter-lrg { background-position: 0 -64px; height: 40px; width: 41px; }
.fb { background-position: -45px -64px; height: 40px; width: 40px; }
.youtube { background-position: -90px -64px; height: 40px; width: 41px; }
.twitter-sml { background-position: -136px -64px; height: 30px; width: 30px; }
.twitter-bird { background-position: -206px -64px; height: 20px; width: 23px; }
.news { background-position: -171px -64px; height: 30px; width: 30px; }
.down-caret { background-position: 0 -109px; height: 11px; width: 18px; }
/*Sprite Program Overview*/
.why-join .sprite { background: url(images/program-overview-sprite.png) no-repeat; width: 80px; height: 80px; }
.why-join .tools { background-position: 0 0; }
.why-join .access { background-position: 0 -175px; }
.why-join .discovery { background-position: 0 -84px; }
.why-join .community { background-position: 0 -263px; }
/*Joining steps*/
.steps, .process { background-color: #007d00; color: #fff; height: 100px; padding: 40px 0; width: auto; }
.process { height: 222px; padding: 20px 30px; }
.steps .step, .process .step { width: 100%; float: left; }
.process .step { margin-bottom: 20px; margin-top: 19px; width: 100%; }
.steps .step-separator, .process .steps-separator { }
.steps .steps-separator, .process .steps-separator { background-image: none; width: 3%; }
.steps h1, .process h1 { float: left; margin-bottom: 20px; margin-right: 4%; }
.process h1 { font-family: "Segoe UI Semibold,", "Segoe UI", arial; font-size: 94px; line-height: 66px; }
.steps .step h3, .process .step h3 { font-size: 30px; line-height: 32px; margin-bottom: 5px; }
.process h4 { font-family: "Segoe UI", Arial; font-size: 22px; }
.steps .step p, .process .step p { font-size: 16px; line-height: 20px; margin-bottom: 0px; }
.process .step p { font-size: 14px; }
/*Program Goal*/
.program-goal { background-color: #fff; font-family: "Segoe UI Light"; font-size: 24px; line-height: 30px; padding: 40px 0; width: 100%; }
/*Program Overview*/
.program-overview { background-color: #107c10; color: #fff; font-family: "Segoe UI Light"; font-size: 24px; line-height: 30px; padding: 45px 30px 40px 30px; width: auto; }
.program-overview h2 { font-family: "Segoe UI Light", "Segoe UI", Arial; font-size: 44px; line-height: 50px; margin-bottom: 28px; }
.program-overview p { font-size: 18px; font-family: "Segoe UI"; line-height: 26px; margin-top: 36px; }
.program-overview p strong { font-weight: bold; }
.program-overview img { float: left; margin-right: 3%; margin-bottom: 50px; margin-top: 10px; }
.program-overview div { clear: both; }
/*why join*/
.why-join { background: #333; color: #fff; font-family: "Segoe UI Light"; padding: 40px 0 0; padding-left: 30px; padding-right: 30px; }
.why-join h2 { font-size: 37px; margin-bottom: 50px; }
.reasons-column { float: left; margin-left: 6%; width: 47%; }
.reasons-column.first { margin-left: 0; }
.reason { height: 180px; }
.reason span { float: left; margin-top: -5px; }
.reason-text { padding-left: 15px; overflow: hidden; }
.reason h3 { font-size: 24px; line-height: 27px; margin-top: -4px; margin-bottom: 5px; }
.reason p { font-size: 14px; font-family: "Segoe UI"; line-height: 18px; }
.about-games { height: 315px; }
.about-games .reason h3 { color: #3a3a3a; font-family: "Segoe UI Light", "Segoe UI",Arial; font-size: 44px; line-height: 40px; margin-bottom: 20px; }
.about-games .reason-text ul li { color: #107c10; margin-top: 18px; }
.about-games .reason-text ul li a { color: #107c10; }
/*News feed*/
.news-feed { background: #fff; height: 459px; overflow: hidden; padding-top: 8px; position: relative; }
.news-feed .tiles { height: 459px; left: 0; position: absolute; }
.news-feed .scroller { display: block; height: 459px; position: absolute; top: 0; z-index: 3; }
.news-feed .scroller.scrolling { background: url(images/bg-gray.png) repeat-x; }
.news-feed .scroller img { display: none; top: 209px; position: absolute; }
.news-feed .scroller.scrolling img { display: block; }
.news-feed .scroller.scroll-left img { left: 20px; }
.news-feed .scroller.scroll-right img { right: 20px; }
.news-feed .scroller.scroll-left { left: 0; }
.news-feed .scroller.scroll-right { right: 0; }
.news-feed .tiles .tile { display: block; float: left; font-size: 16px; height: 105px; line-height: 20px; margin: 0 8px 8px 0; padding: 20px; position: relative; }
.tile .sprite { bottom: 10px; position: absolute; right: 10px; }
.news-tile { width: 325px; }
.twitter-tile { width: 260px; }
.twitter-tile .date { bottom: 20px; left: 20px; position: absolute; }
.news-feed .tiles .img-tile { height: 145px; padding: 0; }
.img-tile img { height: 100%; width: 100%; }
.img-tile a { display: block; height: 100%; width: 100%; }
.lrg-img { width: 265px; }
.sml-img { width: 200px; }
.tile.gray { background: #ececec; }
.tile.gray .text { color: #333; }
.tile.gray a,
.tile.gray a:hover { color: #1570a6; }
.tile.green { background: #027d00; }
.tile.green .text { color: #fff; }
.tile.green a,
.tile.green a:hover { color: #023c01; }
.tile.green .date { color: #15ad12; }
/*About Games*/
.about-games { background-color: #eee; font-family: "Segoe UI Light"; padding: 55px 30px; width: auto; }
.about-games img { float: left; width: 56%; margin-right: 3%; }
.about-games img { width: auto; float: none; margin-right: 0; margin-top: 4px; }
.about-games .about-games-content { overflow: hidden; }
.about-games .about-games-content { overflow: hidden; }
.about-games-content h2 { font-size: 37px; margin-bottom: 10px; }
.about-games-content p { font-size: 16px; line-height: 20px; margin-bottom: 30px; }
.about-games-content a { background-color: #007D02; color: #FFF; display: block; font-size: 16px; font-family: "Segoe UI"; line-height: 37px; height: 40px; margin-bottom: 20px; text-align: center; width: 220px; }
/*FAQs*/
.faqs, .faq { background: #fff; color: #222; font-size: 20px; font-family: "Segoe UI Light"; line-height: 28px; padding: 60px 0; padding-top: 10px; }
.faqs h2, .faq h2 { font-size: 40px; font-family: "Segoe UI"; margin-top: 35px; }
.faqs h3, .faq h3 { font-size: 30px; margin-bottom: 15px; }
.faqs p, .faq p { font-size: 18px; }
.faqs a, .faq a { color: #027d00; }
.faqs .question, .faq .question { margin-top: 45px; }
.faq-items, .faq .faq-items { overflow: hidden; padding: 0 110px; margin-top: 0px; }
/*show more link*/
.show-more { border-bottom: 1px solid #ccc; font-size: 22px; text-align: center; }
.show-more a { background-color: #fff; color: #000 !important; font-size: 20px; padding: 0 25px 0 10px; position: relative; text-decoration: none; top: 11px; }
.show-more a:hover { text-decoration: none; }
.show-more a:after { background: url(images/show-more-arrow.gif); content: ""; display: block; position: absolute; top: 8px; right: 0px; width: 22px; height: 17px; }
.show-more a.expanded:after { background-position: -22px 0; right: -1px; }
/*show more news*/
#show-more-news { display: none; margin: 0 20px; }
#show-more-news a { background-color: #eee; }
#show-more-news a:after { background: url(images/show-more-arrow-grey.gif); }
#show-more-news a.expanded:after { background-position: -22px 0; }
/*show more trends*/
#show-more-trends { display: none; margin: 0 20px; }
#show-more-trends a.expanded:after { background-position: -22px 0; }
/*Footer carousel*/
.widget-Pollinizationwidget { background-color: #eee; padding: 50px 0; }
.owl-item > div { padding: 0 8px; max-width: 227px; margin: 0 auto; }
.owl-item .img-container { display: block; height: 219px; margin-bottom: 10px; }
.owl-item img { max-width: 100%; }
.owl-item p { color: #000; font-family: "Segoe UI Light"; font-size: 14px; line-height: 18px; }
.owl-item .learn-more-link { background-color: #007d02; color: #fff; display: block; font-family: "Segoe UI Semibold", sans-serif; font-size: 15px; margin-top: 15px; padding: 12px 0; text-align: center; }
.owl-item .pol-content { height: 110px; overflow: hidden; text-overflow: ellipsis; }
/*bottom hero*/
.bottom-hero { margin: 0 auto; padding-bottom: 20px; width: 960px; }
.bottom-hero h2 { font-size: 29px; line-height: 32px; margin-bottom: 15px; }
.bottom-hero img { float: right; margin-top: 35px; width: 50%; }
.bottom-hero { background: #000; color: #fff; font-family: "Segoe UI Semibold"; padding: 100px 0 35px; width: 100%; }
.bottom-hero .hero-text { float: left; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 30px; }
.bottom-hero h1 { font-size: 59px; }
.bottom-hero p { font-size: 18px; line-height: 25px; margin-bottom: 40px; }
.hero-text .big-button { color: #fff; display: block; font-size: 20px; line-height: 46px; height: 50px; margin-bottom: 20px; text-align: center; width: 365px; }
.hero-text .apply { background: #027d00; }
.hero-text .follow { background: #2aa9df; }
.hero-text .big-button .sprite { display: inline-block; margin-left: 10px; }
.zone-footer .credits, .zone-footer .user-display { display: none; }
/*thank you page*/
.thanks { background: #fff; font-family: "Segoe UI Light"; padding: 0 0 80px; }
.thanks h1 { font-size: 36px; margin-bottom: 35px; color: #000; }
.thanks h2 { font-size: 36px; margin: 20px 0 35px; color: #000; }
.thanks p { font-size: 22px; margin: 0 0 20px; }
.thanks a { color: #027d00; }
.thanks .back-link { background-color: #027d00; color: #fff; display: block; font-size: 30px; text-align: center; margin: 65px auto 0; padding: 20px 0; width: 650px; }
/*news page*/
.news-header .top-header img { margin: 6px 0 0; }
.news-header .bottom-header .content-container { border-bottom: 1px solid #b7b7b7; margin-bottom: 70px; padding-bottom: 25px; }
.news-header .bottom-header p { font-size: 24px; font-family: "Segoe UI"; line-height: 28px; margin-bottom: 30px; }
#newscontent { font-family: "Segoe UI Light"; padding-bottom: 100px; }
#newscontent h1 { font-size: 36px; margin-bottom: 30px; }
#newscontent a { color: #007900; }
.widget-news-widget { width: 65%; float: left; margin-right: 2%; }
.news-item { margin-bottom: 20px; }
.news-item .news-img-holder { width: 41%; margin-right: 30px; float: left; }
.news-item .news-content-holder { overflow: hidden; }
.news-item h3 { font-size: 23px; font-family: "Segoe UI"; line-height: 27px; margin-bottom: 15px; }
.news-item p { font-size: 14px; line-height: 18px; margin-bottom: 7px; }
.news-item .learn-more-link { font-size: 14px; }
.news-item .learn-more-link:before { content: ""; background: transparent url(images/learn-more-arrow.png); display: inline-block; margin-right: 7px; position: relative; top: 5px; width: 20px; height: 20px; }
.widget-trending { width: 33%; float: left; }
.trends-item { margin-bottom: 30px; }
.trends-item .trends-img-holder { width: 103px; margin-right: 10px; float: left; }
.trends-item .trends-content-holder { overflow: hidden; }
.trends-item h3 { font-size: 18px; font-family: "Segoe UI"; line-height: 18px; }
.trends-item p { font-size: 14px; line-height: 18px; margin-bottom: 10px; }
/*breadcrumbs*/
#breadcrumbs { margin-top: 5px; margin-bottom: 30px; text-align: left; }
#breadcrumbs ul { background-color: #007900; list-style: none; margin: 0; padding: 0; }
#breadcrumbs ul li.last { background-color: #007900; }
#breadcrumbs ul li { background-color: #a2a1a1; display: inline-block; padding: 11px 35px 10px 65px; position: relative; min-height: 48px; -moz-box-sizing: border-box; box-sizing: border-box; }
#breadcrumbs ul li:first-child { padding: 11px 35px 10px; }
#breadcrumbs ul li.last:after { display: none; }
#breadcrumbs ul li:after { background: transparent url(images/breadcrumb-separator.png) right top no-repeat; content: ""; display: block; position: absolute; top: 0; left: 100%; width: 39px; height: 48px; z-index: 2; }
#breadcrumbs ul li a, #breadcrumbs ul li span { color: #fff; font-size: 24px; font-family: "Segoe UI Light"; line-height: 24px; }
/*Forms*/
.dark-hero { background: #000; color: #fff; padding: 100px 0 35px; width: 100%; }
.dark-hero h1 { float: left; font-family: 'Segoe UI Light', 'Segoe UI', Arial, Sans-Serif; font-size: 60px; width: 400px; }
.dark-hero img { float: left; }
.dark-hero .social { clear: both; float: none; text-align: right; }
.dark-hero .social a { display: inline-block; margin-left: 15px; }
.disclaimer { background: #eee; }
.disclaimer .content-container { padding: 40px 0 15px; width: 845px; }
.disclaimer p { padding-left: 25px; }
.form { background: #fff; color: #000; font-family: 'Segoe UI Light', 'Segoe UI', Arial, Sans-Serif; }
.form .section { background: #eee; margin-bottom: 20px; padding: 15px 20px 30px; }
.form h3 { font-size: 30px; margin-bottom: 35px; }
.form .sysRequirements a { color: #007900; }
.form .sysRequirements p { font-style: normal; margin: 5px 0; color: #000; }
.form p { color: #999; font-family: 'Segoe UI', Arial, Sans-Serif; font-size: 13px; font-style: italic; line-height: 17px; }
.form p.under-title { margin: -30px 0 15px; }
.form label { font-size: 15px; line-height: 19px; }
.form input, .form textarea, .form select { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; margin: 5px 0; padding: 5px; width: 100%; }
.form textarea { height: 150px; resize: none; }
.form select { width: 100%; padding: 3px 5px 4px; }
.form .submit { text-align: center; }
.submit button { background: #027d00; color: #fff; border: none; font-size: 25px; font-family: 'Segoe UI Light', Arial, Sans-Serif; padding: 10px 150px; }
.submit button:hover { background: #027d00; color: #fff; }
input.green-btn,
input.green-btn:hover,
button.green-btn,
button.green-btn:hover { background: #027d00; color: #fff; padding: 10px 35px; border: none; }
.datepicker input { background: #fff url(images/calendar-icon.png) no-repeat right center; cursor: pointer; }
.datepicker input, .datepicker { position: relative; }
.form-header h1 { font-size: 42px; font-family: 'Segoe UI', Arial, Sans-Serif; margin: 5px 0 30px; }
/* Games Information Form Access */
.form .access-form { padding-bottom: 20px; }
.form .access-form p { margin-bottom: 15px; }
.form .access-form .message-error { color: #f00; font-style: normal; }
.form .access-form .paragraph { color: #000; font-size: 16px; font-style: normal; line-height: 20px; margin-bottom: 15px; }
.access-form input[type="text"] { border: 1px solid #000; float: left; font-size: 16px; line-height: 18px; margin: 0 10px 0 0; padding: 7px 7px 8px; width: 300px; }
.access-form .green-btn { float: left; margin: 0; }
.row { margin-bottom: 15px; clear: both; }
.row:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.row .fourth { width: 24.25%; padding-left: 1%; float: left; }
.row .third { width: 32.666667%; padding-left: 1%; float: left; }
.row .third:first-child, .row .fourth:first-child { padding-left: 0px; }
.row .half { width: 49.5%; padding-left: 1%; float: left; }
.row .half:first-child { padding-left: 0px; }
.row .full { width: 100%; }
/*blog*/
.blog, .blog-post { font-family: 'Segoe UI Light', Arial, Sans-Serif; padding: 60px 0 40px; }
.blog:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.blog a { color: #027d00; }
.blog > header h3 { font-size: 35px; padding: 0px; margin: 0 0 10px; }
.blog > header p { font-size: 22px; line-height: 26px; margin: 0 0 20px; }
.blog > header .metadata { display: none; }
#aside-area { width: 30%; float: left; }
#blog-content { width: 67%; float: left; margin-right: 3%; }
/*blog post on listing*/
li .blog-post { margin-bottom: 40px; padding: 0; }
li .blog-post h1, .blog-post h1 a { border: none; color: #000; font-family: 'Segoe UI Light', Arial, Sans-Serif; font-size: 24px; margin: 0; padding: 0; }
li .blog-post .metadata { margin-top: 10px; }
li .blog-post #aside-area { display: none; }
/*blog post page*/
.blog-post { padding-bottom: 80px; }
.blog-post h1 { border-bottom: 1px solid #ccc; font-size: 35px; padding: 0 0 20px; margin: 0 0 20px; }
.blog-post .metadata { margin-top: 15px; }
.blog-post::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/*common on blog post*/
.blog-post .tags > span { font-family: 'Segoe UI Semibold', Arial, Sans-Serif; }
.blog-post .tags a { color: #000; }
.blog-post .tags a:hover { color: #fff; text-decoration: a none; }
.blog-post p { font-size: 14px; line-height: 18px; }
.widget-search-form { width: 100%; }
.search-form { position: relative; width: 100%; }
.search-form input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; padding: 9px; padding-right: 40px; width: 100%; }
.search-form button { background: url(images/search-icon.png) no-repeat center center; border: none; display: block; width: 32px; height: 30px; position: absolute; right: 0; text-indent: -999999px; overflow: hidden; }
.zone-blog-header { text-align: center; }
.about-idxbox a.arrowhead { margin-top: 20px; float: right; }
a.arrowhead { background-color: #5dc21c !important; color: #fff; float: left; font-family: "Segoe UI Semibold", "Segoe UI", arial; font-size: 18px; font-weight: normal; max-width: 100%; padding: 10px; }
.arrowhead span { background-image: url(/Media/Default/Images/arrowhead.png); background-repeat: no-repeat; background-position: right center; padding: 5px 30px 5px 0; float: left; margin: 0; }
.about-games a.arrowhead img { display: none; }
@media screen and (min-width: 768px) and (max-width: 960px) {
  .content-container { padding: 0; }
  .hero .left-content { margin-right: 0px; width: 60%; }
  .hero .right-content { width: 40%; }
  .hero .right-content .apply-now-cta { margin-bottom: 0px; }
  .hero .right-content .xbox-one-cta { width: 58%; margin-right: 3%; }
  .hero .right-content .blog-cta { font-size: 18px; width: 39%; padding: 20% 12px 12px; }
  .reason { height: 215px; }
}
@media screen and (max-width: 767px) {
  .wrapper { margin-top: 0; width: 100%; }
  .hero,
  .hero .hero-text,
  .content-container,
  #layout-navigation { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 30px; padding-right: 30px; width: 100%; }
  .hero img { float: left; max-width: 477px; width: 100%; }
  .news-feed { display: none; }
  .bottom-hero .hero-text { padding-right: 0; }
  .hero-text .big-button { max-width: 365px; width: 100%; }
  /*Top hero*/
  .top-hero { padding: 0; }
  .hero .left-content { float: none; margin: 0 auto; position: relative; text-align: center; max-width: 477px; width: auto; }
  .hero .left-content img { float: none; }
  .hero .left-content h2 { display: none; }
  .hero .right-content { display: none; }
  /*Breadbrumbs*/
  #breadcrumbs ul li { background-color: #a2a1a1; display: inline-block; padding: 11px 25px 10px 45px; position: relative; }
  #breadcrumbs ul li:first-child { padding: 11px 15px 10px 20px; }
  /*About ID@Xbox*/
  .about-idxbox h1 { font-size: 30px; font-family: "Segoe UI"; line-height: 32px; margin-bottom: 15px; }
  .about-idxbox p { font-size: 16px; line-height: 20px; }
  .about-idxbox { background-color: #fff; padding: 20px 0 25px; }
  /*Joining steps*/
  .steps { height: auto; padding: 30px 0; width: 100%; }
  .steps .step { width: auto; float: none; text-align: center; }
  .steps .step-separator { background: url(images/arrow-down.png) no-repeat center center; display: block; float: left; height: 56px; width: 100%; }
  .steps .step h3 { font-size: 20px; font-family: "Segoe UI Semibold"; line-height: 32px; margin-bottom: 5px; }
  .steps .step p { font-size: 16px; line-height: 20px; margin-bottom: 0px; }
  /*Program Goal*/
  .program-goal { font-size: 16px; line-height: 20px; padding: 20px 0; width: auto; }
  /*why join*/
  .why-join { padding: 20px 0; }
  .why-join h2 { font-size: 26px; margin-bottom: 30px; }
  .about-games .arrowhead span { display: block; float: left; }
  /*About Games*/
  .about-games { background-color: #eee; font-family: "Segoe UI Light"; padding: 0; width: 100%; }
  .about-games .content-container { padding: 0; }
  .about-games-content { padding: 20px 20px 0; }
  .about-games-content h2 { font-size: 30px; font-family: "Segoe UI"; margin-bottom: 10px; }
  .about-games-content p { font-size: 16px; line-height: 20px; margin-bottom: 30px; }
  .about-games-content a { width: auto; }
  /*FAQs*/
  .faqs { color: #000; font-size: 16px; line-height: 20px; padding: 20px 0 40px; }
  .faqs h2 { font-size: 30px; padding: 0; }
  .faqs h3 { font-size: 20px; margin-bottom: 5px; }
  .faqs p { font-size: 16px; }
  .faqs .question { margin-bottom: 45px; }
  .faq-items { overflow: hidden; padding: 0; margin-top: 50px; }
  /*Footer carousel*/
  .widget-Pollinizationwidget { padding: 20px 0; }
  .widget-Pollinizationwidget .content-container { padding: 0; }
  /*.owl-item:first-child { margin-left: 50px; }*/
  /*bottom hero*/
  .bottom-hero { padding: 20px 0; }
  .bottom-hero .hero-text { padding: 0; }
  /*news page*/
  .news-header .top-header img { margin: 0 0 6px; height: auto; }
  .news-header .top-header .content-container { padding: 0; }
  .news-header .bottom-header p { font-size: 18px; line-height: 22px; }
  .news-header .bottom-header .content-container { border: none; padding-bottom: 0; margin: 0; }
  #newscontent { padding-bottom: 40px; }
  #newscontent h1 { font-size: 30px; font-family: "Segoe UI"; margin-bottom: 0px; padding: 20px; }
  #newscontent .content-container { padding: 0; }
  .widget-news-widget { background-color: #eee; width: auto; float: none; margin-right: 0%; padding-bottom: 40px; }
  .news-item { margin-bottom: 20px; max-width: 100%; }
  .news-item .news-img-holder { width: auto; margin-right: 0px; margin-bottom: 5px; float: none; text-align: center; }
  .news-item .news-content-holder { padding: 10px 20px; }
  .news-item .learn-more-link { font-size: 14px; }
  .widget-trending { width: auto; float: none; }
  .trends-item { margin-bottom: 0px; height: auto; }
  .trends-item .trends-img-holder { width: auto; margin-right: 0px; float: none; padding: 0 20px; text-align: center; }
  .trends-item .trends-content-holder { padding: 15px 20px; }
  .trends-item .learn-more-link { font-size: 16px; font-family: "Segoe UI"; }
  #show-more-news { display: block; }
  #show-more-trends { display: block; }
  #show-more-both { display: none; }
  .thank-you-header .content-container { padding: 0; }
  .thanks { font-family: "Segoe UI"; }
  .thanks h1 { font-size: 30px; margin-bottom: 25px; }
  .thanks p { font-size: 18px; }
  .thanks .back-link { font-size: 24px; width: 270px; }
  /*blog*/
  #blog-content { width: auto; margin: 0; }
  #aside-area { display: none; }
  .widget-blog-header .content-container { padding: 0; }
}
@media screen and (max-width: 767px) {
  .form .content-container { padding: 0; width: 100%; }
  .form .col-15,
  .form .col-25,
  .form .col-30,
  .form .col-50,
  .form .col-60,
  .form .col-100 { width: 98%; }
  .floated { float: none; }
  .form .submit input { max-width: 445px; padding: 15px 0; width: 98%; }
  .form .section { padding: 25px 20px; }
  .dark-hero img { display: none; }
  .row .third { width: 100%; padding-left: 0%; float: none; }
  .row .half { width: 100%; padding-left: 0%; float: none; }
  .form-header .content-container { padding: 0; }
  .submit button { padding: 10px 20px; }
}
#layout-main-container .zone h1.page-title { margin: 20px auto; max-width: 960px; width: 100%; font-size: 35px; font-family: 'Segoe UI Light', Arial, Sans-Serif; }
.blog-post { margin: 0 auto; max-width: 960px; width: 100%; }
li .blog-post { width: auto; }
.owl-carousel .blog-post { padding: 30px 0; width: auto; }
.blog-header { background: url(http://idxbox.smith.co/Media/Default/Images/gray-gradient.jpg) repeat-x; margin: 0 auto; max-width: 960px; width: 100%; height: 130px; margin-top: 10px; }
.blog-header img { float: left; padding: 18px 0 0 20px; }
.blog-header p { float: left; line-height: 115px; font-size: 40px; padding-left: 30px; font-family: 'Segoe UI Light', Arial, Sans-Serif; }
.tagged-posts { margin: 0 auto; max-width: 960px; width: 100%; }
.blog-post .tags a { margin-right: 2px; }
.tagged-posts .blog-post { padding: 40px 0 0; }
.search-form button { top: 9px; border-top: none; }
.orchard-search #layout-content .content-items.zone-content { margin: 0 auto; max-width: 960px; width: 100%; }
.orchard-search #layout-content .content-items.zone-content h1 { margin: 20px 0; font-size: 35px; font-family: 'Segoe UI Light', Arial, Sans-Serif; }
.orchard-search #layout-content .content-items.zone-content .search-summary { float: left; margin-bottom: 40px; }
/* Pickadate min CSS */
.picker { font-size: 16px; text-align: left; line-height: 1.2; color: #000; position: absolute; z-index: 10000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.picker__input { cursor: default; }
.picker__input.picker__input--active { border-color: #0089ec; }
.picker__holder { width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }
/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
.picker__frame, .picker__holder { bottom: 0; left: 0; right: 0; top: 100%; }
.picker__holder { position: fixed; -webkit-transition: background .15s ease-out,top 0s .15s; -moz-transition: background .15s ease-out,top 0s .15s; transition: background .15s ease-out,top 0s .15s; }
.picker__frame { position: absolute; margin: 0 auto; min-width: 256px; max-width: 666px; width: 100%; -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out; }
@media (min-height:33.875em) {
  .picker__frame { overflow: visible; top: auto; bottom: -100%; max-height: 80%; }
}
@media (min-height:40.125em) {
  .picker__frame { margin-bottom: 7.5%; }
}
.picker__wrap { display: table; width: 100%; height: 100%; }
@media (min-height:33.875em) {
  .picker__wrap { display: block; }
}
.picker__box { background: #fff; display: table-cell; vertical-align: middle; }
@media (min-height:26.5em) {
  .picker__box { font-size: 1.25em; }
}
@media (min-height:33.875em) {
  .picker__box { display: block; font-size: 1.33em; border: 1px solid #777; border-top-color: #898989; border-bottom-width: 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-box-shadow: 0 12px 36px 16px rgba(0,0,0,.24); -moz-box-shadow: 0 12px 36px 16px rgba(0,0,0,.24); box-shadow: 0 12px 36px 16px rgba(0,0,0,.24); }
}
@media (min-height:40.125em) {
  .picker__box { font-size: 1.5em; border-bottom-width: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
}
.picker--opened .picker__holder { top: 0; zoom: 1; background: rgba(0,0,0,.32); -webkit-transition: background .15s ease-out; -moz-transition: background .15s ease-out; transition: background .15s ease-out; }
.picker--opened .picker__frame { top: 0; -ms-filter: "alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
@media (min-height:33.875em) {
  .picker--opened .picker__frame { top: auto; bottom: 0; }
}
.picker__box { padding: 0 1em; }
.picker__header { text-align: center; position: relative; margin-top: .75em; }
.picker__month, .picker__year { font-weight: 500; display: inline-block; margin-left: .25em; margin-right: .25em; }
.picker__year { color: #999; font-size: .8em; font-style: italic; }
.picker__select--month, .picker__select--year { border: 1px solid #b7b7b7; height: 2em; padding: .5em; margin-left: .25em; margin-right: .25em; }
@media (min-width:24.5em) {
  .picker__select--month, .picker__select--year { margin-top: -.5em; }
}
.picker__select--month { width: 35%; }
.picker__select--year { width: 22.5%; }
.picker__select--month:focus, .picker__select--year:focus { border-color: #0089ec; }
.picker__nav--next, .picker__nav--prev { position: absolute; padding: .5em 1.25em; width: 1em; height: 1em; box-sizing: content-box; top: -.25em; }
@media (min-width:24.5em) {
  .picker__nav--next, .picker__nav--prev { top: -.33em; }
}
.picker__nav--prev { left: -1em; padding-right: 1.25em; }
@media (min-width:24.5em) {
  .picker__nav--prev { padding-right: 1.5em; }
}
.picker__nav--next { right: -1em; padding-left: 1.25em; }
@media (min-width:24.5em) {
  .picker__nav--next { padding-left: 1.5em; }
}
.picker__nav--next:before, .picker__nav--prev:before { content: " "; border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-right: .75em solid #000; width: 0; height: 0; display: block; margin: 0 auto; }
.picker__nav--next:before { border-right: 0; border-left: .75em solid #000; }
.picker__nav--next:hover, .picker__nav--prev:hover { cursor: pointer; color: #000; background: #b1dcfb; }
.picker__nav--disabled, .picker__nav--disabled:before, .picker__nav--disabled:before:hover, .picker__nav--disabled:hover { cursor: default; background: 0 0; border-right-color: #f5f5f5; border-left-color: #f5f5f5; }
.picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: inherit; width: 100%; margin-top: .75em; margin-bottom: .5em; }
@media (min-height:33.875em) {
  .picker__table { margin-bottom: .75em; }
}
.picker__table td { margin: 0; padding: 0; }
.picker__weekday { width: 14.285714286%; font-size: .75em; padding-bottom: .25em; color: #999; font-weight: 500; }
@media (min-height:33.875em) {
  .picker__weekday { padding-bottom: .5em; }
}
.picker__day { padding: .3125em 0; font-weight: 200; border: 1px solid transparent; }
.picker__day--today { position: relative; }
.picker__day--today:before { content: " "; position: absolute; top: 2px; right: 2px; width: 0; height: 0; border-top: .5em solid #0059bc; border-left: .5em solid transparent; }
.picker__day--disabled:before { border-top-color: #aaa; }
.picker__day--outfocus { color: #ddd; }
.picker__day--infocus:hover, .picker__day--outfocus:hover { cursor: pointer; color: #000; background: #b1dcfb; }
.picker__day--highlighted { border-color: #0089ec; }
.picker--focused .picker__day--highlighted, .picker__day--highlighted:hover { cursor: pointer; color: #000; background: #b1dcfb; }
.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover { background: #0089ec; color: #fff; }
.picker__day--disabled, .picker__day--disabled:hover { background: #f5f5f5; border-color: #f5f5f5; color: #ddd; cursor: default; }
.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { background: #bbb; }
.picker__footer { text-align: center; }
.picker__button--clear, .picker__button--today { border: 1px solid #fff; background: #fff; font-size: .8em; padding: .66em 0; font-weight: 700; width: 50%; display: inline-block; vertical-align: bottom; }
.picker__button--clear:hover, .picker__button--today:hover { cursor: pointer; color: #000; background: #b1dcfb; border-bottom-color: #b1dcfb; }
.picker__button--clear:focus, .picker__button--today:focus { background: #b1dcfb; border-color: #0089ec; outline: 0; }
.picker__button--clear:before, .picker__button--today:before { position: relative; display: inline-block; height: 0; }
.picker__button--today:before { content: " "; margin-right: .45em; top: -.05em; width: 0; border-top: .66em solid #0059bc; border-left: .66em solid transparent; }
.picker__button--clear:before { content: "\D7"; margin-right: .35em; top: -.1em; color: #e20; vertical-align: top; font-size: 1.1em; }