/* 2017 0817 jpp */
/* 
 * CSS file for ibm.com developerWorks: v18 Alt Home Page CSS 
 * Copyright (c) 2017 IBM Corporation
 * Owner: developerWorks Content/Raleigh/IBM (jpp)
 * Last change: Removed custom font-family styles (default to plex)
*/

#ibm-leadspace-head {
    border-bottom: 1px solid #215668;
}
.ibm-landing-page #ibm-content-body {
    padding-top: 28px!important;
}
#ibm-content-main.dw-home-alt {
    padding-top: 4px;
}
/* Leadspace */
.dw-home-leadspace {
    padding: 40px;
}
.dw-home-leadspace form {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    border: 2px solid #fff;
    margin: 20px 20%;
    position: relative;
    }
.dw-home-leadspace form p {
    line-height: 1;
    margin: 0;
    padding: 0;
}
.dw-home-leadspace form label {
    display: none;
}
.dw-home-leadspace form input {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: medium none;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 1.25rem;
    padding: 16px;
    width: 100%;
}
.dw-home-leadspace form *:-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.dw-home-leadspace form *::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.dw-home-leadspace form ::-webkit-input-placeholder { 
    /* chrome/opera/safari */
    color: #fff;
    opacity: 1;
}
.dw-home-leadspace form :-ms-input-placeholder { 
    /* ie 10+ */
    color: #fff;
    opacity: 1;
}
.dw-home-leadspace form :placeholder-shown {
    /* w3c standard */
    color: #fff;
    opacity: 1;
}
#dw-home-leadspace-search-form #dw-home-q {
    overflow: hidden;
    padding-right: 56px;
}
/* search icon */
.dw-home-leadspace form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 50px;
    position: absolute;
    right: 2px;
    text-align: center;
    top: 2px;
    width: 35px;
}
.dw-home-leadspace form button::before {
    font-size: 2rem;
    color: #fff;
    left: -9px;
    top: 10px;
}            
.dw-home-leadspace form button span {
    display: none;
}
.dw-home-leadspace h2.ibm-h2 {
    font-size: 1.75rem;
    line-height: 2rem;
    color: #46d7c4;
}
.dw-home-leadspace h3.ibm-h1 {
    font-size: 3.0rem;
    line-height: 3.4375rem;
    padding: 0 0 30px;
}
/* Content Hub Bar */
.dw-home-category-icon {
    margin: 0 auto;
    text-align: center;
}
.dw-home-categories ul { padding: 0 0 0; }
.dw-home-categories li {
    display: inline-block;
    width: 49%;
    padding-left: 0;
    padding-top: 0;
}
.dw-home-categories li p {
    font-size: 1.25em;
    text-align: center;
    color: #666;
    padding: 10px 0 15px;
    line-height: 1.5;
}
.dw-home-categories li a:hover { text-decoration: none; }
.dw-home-categories li a:hover p {
    color: #4178be;
}
.dw-home-category-rule {
    margin-top: 20px;
}
/* Promotion Block */
#dw-home-promotion h2.ibm-h2 { 
    font-size: 2.125rem;
    line-height: 2.375rem;
}
#dw-home-promotion p.ibm-h4 { 
    font-size: 1.5rem;
    line-height: 2.375rem;
}
#dw-home-promotion h2+p {
    padding: 0;
}
#dw-home-promotion-cta.ibm-btn-sec {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    opacity: 1.0;
    font-size: 1.25rem;
}
#dw-home-promotion-cta.ibm-btn-sec:hover,
#dw-home-promotion-cta.ibm-btn-sec:focus {
    background-color: #fff;
    color: #333;
}
/* Dev Center Bar */
.dw-home-devcenter h2 { 
    font-size: 2.125rem;
    line-height: 2.375rem;
    padding: 12px 0 22px; 
}
.dw-home-devcenter a { text-decoration: none; }
/* Content Areas */
.ibm-blocklink {
    border: 0px solid transparent;
    color: inherit;
    display: block;
    transition: border 0.0s ease 0s, background 0.2s ease 0s, color 0.2s ease 0s;
}
/* carousel */
.dw-home-carousel a:hover, .dw-home-content a:hover { text-decoration: none; }
.dw-home-carousel h2 {
    color: #333;
    font-size: 2.125rem;
    line-height: 2.375rem;
}
.dw-home-carousel .ibm-card h3, .dw-home-content .ibm-card h3 {
    color: #333;
    font-size: 2.1875rem;
    line-height: 2.375rem;
}
.dw-home-carousel .ibm-card .ibm-card__content p, .dw-home-content .ibm-card .ibm-card__content p {
    color: #666;
}
.dw-home-carousel .ibm-card .ibm-card__bottom p, .dw-home-content .ibm-card .ibm-card__bottom p { 
    padding: 0;
}
.dw-home-carousel .ibm-card__content p, .dw-home-content .ibm-card__content p {
    margin-bottom: 16px;
}
/* content block */
.dw-home-content h2 { 
    color: #333;
    font-size: 2.125rem;
    line-height: 2.375rem;
}
.dw-home-content h3 {
    color: #333;
    font-size: 2.125rem;
    line-height: 2.375rem;
}
.dw-home-content .ibm-col-6-2:not(:first-child) h3 { padding: 10px 0 15px; }
.dw-home-content .dw-home-data-feed-container {
    padding: 0 20px;
}
.dw-home-content .dw-home-data-feed ul.ibm-link-list a {
    padding-left: 0;
}  
.dw-home-content .dw-home-data-feed ul.ibm-link-list a.ibm-forward-link::before {
    content: "";
}
.dw-home-content .dw-home-data-feed .ibm-link-list > li {
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 6px;
}
.dw-home-content .dw-home-data-feed .ibm-link-list.dw-home-data-feed-more > li {
    border-bottom: initial;
}
ul > li::before, ol > li::before {
    color: #959595;
    content: none;
    display: inline-block;
    font-size: 1.5rem;
    margin-left: 0;
    position: absolute;
}
/* Mobile: Carousel Alt */
.dw-home-carousel .dw-home-mobile-container { display: none; }

/* SUBSCRIBE BAR */
#dw-home-subscribe-bar {
    position: absolute;
    right: 0;              
    /* top: 70px; */
    transform: translateX(200%);
    transition: all 1.0s ease-in-out 0s;
    z-index: 100;
}
#dw-home-subscribe-bar.dhsb-show {
    top: 460px;
    position: fixed;
}
#dw-home-subscribe-bar .dhsb-container {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: white;
    border-color: #ccc -moz-use-text-color #ccc #ccc;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    /* box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.25); */
    box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.25);
    /* padding: 1em 1.5em; */
    padding: 0;
    /* position: relative; */
    /* transform: translateX(-100%); */
    /* transform: translateX(-100%); */
    /* transition: transform 0.4s ease 0s; */
    /* transition: all 1.4s ease-in-out 0s; */
}
#dw-home-subscribe-bar .dhsb-link {
    cursor: pointer;
    padding: 0.75em 1.5em 0.25em;
}
#dw-home-subscribe-bar .dhsb-minimized { 
    padding: 0.75em;
    /* transition: all 1.0s ease-in-out 0s; */
}
#dw-home-subscribe-bar .dhsb-minimized p, #dw-home-subscribe-bar .dhsb-minimized a { padding: 0; margin: 0; }
#dw-home-subscribe-bar a[class*="-mono-link"]::before, a[class*="-mono-link"]:hover::before, a[class*="-mono-link"]:focus::before {
    color: #666;
}

/* IE10+ CSS styles go here */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .dw-home-leadspace form button::before {
        left: -1px;
        top: 11px;
    }   
}

/* Mobile CSS */
@media only screen and (max-width:999px) {
    .dw-home-devcenter h2 {
        font-size: 1.875rem;
        line-height: 2.1875rem;
    }
    .dw-home-content h2 { 
        font-size: 1.875rem;
        line-height: 2.1875rem;
    }
    .dw-home-carousel h2 {
        font-size: 1.875rem;
        line-height: 2.1875rem;
    }
    .dw-home-carousel .ibm-card h3, .dw-home-content .ibm-card h3 {
        font-size: 1.5625rem;
        line-height: 1.875rem;
    }
    .dw-home-carousel .ibm-card .ibm-card__content p, .dw-home-content .ibm-card .ibm-card__content p {
        font-size: 1rem;
        line-height: 1.625rem;
    }
    .dw-home-content h3 {
        font-size: 1.5625rem;
        line-height: 1.875rem;
    }
    .dw-home-carousel .ibm-card .ibm-card__bottom p, .dw-home-content .ibm-card .ibm-card__bottom p {
        font-size: 1rem;
        line-height: 1.625rem;
    }
}
@media only screen and (max-width:759px) {
    .dw-home-leadspace h2.ibm-h2 {
        font-size: 1.5rem;
    }
    .dw-home-leadspace h3.ibm-h1 {
        font-size: 2.25rem;
        line-height: 2.5625rem;
        padding: 0 0 30px;
    }
    .dw-home-leadspace form {
        margin: 20px 10%;
    }
    .dw-home-categories li {
        width: 75%;
    }
    #dw-home-promotion h2.ibm-h2 { 
        font-size: 1.875rem;
        line-height: 2.1875rem;
    }
    #dw-home-promotion p.ibm-h4 { 
        font-size: 1.25rem;
        line-height: 1.5625rem;
    }
    #dw-home-promotion-cta.ibm-btn-sec {
        font-size: 1.125rem;
    }
    .dw-home-devcenter h3 {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    .dw-home-carousel .ibm-card h3, .dw-home-content .ibm-card h3 {
        font-size: 1.375rem;
        line-height: 1.75rem;
    }

}
@media only screen and (max-width:579px) {
    .dw-home-categories li {
        width: 49%;
    }
    .dw-home-categories li p {
        padding: 0 0 24px;
    }
    .dw-home-content .dw-home-data-feed-container {
        padding: 0;
    }
    .dw-home-carousel .dw-home-carousel-container { display: none; }
    .dw-home-carousel .dw-home-mobile-container { display: block; }
    .dw-home-carousel .dw-home-mobile-container .dw-hbc-head2, .dw-home-carousel .dw-home-mobile-container .dw-hbc-head3 { display: none; }
    #dw-home-subscribe-bar { display: none; }
}
@media only screen and (max-width:480px) {
    .dw-home-leadspace form {
        margin: 20px 0;
    }
    .dw-home-leadspace form input {
        font-size: 1rem;
    }
    .dw-home-leadspace form button::before {
        font-size: 1.5rem;
        top: 12px;
    }
    #dw-home-announcement p {
        font-size: 1.125rem;
    }
}
@media only screen and (max-width:379px) {
    .dw-home-leadspace {
        padding: 20px;
    }
}
@media only screen and (max-width:320px) {
    .dw-home-leadspace form {
        margin: 10px 0 20px;
    }
}