/*******UHF Overrides***start*****/
#invite .shell-category-header,
#invite .fixed-category-nav-buffer { display: none; }
.shell-header a, .shell-footer a { font-family: wf_segoe-ui_normal, Arial, sans-serif; }
.shell-footer .shell-footer-wrapper { overflow: hidden !important; }
span#meControl { display: flex; }
.shell-notification .notification-txt, .shell-notification .notification-action { font-size: 15px; }
#meControlDropdown div a { font-size: 16px; }
#meControlDropdown .msame_Drop_active_right { font-size: 14px; }
.shell-category-header .shell-category-nav .c-logo { font-size: 16px !important; }
.shell-category-header .shell-category-nav .c-logo span { font-size: 20px !important; }
.shell-category-header .shell-category-nav .c-nav-link, .shell-category-header .shell-category-nav .c-nav-link span { font-size: 15px !important; }
.shell-category-header .shell-category-nav .c-top-nav-link.c-nav-link:hover, .shell-category-header .shell-category-nav .c-top-nav-link.c-nav-link:focus { text-decoration: none !important; }
#home-briefing .shell-category-header.category-sticky { position: fixed; top: 0; }
/*******UHF Overrides***end******/

/*********Hiding Follow MS pre-footer banner for specific locales************************/
.de-AT #mscom-follow-banner,
.en-IE #mscom-follow-banner,
.en-AU #mscom-follow-banner,
.fi-FI #mscom-follow-banner,
.fr-CA #mscom-follow-banner,
.nl-NL #mscom-follow-banner { display: none; }


.msft-logo { background-image: url(/october2015event/Assets/img/social-icons-new.png); background-repeat: no-repeat; width: 170px; height: 36px; background-position: -324px -4px; margin-bottom: 20px; }
/*****Plugin Css******/

.social-icon { width: 44px; height: 44px; margin-right: 12px; display: inline-block; background-image: url(/october2015event/Assets/img/social-icons-new.png); background-repeat: no-repeat; cursor: pointer; float: left; }
.social-icon:last-child { margin-right: 0px; }
.social-icon.fb.white { background-position: -504px 0; }
.social-icon.twitter.white { background-position: -558px 0; }
.social-icon.fb.white:hover { background-position: -936px 0; }
.social-icon.twitter.white:hover { background-position: -990px 0; }
.social-icon.fb.blue:hover { background-position: -1044px; }
.social-icon.twitter.blue { background-position: -54px 0; }
.social-icon.twitter.blue:hover { background-position: -1098px 0; }
.plugin-ctas,
.plugin-social { float: left; }
.link { display: inline; }
.link a { display: inline-block; }
.link a:after { content: ''; display: inline-block; width: 0.55em; height: 0.55em; vertical-align: baseline; margin-bottom: 0.02em; margin-left: 0.25em; background-position: 0 0; background-repeat: no-repeat; -webkit-box-sizing: content-box; box-sizing: content-box; background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%201000%201000%22%20enable-background%3D%22new%200%200%201000%201000%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3Ecircle%2C%20ellipse%2C%20line%2C%20path%2C%20polygon%2C%20polyline%2C%20rect%2C%20text%20%7B%20fill%3A%20white%20!important%3B%20stroke%3A%20white!important%3B%20%7D%3C%2Fstyle%3E%3Cg%20id%3D%22New_Symbol%22%3E%20%3Cpolygon%20points%3D%22288.1%2C3.6%20170.2%2C121.4%20548.8%2C500%20170.2%2C878.6%20288.1%2C996.4%20784.5%2C500%20%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.link a.blue-c:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%201000%201000%22%20enable-background%3D%22new%200%200%201000%201000%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3Ecircle%2C%20ellipse%2C%20line%2C%20path%2C%20polygon%2C%20polyline%2C%20rect%2C%20text%20%7B%20fill%3A%20%230060AC%20!important%3B%20stroke%3A%20%230060AC!important%3B%20%7D%3C%2Fstyle%3E%3Cg%20id%3D%22New_Symbol%22%3E%20%3Cpolygon%20points%3D%22288.1%2C3.6%20170.2%2C121.4%20548.8%2C500%20170.2%2C878.6%20288.1%2C996.4%20784.5%2C500%20%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.link a.black-c:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%201000%201000%22%20enable-background%3D%22new%200%200%201000%201000%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3Ecircle%2C%20ellipse%2C%20line%2C%20path%2C%20polygon%2C%20polyline%2C%20rect%2C%20text%20%7B%20fill%3A%20%232F2F2F%20!important%3B%20stroke%3A%20%232F2F2F!important%3B%20%7D%3C%2Fstyle%3E%3Cg%20id%3D%22New_Symbol%22%3E%20%3Cpolygon%20points%3D%22288.1%2C3.6%20170.2%2C121.4%20548.8%2C500%20170.2%2C878.6%20288.1%2C996.4%20784.5%2C500%20%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.link a:hover { text-decoration: underline; }

/*****Plugin Css******/
/*******Panels******/
/******Content Block*****/

.cal { display: inline-block; float: left; margin-right: 20px; margin-bottom: 20px; height: 44px; }
.cal label:before { content: ''; display: block; height: 14px; width: 14px; position: absolute; top: 14px; right: 15px; background-repeat: no-repeat; z-index: 10; pointer-events: none; background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%201000%201000%22%20enable-background%3D%22new%200%200%201000%201000%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3Ecircle%2C%20ellipse%2C%20line%2C%20path%2C%20polygon%2C%20polyline%2C%20rect%2C%20text%20%7B%20fill%3A%20%232F2F2F%20!important%3B%20stroke%3A%20%232F2F2F!important%3B%20%7D%3C%2Fstyle%3E%3Cg%20id%3D%22New_Symbol%22%3E%20%3Cpolygon%20points%3D%22500%2C808.9%2012.2%2C321.1%2071.1%2C262.2%20500%2C691.1%20928.9%2C262.2%20987.8%2C321.1%20%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
/******Calendar Tweak*******/
#invite .hero-panel .content { z-index: 999; }
/******Calendar Tweak*******/
#invite .hero-panel .content { padding-top: 120px; padding-bottom: 64px; }
#invite .hero-panel .content { word-wrap: break-word; }
.hero-panel .content label { background-color: #ffffff; color: #000; padding: 11.5px 9.5em 11.5px 0.8em; cursor: pointer; line-height: 44px; font-size: 16px; }

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    .hero-panel .content label { padding: 11.5px 9.5em 11.5px 0.7em; }
}

.hero-panel .content h1 { margin-bottom: 17px; }
.hero-panel .content p { margin-bottom: 34px; }
.hero-panel .content p a { color: #FFF; }
.hero-panel .content .block-plugins { margin-top: 7px; }
/******Content Block*****/
/********* Briefing*************/


#win-10-banner .plugin-ctas { margin-right: 20px; }
#win-10-banner .plugin-ctas.link a { line-height: 38px; }

.device-family .full-bleed { position: relative; }
.device-family .device-touts { display: inline-block; width: 100%; position: relative; margin-bottom: 50px; }
.device-family .absolute-container { bottom: 26px; top: auto; }
.device-family .device-touts a { color: #2F2F2F; font-family: wf_segoe-ui_semibold, wf_segoe-ui_normal, Arial, sans-serif; }
.device-family .content-wrapper { overflow: hidden; }
.device-family .content-wrapper .cta { display: block; margin-left: auto; margin-right: auto; float: none; }
.device-family .content-wrapper .device-touts .fl a { display: block; }
.device-family .headline { padding-top: 65px; padding-bottom: 34px; }
.device-family .body { padding-top: 5px; display: inline-block; }
.device-family .plugin-ctas { float: none; width: 100%; text-align: center; }
.device-family .content-wrapper .device-touts .fl { margin-bottom: calc(17px - -0.2vw); min-height: 140px; }
.device-family .content-wrapper .device-touts img { max-height: 100px; min-height:100px; }
/********* Briefing*************/
/***********Live Event**************/

.pinned-video { position: relative; z-index: 99; }
.live-event { background: #000; overflow: hidden; text-align: center; position: relative; margin: 0 auto; height: 576px; }
.hero-wrapper { width: 100%; height: 576px; margin: 0 auto; position: relative; }
.video-wrapper { height: 100%; position: relative; width: 100%; bottom: 0px; left: 0px; }
iframe { width: 100%; height: 576px; width: 100%; display: block; position: absolute; bottom: 0; left: 0; }
.video-small .container { position: fixed; top: 0; left: 0; width: 100%; height: 124px; padding: 0 0; z-index: 1; background-color: rgba(0, 0, 0, 0.85); }
.video-small .copy { height: 124px; }
.video-small .container .copy-center { padding-left: 232px; bottom: 0; position: absolute; width: 100%; }
.video-small .container .copy-center .caption { margin-bottom: 24px; }
.video-small .container .copy-center .back.caption { margin-bottom: 22px; }
.caption a { font-size: calc(11.5px - -0.11vw); }
.video-small .container .back { position: absolute; right: 20px; bottom: 4px; }
.video-small .hero-wrapper { position: fixed; top: 0px; left: 0px; height: 124px; z-index: 2; width: 208px; }
.video-small iframe { height: 116px; bottom: 4px; left: 4px; }
#streamVideoTimestamp, #streamVideoTimestamp span { font-size: inherit; }
/***********Live Event**************/

@media all and (min-width: 540px)and (max-width: 1083px) {
    .device-family .headline { padding-top: 48px; padding-bottom: 32px; }
    .device-family a.caption { margin-top: 15px; margin-bottom: 32px; }
    .device-family .device-touts { margin-bottom: 29px; }
    .hero-panel .content { padding-top: 72px; padding-bottom: 32px; }
    #invite .hero-panel .content p { margin-bottom: 27px; }
    .hero-panel .content h1 { margin-bottom: 13px; }
    #home-briefing .hero-panel .content { padding-top: 0px; padding-bottom: 0px; }
    #home-briefing .hero-panel .content p { margin-bottom: 30px; }
}

@media all and (max-width: 539px) {
    #home-briefing .hero-panel .content .block-plugins { margin-top: 0px; margin-bottom: 43px; display: inline-block; }
    .live-event,
    .hero-wrapper,
    .video-wrapper { position: relative; height: auto; padding: 0 0; }
    iframe { position: relative; width: 100%; height: 53vw; }
    .device-family .content-wrapper .fl a { display: block; }
    .device-family .navigation { top: 56%; cursor: pointer; width: 32px; height: 72px; z-index: 100; }
    .device-family .navigation.leftarrow { position: absolute; left: 0; background-image: url(http://compass.xbox.com/assets/7e/47/7e47e8a8-eca4-4295-b90b-7a4f67da4b92.png?n=left-arrow.png); background-repeat: no-repeat; }
    .device-family .navigation.rightarrow { position: absolute; right: 0; background-image: url(http://compass.xbox.com/assets/de/58/de58d45c-a1e5-4dfc-a3d9-6f0f948c2dde.png?n=right--arrow.png); background-repeat: no-repeat; }
    .device-family a.caption { margin-top: 14px; margin-bottom: 46px; }
    .device-family .absolute-container { bottom: 22px; }
    .device-family .headline { padding-top: 35px; padding-bottom: 22px; }
    .device-family .device-touts { margin-bottom: 0px; }
    .device-family .content-wrapper .device-touts .fl { margin-bottom: 18px; }
    .device-family .content-wrapper .cta { min-height: 140px; }

    .hero-panel .content { position: relative; }
    .hero-panel .content .block-plugins { margin-top: 13px; }
    .hero-panel .content { padding-top: 60px; padding-bottom: 24px; }
    #invite .hero-panel .content p { margin-bottom: 27px; }
    .hero-panel .content h1 { margin-bottom: 15px; }
    #home-briefing .hero-panel .content h1 { margin-top: 22px; }
    #home-briefing .hero-panel .content { padding-top: 0px; padding-bottom: 0px; }

    .social-icon { background-image: url(/october2015event/Assets/img/social-icons-large-new.png); width: 48px; height: 48px; }
    .social-icon.twitter.blue { background-position: -58px 0; }
    #invite .social-icon { width: 44px; height: 44px; background-image: url(/october2015event/Assets/img/social-icons-new.png); }
    .device-family .device-touts { display: inline-block; width: 100%; position: relative; padding: 0px; margin-top: 0px; }
}

@media all and (min-width: 540px) and (max-width: 640px) {
    #home-briefing .hero-panel { overflow: hidden; }
    #home-briefing .hero-panel .full-bleed { width: 150%; margin-left: -30%; }
    #home-briefing .hero-panel .content h1 { font-size: 42px; }
}

@media all and (min-width: 641px) and (max-width: 940px) {
    #home-briefing .hero-panel { overflow: hidden; }
    #home-briefing .hero-panel .full-bleed { width: 120%; margin-left: -10%; }
}

@media all and (min-width: 381px) and (max-width:460px) {
    .hero-panel .content label { background-color: #ffffff; color: #000; padding: 10.5px 4.5em 10.5px 0.8em; padding-right: 70px; cursor: pointer; line-height: 44px; font-size: 16px; }
}

@media all and (min-width: 320px) and (max-width: 380px) {
    .hero-panel .content label { background-color: #ffffff; color: #000; padding: 10.5px 4.5em 10.5px 0.8em; padding-right: 50px; cursor: pointer; line-height: 44px; font-size: 16px; }
}

@media all and (min-width:200px) and (max-width: 319px) {
    .hero-panel .content label { background-color: #ffffff; color: #000; padding: 10.5px 4.5em 10.5px 0.7em; padding-right: 40px; cursor: pointer; line-height: 44px; font-size: 16px; }
}

#home-briefing .latest-news-live-container { padding-bottom: 18px; }

.announcement-banner .msft-logo { top: 5px; }

/***********Css fixes for localized content Heropanel pre and during**************/
@media all and (min-width: 540px) and (max-width: 560px) {
    #home-briefing .hero-panel .content .hero-heading-font-size-loc1 h1 { font-size: calc(24px - -1.86vw); }
}

@media all and (min-width: 561px) and (max-width: 700px) {
    #home-briefing .hero-panel .content .hero-heading-font-size-loc1 h1 { font-size: calc(26px - -1.86vw); }
}

@media all and (min-width: 540px) and (max-width: 700px) {
    #home-briefing .hero-panel .content .hero-heading-font-size h1 { font-size: calc(32px - -1.86vw); }
    #home-briefing .hero-panel .content .hero-heading-font-size-loc h1 { font-size: calc(26px - -1.86vw); }
}

@media all and (min-width: 701px) and (max-width: 850px) {
    #home-briefing .hero-panel .content .hero-heading-font-size-loc h1 { font-size: calc(32px - -1.86vw); }
    #home-briefing .hero-panel .content .hero-heading-font-size-loc1 h1 { font-size: calc(32px - -1.86vw); }
}

@media all and (max-width: 1083px) {
    #home-briefing #win-10-banner.hero-panel .content { position: relative; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; padding-top: 30px; padding-bottom: 64px; }
}

@media all and (max-width: 539px) {
    #home-briefing #win-10-banner.hero-panel .content { padding-top: 0px; padding-bottom: 0px; }
}

@media all and (min-width: 1084px) {
    #win-10-banner h1 {
        font-size: calc(34.4402px - -1.435vw);
    }

    #win-10-banner .plugin-ctas.link a {
        font-size: calc(13.4067px - -0.2392vw);
    }
}


/****Device Blade style ****/
#home-briefing .device-touts .fl { vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 49%; padding-left: 2%; padding-right: 2%; margin-bottom: 18px; float: none;}

@media all and (min-width: 540px) {
    #home-briefing .device-touts .fl { margin-bottom: -webkit-calc(17px + 0.2vw); margin-bottom: calc(17px + 0.2vw); }
}

@media all and (min-width: 1400px) {
    #home-briefing .device-touts .fl { margin-bottom: 20px; }
}

@media screen and (min-width: 540px) {
    #home-briefing .device-touts .fl { width: 24.3%; }
}

@media screen and (min-width: 1400px) {
    #home-briefing .device-touts .fl { width: 12%; }
}

#home-briefing .device-touts .fl:first-child { padding-left: 0; }
#home-briefing .device-touts .fl:last-child { padding-right: 0; }

@media screen and (min-width: 540px) {
    #home-briefing .device-touts.row-of-3 .fl { width: 32.7%; }
}

@media screen and (min-width: 768px) {
    #home-briefing .device-touts.row-of-3 .fl { width: 24.3%; }
}

@media screen and (min-width: 1400px) {
    #home-briefing .device-touts.row-of-3 .fl { width: 16%; }
}

@media screen and (min-width: 540px) {
    #home-briefing .device-touts.row-of-5 .fl { width: 32.7%; }
}

@media screen and (min-width: 768px) {
    #home-briefing .device-touts.row-of-5 .fl { width: 19.4%; }
}
/****Device Blade style ****/