﻿﻿﻿﻿﻿﻿/* CSS Override for JP/JA GEO */

body, a, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, select, input, textarea, p, blockquote, th, td {
    font-family: "intel-clear","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic","tahoma",Helvetica,"helvetica",Arial,sans-serif !important;
    line-height: 1.2 ;
}

.rwd .headline-font{
    font-family: intel-clear, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", tahoma, Helvetica, helvetica, Arial, sans-serif!important;
    line-height:1.2!important;
    font-weight:500!important;
    text-transform:none!important;
}
.rwd .headline-font-clear-bold{
    font-family: intel-clear, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", tahoma, Helvetica, helvetica, Arial, sans-serif!important;
    font-weight:700;
}

.rwd .article-content blockquote p {
    font-style: normal;
}

.rwd .article-content blockquote.quote-double p:before {
    background-image: none;
}

/* Font overrides for Rebranding - remove if GEO version of the font arrives */
.rwd .homepage-tile .homepage-hero .tile-info h2,
.rwd .homepage-tile.homepage-3-up .homepage-hero .tile-info h2,
.rwd .masthead-component .masthead-content h2,
.rwd .mixin-titling-font,
.rwd .overview-component .blade-item.blade-item-0 h2 {
    letter-spacing: inherit
}
.rwd .chat-component h2,
.rwd .homepage-tile .homepage-hero .tile-info h2.headline-font-clear-bold,
.rwd .l3-masthead-component .l3-masthead-content h2,
.rwd .masthead-component .masthead-content h2,
.rwd .mixin-titling-font,
.rwd .overview-component .blade-item.blade-item-0 h2 {
    font-family: intel-clear, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", tahoma, Helvetica, helvetica, Arial, sans-serif!important;
    font-weight: 500;
    line-height: 1.2
}
.rwd .chat-component h2,.rwd .homepage-tile .homepage-hero .tile-info h2.headline-font-clear-bold,
.rwd .l3-masthead-component .l3-masthead-content h2,
.rwd .homepage-tile.homepage-3-up .homepage-hero .tile-info h2.headline-font-clear-bold,
.rwd .overview-component .blade-item.blade-item-0 h2.headline-font-clear-bold,
.rwd .masthead-component .masthead-content h2 {
    font-weight: 700;
}
.rwd .storytelling-component .storytelling-highlights .block-text .block,
.rwd .storytelling-component.titling-blockquote .storytelling-highlights blockquote {
    font-family: intel-clear, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", tahoma, Helvetica, helvetica, Arial, sans-serif!important;
    font-weight: 500
}
.rwd .masthead-component .masthead-content h2 {
    font-size: 48px
}
.rwd .intro-text-component h2 {
    font-size: 36px
}
.rwd .intro-text-component h2.clear-font,
.rwd .intro-text-component.big-intro p {font-size: 16px!important;}
.rwd .overview-component-2 .blade-item-0 h2,
.rwd .overview-component-3 .blade-item-0 h2,
.rwd .overview-component-4 .blade-item-0 h2,
.rwd .overview-component-5 .blade-item-0 h2 {
    font-size: 2.5em
}
.rwd .overview-component-3 .blade-item-0 h2.headline-font-clear-bold,
.rwd .overview-component-4 .blade-item-0 h2.headline-font-clear-bold,
.rwd .overview-component-5 .blade-item-0 h2.headline-font-clear-bold {
    font-size: 30px
}

@media (min-width: 1650px) {
    .rwd .overview-component-1 .blade-item h2 {
        font-size: 4em
    }
    .rwd .overview-component-1 .blade-item h2.headline-font-clear-bold {
        font-size: 48px
    }
    .rwd .overview-component-3 .blade-item-0 h2.headline-font-clear-bold,
    .rwd .overview-component-4 .blade-item-0 h2.headline-font-clear-bold,
    .rwd .overview-component-5 .blade-item-0 h2.headline-font-clear-bold {
        font-size: 40px
    }
    .rwd .l3-masthead-component .l3-masthead-content h2 {
        font-size: 48px
    }
    .rwd .homepage-tile .homepage-hero .tile-info h2 {
        font-size: 3.5em
    }
}
@media (max-width: 1649px) and (min-width: 1200px) {
    .rwd .overview-component-1 .blade-item h2 {
        font-size: 3.5em
    }
    .rwd .masthead-component .masthead-content h2{
        font-size: 48px
    }
    .rwd .overview-component-1 .blade-item h2.headline-font-clear-bold {
        font-size: 48px
    }
    .rwd .overview-component-3 .blade-item-0 h2.headline-font-clear-bold,
    .rwd .overview-component-4 .blade-item-0 h2.headline-font-clear-bold,
    .rwd .overview-component-5 .blade-item-0 h2.headline-font-clear-bold {
        font-size: 40px
    }
    .rwd .homepage-tile .homepage-hero .tile-info h2{
        font-size: 3em
    }
    .rwd .l3-masthead-component .l3-masthead-content h2 {
        font-size: 48px
    }
    .rwd .intro-text-component h2 {
        font-size: 36px
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .rwd .overview-component-1 .blade-item h2 {
        font-size: 3.2em
    }
    .rwd .overview-component-1 .blade-item h2 .headline-font-clear-bold {
        font-size: 48px
    }
    .rwd .overview-component-3 .blade-item-0 h2.headline-font-clear-bold,
    .rwd .overview-component-4 .blade-item-0 h2.headline-font-clear-bold,
    .rwd .overview-component-5 .blade-item-0 h2.headline-font-clear-bold {
        font-size: 40px
    }
    .rwd .homepage-tile .homepage-hero .tile-info h2 {
        font-size: 2.5em
    }
    .rwd .l3-masthead-component .l3-masthead-content h2,
    .rwd .masthead-component .masthead-content h2 {
        font-size: 48px
    }
    .rwd .intro-text-component h2 {
        font-size: 36px
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .rwd .overview-component-1 .blade-item h2 {
        font-size: 3em
    }

    .rwd .overview-component-1 .blade-item h2.headline-font-clear-bold {
        font-size: 36px
    }
    .rwd .overview-component-3 .blade-item-0 h2.headline-font-clear-bold,
    .rwd .overview-component-4 .blade-item-0 h2.headline-font-clear-bold,
    .rwd .overview-component-5 .blade-item-0 h2.headline-font-clear-bold {
        font-size: 32px
    }
    .rwd .l3-masthead-component .l3-masthead-content h2 {
        font-size: 36px
    }
    .rwd .masthead-component .masthead-content h2 {
        font-size: 36px
    }
    .rwd .homepage-tile .homepage-hero .tile-info h2 {
        font-size: 3.2em
    }
    .rwd .intro-text-component h2 {
        font-size: 28px
    }
}
@media (max-width: 767px) {
    .rwd .overview-component-1 .blade-item h2 {
        font-size: 2em
    }
    .rwd .overview-component-1 .blade-item h2.headline-font-clear-bold {
        font-size: 32px
    }
    .rwd .overview-component-3 .blade-item-0 h2.headline-font-clear-bold,
    .rwd .overview-component-4 .blade-item-0 h2.headline-font-clear-bold,
    .rwd .overview-component-5 .blade-item-0 h2.headline-font-clear-bold {
        font-size: 30px
    }
    .rwd .homepage-tile .homepage-hero .tile-info h2{
        font-size: 1.25em
    }
    .rwd .masthead-component .masthead-content-container .masthead-content .text h2 {
        font-size: 32px
    }
    .rwd .l3-masthead-component .l3-masthead-content h2{
        font-size: 32px
    }
    .rwd .intro-text-component h2{
        font-size: 26px
    }
}

.rwd .l3-next-steps-component .step h3 {font-size: 20px;}


/* campaign */
.rwd .flyout-component h2,
.rwd .flyout-component h3,
.rwd .l3-text-media-component h2,
.rwd .sliding-gallery-component .blade-title h2 {
    font-family: intel-clear, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", tahoma, Helvetica, helvetica, Arial, sans-serif!important;
    font-weight: 500;
    line-height: 1.2
}
.rwd .proof-point-component .blade-title h2,
.rwd .proof-point .value{
    font-family: "intel-clear","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic","tahoma",Helvetica,"helvetica",Arial,sans-serif !important;
    font-weight:bold;
    line-height: 1em;
}
.rwd .flyout-component h2.headline-font-clear-bold,
.rwd .flyout-component h3.headline-font-clear-bold,
.rwd .sliding-gallery-component .blade-title h2.headline-font-clear-bold {
    font-weight: 400;
}

/* TEMP Campaign Fix - remove after v5.7*/
.rwd .flyout-component .static-items .static-item {padding-bottom:10px;}

/* more Campaign */
.rwd .proof-point .value {letter-spacing:-.1em;}
.rwd .proof-point .value .unit {letter-spacing:-.08em; padding-left:15px; white-space:nowrap;}
.rwd .l3-text-media-component .proof-point {font-size: .425em;}

@media screen and (min-width: 992px) {
    .rwd .l3-text-media-component .proof-point {font-size: .5em;}
}
@media screen and (min-width: 768px) {
    .rwd .l3-text-media-component .proof-point {font-size: .325em;}
}
@media screen and (max-width:1200px) {
    .rwd.proof-point .value .unit {font-size:.11em;}
    .rwd .l3-text-media-component .proof-point .description {font-size:1.25em;}
}
@media screen and (max-width:991px) {
    .rwd .proof-point .value {font-size:3.5em;}
}

/* temp fix for my-intel badge */
.rwd .login-register .program-badge img {max-width:300px;}

/* Emergency TEMP fix for font sizing in Media Asset with Text */
/* INC009753402 */
@media screen and (min-width: 768px) {
    .rwd .l3-text-media-component h2 {font-size: 1.75em;}
}
@media screen and (min-width: 992px) {
    .rwd .l3-text-media-component h2 {font-size: 1.75em;}
}
@media screen and (min-width: 1200px) {
    .rwd .l3-text-media-component h2 {font-size: 1.75em;}
}
.rwd .l3-text-media-component p {font-size: 16px;}

/* Emergency TEMP fix for Intel Logo on Hi-Res devices */
.rwd .header-simplify nav.global-menu-simplify .navbar-logo {
    background: url('/etc.clientlibs/settings/wcm/designs/intel/clientlibs/pages/commons-page/resources/images/intel-logo-highres.png');
    background-size: 100%;
}
.rwd.ie .header-simplify nav.global-menu-simplify .navbar-logo {
    background: url('/etc.clientlibs/settings/wcm/designs/intel/clientlibs/pages/commons-page/resources/images/hdr-spr.png') no-repeat -77px -512px;
}
@media screen and (max-width:767px) {
    .rwd.ie .header-simplify nav.global-menu-simplify .navbar-logo {background:url('/etc.clientlibs/settings/wcm/designs/intel/clientlibs/pages/commons-page/resources/images/hdr-spr.png') no-repeat -77px -427px;}
}

/* override for sharing icons in conversation blade DE19118*/
/*The generic override of anchor in line 3 is stopping the font-family coming over from livefyre to be implemented  */

.rwd .content .content-source-logo {
    font-family: "fycons-1.4.15" !important;
}
.rwd .content.content-tweet .hub-btn.hub-content-action-retweet>a {
    font-family: "fycons-1.4.15" !important;
}

.rwd .content.content-tweet .hub-btn.hub-content-action-favorite>a {
    font-family: "fycons-1.4.15" !important;
}

.rwd .content.content-tweet .hub-btn.hub-content-action-reply>a {
    font-family: "fycons-1.4.15" !important;
}

/* TEMP FIX DE19216 */
.rwd.ie .headerfooter-menu3.rwd .flyout-panel .igm-image-text figure IMG {width:auto; height:auto;}


/* TASK3717979 */
.rwd .toggle-blade-component h3,
.rwd .proof-point-component .blade-title h2 {
    font-size:1.25em;
}
.rwd .sliding-gallery-component .blade-title h2{
    font-size: 1.25em;
}
.rwd .sliding-gallery-component .blade-title h2.headline-font-clear-bold{
    font-size: 26px;
}
.rwd .overview-component.overview-component-1.hero.hero-takeover h1 {
    font-size: 32px;
}
@media(min-width:768px){
    .rwd .sliding-gallery-component .blade-title h2.headline-font-clear-bold{font-size:28px;}
    .rwd .toggle-blade-component h3{font-size:1.5em;}
    .rwd .overview-component.overview-component-1.hero.hero-takeover h1{font-size:36px;}
}

@media(min-width:992px){
    .rwd .sliding-gallery-component .blade-title h2.headline-font-clear-bold{font-size:36px;}
    .rwd .toggle-blade-component h3{font-size:3.2em;}
    .rwd .proof-point-component .blade-title h2{font-size:1.75em;}
    .rwd .overview-component.overview-component-1.hero.hero-takeover h1{font-size:48px;}

}

@media(min-width:1200px){
    .rwd .sliding-gallery-component .blade-title h2.headline-font-clear-bold{font-size:36px;}
    .rwd .toggle-blade-component h3{font-size:4em;}
    .rwd .proof-point-component .blade-title h2{font-size:2em;}
    .rwd .overview-component.overview-component-1.hero.hero-takeover h1{font-size:48px;}
}

@media(min-width:1650px){
    .rwd .overview-component-1.full-bleed-image p{line-height:1.1;}
    .rwd .sliding-gallery-component .blade-title h2.headline-font-clear-bold{font-size:36px;}
    .rwd .proof-point-component .blade-title h2{font-size:2.3em;}
    .rwd .overview-component.overview-component-1.hero.hero-takeover h1{font-size:48px;}

}



/* TEMP FIX RITM4012335 */
.rwd .overview-component.overview-component-1.hero.hero-takeover h2.description {height:auto;}
@media (max-width: 767px) {
    .rwd.no-desktop .overview-component.overview-component-1.hero.hero-takeover .blade-item-0 .blade-item-content-wrapper {padding-top:15px;}
}

/* TASK4252453 */
.rwd .articlehero .masthead-component .masthead-content h2 {line-height:1.2;}
.rwd .article-long .article-summary h2 {line-height:1.2;}
.rwd .article-long .article-content p .quote-wrap {line-height:1.2em; font-size:28px;}

/* TASK4375875 */
.rwd .article-long .article-content p .pull-quote {
    font-family: intel-clear, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", tahoma, Helvetica, helvetica, Arial, sans-serif!important;
    letter-spacing:0;
}

/* TASK4480512 */
.rwd .proof-point .value {font-size:65px;}
@media(min-width:1200px){ .rwd .toggle-blade-component h3{font-size:2.5em;} }
@media(min-width:992px){ .rwd .toggle-blade-component h3{font-size:2.5em;} }
@media(min-width:768px){ .rwd .toggle-blade-component h3{font-size:2.5em;} }

/* TASK4602952 */
@media(min-width:768px) and (max-width:991px){
    .rwd .overview-component-2 .blade-item-0.large-text h2{font-size:3em}
    .rwd .overview-component-2 .blade-item-0.large-text h2.headline-font-clear-bold{font-size:36px}
}
@media(min-width:992px) and (max-width:1199px){
    .rwd .overview-component-2 .blade-item-0.large-text h2{font-size:3.75em}
    .rwd .overview-component-2 .blade-item-0.large-text h2.headline-font-clear-bold{font-size:48px}
}
@media(min-width:1200px){
    .rwd .overview-component-2 .blade-item-0.large-text h2{font-size:4.25em}
    .rwd .overview-component-2 .blade-item-0.large-text h2.headline-font-clear-bold{font-size:48px}
}
@media(min-width:1650px){
    .rwd .overview-component-2 .blade-item-0.large-text h2{font-size:5em}
    .rwd .overview-component-2 .blade-item-0.large-text h2.headline-font-clear-bold{font-size:48px}
}

/* CSS changes for Products Catalogue */
.product-card .card-item .title {font-size: 1.425em;}
@media screen and (min-width: 992px) {
    .task-blade .blade .blade-content h2.headline-font-clear-bold {font-size: 36px!important;font-weight: normal;}
}
@media screen and (max-width: 991px) {
    .task-blade .blade .blade-content h2.headline-font-clear-bold {font-size: 28px!important;font-weight: normal;}
}
@media screen and (max-width: 767px) {
    .task-blade .blade .blade-content h2.headline-font-clear-bold {font-size: 26px!important;font-weight: normal;}
}
@media screen and (min-width: 768px) {
    .task-blade .badge-item a {font-size:1.175em;}
}
.rwd .chat-component h2.headline-font-clear-bold {font-size:1.5em;} /* US547237 font size change*/
.rwd .chat-component .chat-text p {line-height: 2.25em;} /* temp change */

.rwd .proFont {font-family:intel-clear, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", tahoma, Helvetica, helvetica, Arial, sans-serif!important;}

/* INC005290762 */
.rwd .glyphicon {font-family: 'Glyphicons Halflings'!important;}


/* TASK4896875 */
.rwd .l3-text-media-component h2.headline-font {line-height:1.1; font-size:2.25em; font-weight:bold;}

/* TASK5295795 */
.rwd .article-long .article-summary h2 {text-transform:none;}

/* TASK5755130 */
.rwd .gallery-vertical .media-item .text-container h3.headline {line-height:1; letter-spacing:.02em; font-size:2.0em;}
.rwd .accordion-vertical .headline, .rwd .accordion-vertical .headline-title{line-height: 1; letter-spacing:.02em; font-size:2.25em;}

/* RITM5654175 */
@media screen and (min-width: 768px) {
    .rwd .toggle-fullblade-component .owl-carousel .l3-text-media-component h2 {font-size: 2.5em;}
}
.rwd .toggle-fullblade-component .owl-carousel .l3-text-media-component h2{line-height:1; letter-spacing:.02em;}
.task-blade .badge-item a{line-height:1.2}
.task-blade .badge-item span.subtitle{line-height:20px}
.rwd blockquote p{font-style:normal;font-size:1.5em}

/* TASK6203700 */
.rwd .homepage-tiles .homepageTwoUp .homepage-2up .comp-item span.caption {	font-family: intel-clear, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", tahoma, Helvetica, helvetica, Arial, sans-serif!important; font-weight: 500; line-height: 1.2;	}
@media screen and (min-width: 768px) { 	.rwd .homepage-tiles .homepageTwoUp .homepage-2up .comp-item span.caption {	font-size: 2em;	} }
@media screen and (min-width: 992px) { 	.rwd .homepage-tiles .homepageTwoUp .homepage-2up .comp-item span.caption {	font-size: 3em;	} }

/* JPJA-Linewrap */
.ww {display:inline-block;}

/* JPJA-Tweaks */
@media (max-width: 767px) {
    .rwd .chat-component h2.headline-font-clear-bold {font-size: 1em;}
}

/*Fix INC009443046*/
.video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .vjs-play-progress.vjs-slider-bar
{
    font-family: VideoJS !important;
}
/*Fix for message icon margin height - DE97025*/
.rwd .secondary-nav #alerts-box .message-link .message-icon {
    height: 20px;
}
/*removing line issue*/
.rwd .secondary-nav #alerts-box {
    height: 37px;    
}
/*tooltip issue fix*/
.tooltiptext {
	top:98% !important;
}

.video-js .vjs-time-control {
    line-height: 3em !important;
}