/* 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
***************************************************************/

/*#layout-header, #layout-featured, #layout-before-main, #layout-main, #layout-footer, #layout-after-main, #layout-tripel {
    width:960px;
    margin:0 auto;
}*/

/* 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; }

/*hero*/
.hero { margin: 0 auto; padding-bottom: 20px;}
.hero img { display: block; max-width: 100%; margin: 0 auto; }

/*top hero*/
.top-hero { max-width: 960px; }
.hero .left-content { margin-right: 10px; float: left; position: relative; width: 578px; }
.hero .left-content h2 { box-sizing: border-box; -moz-box-sizing: border-box; background-color: #000; background-color: rgba(0,0,0,0.5); color: #fff; font-family: 'Segoe UI', sans-serif; font-size: 20px; line-height: 20px; padding: 4px 10px 7px; position: absolute; bottom: 0; width: 100%; }
.hero .right-content { float: left; width: 367px; }
.hero .right-content .apply-now-cta { display: block; margin-bottom: 9px; }
.hero .right-content .xbox-one-cta { float: left; width: 61%; margin-right: 8px; }
.hero .right-content .blog-cta { box-sizing: border-box; -moz-box-sizing: border-box; background-color: #007d02; color: #fff; display: block; float: left; font-family: "Segoe UI Light"; font-size: 26px; width: 135px; padding: 74px 12px 12px; }
.hero .right-content .blog-cta:hover { background-color: #09610f; text-decoration: none; }

/*top hero for old versions*/
.hero-text h2 { font-size: 22px; margin: 10px 0 15px; }
.hero-text p { font-size: 18px; font-family: 'Segoe UI Light'; line-height: 24px; margin: 0 0 15px; }

/*About ID@Xbox*/
.about-idxbox h1 { font-size: 40px; line-height: 42px; margin-bottom: 15px; }
.about-idxbox h2 { font-size: 30px; line-height: 32px; margin-bottom: 15px; }
.about-idxbox p { font-size: 25px; line-height: 32px; }
.about-idxbox { background-color: #eee; font-family: "Segoe UI Light"; padding: 20px 0 25px; }

/*Joining steps*/
.steps { background-color: #007d00; color: #fff; height: 100px; padding: 40px 0; width: 100%; }
.steps .step { width: 26%; float: left; }
.steps .step-separator { background: url(images/arrow-right-new.png) no-repeat center center; display: block; float: left; height: 90px; width: 11%; }
.steps .step h3 { font-size: 30px; line-height: 32px; margin-bottom: 5px; }
.steps .step p { font-size: 16px; line-height: 20px; margin-bottom: 0px; }

/*Program Goal*/
.program-goal { background-color: #fff; font-family: "Segoe UI Light"; font-size: 24px; line-height: 30px; padding: 40px 0; width: 100%; }

/*why join*/
.why-join { background: #333; color: #fff; font-family: "Segoe UI Light"; padding: 40px 0 0; }
.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; }

/*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 0; width: 100%; }
.about-games img { float: left; width: 56%; margin-right: 3%; }
.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 { background: #fff; color: #222; font-size: 20px; font-family: "Segoe UI Light"; line-height: 28px; padding: 60px 0; }
.faqs h2 { font-size: 40px; font-family: "Segoe UI"; margin-bottom: 35px; }
.faqs h3 { font-size: 30px; margin-bottom: 15px; }
.faqs p { font-size: 18px; }
.faqs a { color: #027d00; }
.faqs .question { margin-bottom: 45px; }
.faq-items { overflow: hidden; padding: 0 110px; margin-bottom: 50px }

/*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 { padding: 15px 20px 30px; }

    .form .sysRequirements a {
        color: #007900;
    }

.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; color: #6b6b6b; }
.form input, .form textarea, .form select { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #107c10; 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;
}

/*.form input,
.form select { margin:0 12px 30px 0;}
.form select {display:block;}
.col-15 { width:123px;}
.col-25 { width:190px;}
.col-30 { width:257px;}
.col-50 { width:391px;}
.col-60 { width:526px;}
.col-100 { width:795px;}
.floated { float:left;}
.multi-row { height:100px;}
.radio-btns { margin:10px 0 30px 5px;}
.radio-btns label { padding:0;}
.form .radio-btns input { margin-bottom:5px;}*/

.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: 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; }


@media screen and (min-width: 768px) and (max-width: 960px) {
    .content-container {
        padding: 0 20px;
    }
    .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:20px;padding-right:20px;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; }
    .reasons-column { float: none; margin-left: 0%; width: 100%; }
    .reason { height: auto; margin-bottom: 20px }
    .reason span { display: none; }
    .reason-text { padding-left: 0; }
    .reason h3 { font-size: 20px; font-family: "Segoe UI Semibold"; line-height: 24px; margin-top: -4px; margin-bottom: 5px; }
    .reason p { font-size: 14px; font-family: "Segoe UI"; line-height: 18px; }

    /*About Games*/
    .about-games { background-color: #eee; font-family: "Segoe UI Light"; padding: 0; width: 100%; }
    .about-games .content-container { padding: 0 }
    .about-games img { display: block; float: none; margin: 0 auto; width: auto; max-width: 100%; }
    .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-bottom: 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}