/* Items Added by James */

.new-design .callout-card {
    height: 200px;
    box-shadow: none !important;
    border-radius: 10px;
    background-color: #ffffff;
    padding: 35px 40px;
    text-align: left;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0.1) !important;
}

.new-design.case-study .case-study-navs {
   margin-top:110px;
}

.new-design .case-study-body.small-copy p {
    margin-bottom: 10px !important;
}

main .new-design.new-esg#timeline-carousel .events a {
    width:70px;
}

@media(max-width:767px) {
   .factors-inner-content {
     padding-bottom:0 !important;
   }
}


@media(max-width:767px) AND (orientation:landscape) {
   .new-design.bg-original-width.scrollFix .background-container, 
   .new-design.callout-sticky-fade.scrollFix .background-container, 
   .new-design.callout-box-full.scrollFix .background-container,
   .new-design.hero-component .background {
      position:absolute !important;
   }
}

.new-design-button {
    text-transform:uppercase;
}

@media(max-width:767px){
.new-design.article-cards.new-esg.hero-component.light * {
color:#333;
}
}

/* Itmes Added by Ying */
.new-design.article-cards .img-link img {
    max-height: 100%;
}
.new-design .feature-overlay.active-passive {
    border: 1px solid #6a6a6a;
}
main .new-design:not(#hero-nav-bar) a.secondary:hover {
        color: #123a5f;
    }
@media screen and (max-width: 767px) {
    .au-nbi-home .global-homepage .stat-top,
    .au-nbi-home .global-homepage .stat-bottom {
        position: relative;
        margin: 10px auto;
    }
}
@media screen and (max-width: 991px) {
    .jumbotron.home-feature.au-nbi-home .no-gutter-right, 
    .jumbotron.home-feature.au-nbi-home .no-gutter-left {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 767px) {
    .au-nbi-home .jumbo-background, .hero-text-box-outer-center.no-feature {
        height: 550px;
    }

    .au-nbi-home .global-homepage .home-feature-text h1 {
        font-size: 2.6em;
    }

    .au-nbi-home .global-homepage .home-feature-text h5 {
        margin: 0;
        font-size: 2em;
    }

    .au-nbi-home .global-homepage .feature-link {
        margin: 0;
        font-size: 2.6em;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .au-nbi-home .global-homepage #hero-feature-module {
        position: absolute;
        transform: translateY(-50%);
    }
}


/* Items Already Added to source controlled css */
@media (max-width: 768px) {
    footer h4.no-right-margin
    footer h3.no-right-margin {
        margin-right: 30px;
    }
}
footer h4,
footer h3 {
    font-family: "Frutiger57",Helvetica,Arial,"sans-serif","Microsoft Jhenghei", "MS PGothic";
    margin: 24px 30px 8px 0;
    padding: 0 0 10px 0;
    line-height: 1.1;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    letter-spacing: .06em;
    border-bottom: 1px solid #8e8e8e;
}
footer h4.no-right-margin,
    footer h3.no-right-margin {
        margin-right: 0;
    }
footer h3.footer-nb-mark, footer h2.footer-nb-mark {
            padding-left: 51px;
            text-transform: none;
            font-size: 20px;
            color: #ccc;
            letter-spacing: 0;
            border: none;
            padding-bottom: 0;
            margin-top: 7px;
            margin-bottom: 20px;
        }

            footer h3.footer-nb-mark:before, footer h2.footer-nb-mark:before {
                content: "\e900";
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                color: #ccc;
                font-size: 33px;
                position: absolute;
                left:0 ;
                top: 3px;
            }
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

footer h2 {
 
 
    line-height: 22px !important; 
    
}


/* Perm */
.icon-nb-mark:before {
    content: "\e900" !important;
}


.icon-nb-simplified:before {
    content: "\e901" !important;
}


.icon-nb-simplified-fill:before {
    content: "\e902" !important;
}


.icon-nb-simplified-full:before {
    content: "\e903" !important;
}


.icon-nb-standard:before {
    content: "\e904" !important;
}


.icon-nb-traditional:before {
    content: "\e905" !important;
}



.icon-nb-traditional-fill:before {
    content: "\e906" !important;
}


.icon-nb-traditional-full:before {
    content: "\e907" !important;
}
ul.utility-nav.navbar-left li.country-audience-toggle:before { content: "\e876"!important; }
.fa-twitter:before {
  content: "\f099" !important; 
}
.fa-linkedin:before {
  content: "\f0e1" !important;
 }
.fa-google-plus:before {
  content: "\f0d5" !important; 
}
.fa-circle:before {
  content: "\f111" !important;
 }
a span.location-dash:before { content: "\e876" !important; }
a.close-shelf:before { content: "\e870" !important; } 
#country-audience-shelf ul li.shelf-selected a:after { content: "\e876" !important; }


.new-design.case-study .case-study-title-label {
	font-size: 11px;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #123a5f;
    font-family: "Frutiger67BoldCn", "Microsoft Jhenghei", "MS PGothic";
    display: block;
    padding: 0;
    font-weight: normal;
    border-radius: 0;
    text-align: left;
    margin-bottom: 10px;
}