﻿/* 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-ovrde {
	font-family: "intel-clear","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic","tahoma",Helvetica,"helvetica",Arial,sans-serif !important;
}
 

/* 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,
.rwd .homepage-tile.homepage-3-up .homepage-hero .tile-info h2,
.rwd .intro-text-component h2,
.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 .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: 4em
}
.rwd .intro-text-component h2 {
    font-size: 4.5em
}
.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
}

@media (min-width: 1650px) {
    .rwd .overview-component-1 .blade-item h2 {
        font-size: 4.0em
    }
    .rwd .l3-masthead-component .l3-masthead-content h2 {
        font-size: 3em
    }
    .rwd .homepage-tile .homepage-hero .tile-info h2 {
        font-size: 3.5em
    }
}
@media (max-width: 1649px) and (min-width: 1200px) {
    .rwd .masthead-component .masthead-content h2,
    .rwd .overview-component-1 .blade-item h2 {
        font-size: 3.5em
    }
    .rwd .homepage-tile .homepage-hero .tile-info h2,
    .rwd .l3-masthead-component .l3-masthead-content h2 {
        font-size: 3em
    }
    .rwd .intro-text-component h2 {
        font-size: 3.5em
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .rwd .overview-component-1 .blade-item h2 {
        font-size: 3.2em
    }
    .rwd .homepage-tile .homepage-hero .tile-info h2,
    .rwd .l3-masthead-component .l3-masthead-content h2,
    .rwd .masthead-component .masthead-content h2 {
        font-size: 2.5em
    }
    .rwd .intro-text-component h2 {
        font-size: 3.5em
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .rwd .overview-component-1 .blade-item h2 {
        font-size: 3em
    }
    .rwd .l3-masthead-component .l3-masthead-content h2 {
        font-size: 2.5em
    }
    .rwd .masthead-component .masthead-content h2 {
        font-size: 2.2em
    }
    .rwd .homepage-tile .homepage-hero .tile-info h2 {
        font-size: 3.2em
    }
    .rwd .intro-text-component h2 {
        font-size: 3.5em
    }
}
@media (max-width: 767px) {
    .rwd .overview-component-1 .blade-item h2 {
        font-size: 2em
    }
    .rwd .homepage-tile .homepage-hero .tile-info h2,
    .rwd .intro-text-component h2,
    .rwd .l3-masthead-component .l3-masthead-content h2,
    .rwd .masthead-component .masthead-content-container .masthead-content .text h2 {
        font-size: 2.5em
    }
}

.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 .proof-point .value,
.rwd .proof-point-component .blade-title 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
}

/* TEMP Campaign Fix - remove after v5.7*/
.rwd .flyout-component .static-items .static-item {padding-bottom:10px;}

/* temp campaign font color fix - remove after v5.8 release */
.rwd .l3-text-media-component h2{color: #00aeef; font-size:2.24em;} /* TASK4252453 */
.rwd .l3-text-media-component.brand-primary h2{color: #FFF;}

/* 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: .85em;}

@media screen and (min-width: 992px) {
	.rwd .l3-text-media-component .proof-point {font-size: 1em;}
}
@media screen and (min-width: 768px) {
	.rwd .l3-text-media-component .proof-point {font-size: .75em;}
}
@media screen and (max-width:1200px) {
	.rwd.proof-point .value .unit {font-size:.22em;}
	.rwd .l3-text-media-component .proof-point .description {font-size:1.25em;}
}
@media screen and (max-width:991px) {
	.rwd .proof-point .value {font-size:7em;}
}

/* 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 */
@media screen and (min-width: 768px) {
.rwd .l3-text-media-component h2 {font-size: 2.25em;}
}
@media screen and (min-width: 992px) {
.rwd .l3-text-media-component h2 {font-size: 2.25em;}
}
@media screen and (min-width: 1200px) {
.rwd .l3-text-media-component h2 {font-size: 2.25em;}
}
.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/designs/intel/clientlibs/pages/commons-page/images/intel-logo-highres.png');
	background-size: 100%;
}
.rwd.ie .header-simplify nav.global-menu-simplify .navbar-logo {
    background: url('/etc/designs/intel/clientlibs/pages/commons-page/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/designs/intel/clientlibs/pages/commons-page/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,
.rwd .sliding-gallery-component .blade-title h2,
.rwd .overview-component.overview-component-1.hero.hero-takeover h1{
	font-size:2.5em;
}
.rwd .headline-font{
	line-height:1;
	font-weight:500;
	text-transform:none;
}

@media(min-width:768px){
	.rwd .sliding-gallery-component .blade-title h2{font-size:3.5em;}
	.rwd .toggle-blade-component h3{font-size:3em;}
	.rwd .overview-component.overview-component-1.hero.hero-takeover h1{font-size:3.5em;}
}

@media(min-width:992px){
	.rwd .sliding-gallery-component .blade-title h2{font-size:4em;}
	.rwd .toggle-blade-component h3{font-size:3.2em;}
	.rwd .proof-point-component .blade-title h2{font-size:3.5em;}
	.rwd .overview-component.overview-component-1.hero.hero-takeover h1{font-size:3.5em;}

}

@media(min-width:1200px){
	.rwd .sliding-gallery-component .blade-title h2{font-size:4.8em;}
	.rwd .toggle-blade-component h3{font-size:4em;}
	.rwd .proof-point-component .blade-title h2{font-size:4em;}
	.rwd .overview-component.overview-component-1.hero.hero-takeover h1{font-size:4.em;}
}

@media(min-width:1650px){
	.rwd .overview-component-1.full-bleed-image p{line-height:1.1;}
	.rwd .sliding-gallery-component .blade-title h2{font-size:5.5em;}
	.rwd .proof-point-component .blade-title h2{font-size:4.6em;}
	.rwd .overview-component.overview-component-1.hero.hero-takeover h1{font-size:4em;}

}



/* 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:130px;}
@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} }
@media(min-width:992px) and (max-width:1199px){ .rwd .overview-component-2 .blade-item-0.large-text h2{font-size:3.75em} }
@media(min-width:1200px){ .rwd .overview-component-2 .blade-item-0.large-text h2{font-size:4.25em} }
@media(min-width:1650px){ .rwd .overview-component-2 .blade-item-0.large-text h2{font-size:5em} }

/* CSS changes for Products Catalogue */
.product-card .card-item .title {font-size: 1.425em;}
@media screen and (min-width: 768px) {
	.task-blade .blade .blade-content h2 {font-size: 4.25em;}
}
.rwd .intro-text-component.big-intro p {font-size: 18px;}
@media screen and (min-width: 768px) {
	.task-blade .badge-item a {font-size:1.175em;}
}
.rwd .chat-component h2 {font-size:3em;}
.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;}
