/****************** Jive customizations *****************/
.j-poweredby-activity {
    display: none;
}

.j-body-place #jive-body .j-page-header .j-place-header-overlay {
    background: none;
}

.j-body-place #jive-body .j-page-header {
    background-size: cover;
    background: #2C2C2C url(//static.jboss.org/ffe/images/rhd/jive/RHDev_pageheader_forums_jiveheader.png) repeat-x top center;
}
#jive-breadcrumb {
    display: none;
}


@media only screen and (min-width: 40.1em) {
    body {
        padding: 0;
        background-color: #F3F3F3;
        color: #3D3D3D;
        font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        margin: 0 auto;

    }

    body.jive-body-formpage-terms {
        background-color: #FFF;
    }

    header h1.js-logo {
        display: none;
    }

    header.main a, header.main a:hover, header.main a:visited {
        text-decoration: none;
    }

    #j-footer {
        padding: 0;
    }

    footer.bottom .row{
        max-width: 1170px;
    }
    footer.bottom {
        font-size: 16px;
    }

    footer.bottom p {
        margin-bottom: 1.25rem;
    }

    h1.logo {
        height: 98px;
    }

    #j-header-wrap {
        margin: 0;
        padding-bottom: 0;
        position: initial;
    }

    #j-globalNav-bg {
        padding: 0;
        height: auto;
    }

    #j-links, .j-globalNav, .j-placeNavBg {
        display: none !important;
    }

    .j-globalNavLink {
        display: none;
    }

    #j-satNav li {
        margin-top: 5px !important;
        padding-top: 0;
        height: auto !important;
        line-height: 1 !important;
    }

    #j-satNav .j-nav-more {
        display: none !important;
    }

    #j-satNav-wrap a.j-globalNavLink {
        padding: 0;
    }

    #j-satNav-wrap .j-pop {
        top: 30px !important;
    }

    /* Hide links from dropdown menu */
    .j-satellite-links #jive-nav-link-logout, .j-satellite-links #jive-nav-link-password-edit {
        display: none !important;
    }

    #j-main {
        background-color: #FFF;
        display: block;
        min-height: 300px;
        position: relative;
        z-index: 1;
        padding-top: 0;
    }

    .j-page-header.j-rc4 {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .j-page-header-parent {
        display: none !important;
    }

    .j-layout, .j-guest-tip {
        margin-left: 20px;
        margin-right: 20px;
    }

    #jive-body-intro {
        padding: 20px 20px 0 20px;
    }

    .j-contained {
        border: none;
    }

    .j-placeHeaderWrap {
        line-height: 100px;
    }

    #jive-place-link-places-tab {
        display: none !important;
    }

    .font-color-normal, a.font-color-normal:link, a.font-color-normal:visited {
        color: #3D3D3D;
    }

    a, a:visited, a:link {
        color: #355491;
    }

    a:hover {
        color: #4262A1;
    }

    .font-color-meta {
        color: #8B8B8B;
    }

    .j-menu .font-color-meta {
        color: #8B8B8B;
    }

    a.font-color-meta:link, a.font-color-meta:visited, .font-color-meta a:link, .font-color-meta a:visited {
        color: #8CA9CD;
    }

    a.font-color-meta:hover, a.font-color-meta:focus, a.font-color-meta:active, .font-color-meta a:hover, .font-color-meta a:focus, .font-color-meta a:active {
        color: #3778C7;
    }

    .font-color-meta-light, a.font-color-meta-light:link, a.font-color-meta-light:visited {
        color: #A9A9A9;
    }

    a.font-color-meta-light:hover, a.font-color-meta-light:active {
        color: #8B8B8B;
    }

    .j-navbadge-count {
        background-color: #EF831E;
    }

    #j-header, #j-compact-header {
        background: transparent none;
        padding: 0;
    }

    #j-satNav-wrap {
        z-index: 10000;
        top: 5px;
    }

    #j-satNav-wrap a {
        color: white;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 900;
    }

    .nav-toggle {
        display: none;
    }

    #j-satNav-wrap .j-navLabel {
        padding: 0 10px;
        font-weight: 900;
    }

    #j-satNav-menu li a {
        color: #4A5D75 !important;
    }

    .j-bigtab-nav {
        background-color: #EDEDED;
    }

    .j-box.j-enhanced header, .jive-widget .jive-widget-header h4, .j-box header h4, .j-box header h3 {
        color: #999999;
    }

    .j-box.j-enhanced, .jive-widget {
    }

    .j-box.j-enhanced header, .jive-widget .jive-box-header {
        background-color: transparent;
        border-bottom: 0 solid #EEEEEE;
        border-style: solid none;
        border-top: 0 solid #EEEEEE;
    }

    #j-compact-header #j-satNav .j-navLabel {
        display: none;
    }

    .j-modfilter select {
        margin: -3px 12px 0 0 !important;
    }

    /* Main space design */
    .j-body-place #jive-body .j-page-header {
        height: 140px;
    }

    .j-body-place #jive-body .j-page-header a:hover {
        text-decoration: none;
    }

    .j-page-header .j-placeName {
        text-transform: uppercase;
        font-size: 32px;
        font-weight: 600;
        line-height: 1.4;
        max-width: 100%;
    }

    .j-placeHeaderInner {
        max-width: 80%;
    }

    .j-placeHdImg {
        display: none !important;
    }

    .j-page-header {
        padding-left: 20px !important;
    }

    #j-placeActions .j-placeAboutLink, #j-placeActions .j-button-share, #j-placeActions #jive-place-link-actions-tab {
        display: none;
    }

    #j-placeActions .j-placeAboutTrigger .j-placeAboutLink {
        display: block;
    }

    .j-applyTemplate {
        margin: 0;
    }

    .j-tile-pop {
        top: 0;
    }

    .jive-widget-container-large, .jive-widget-container-small {
        min-height: auto;
    }

    /* Remove advanced editor since it doesn't apply RHD theme */
    .jive-thread-reply-inline .advEditor {
        display: none;
    }

    /* ORG-1184 - Code block readability */
    .tiny_mce_content .dp-highlighter ol li, .tiny_mce_content .dp-highlighter .columns div, .dp-highlighter ol li, .dp-highlighter .columns div {
        background-color: #FFFFFF;
    }

    .tiny_mce_content .dp-highlighter ol li span, .dp-highlighter ol li span {
        font-family: 'Droid Sans Mono', monospace !important;
        color: #333333;
    }
}

@media only screen and (max-width: 40em) {
    header.main, nav.top-bar, #j-footer-wrap, #j-globalNavLink-Logout, #jive-place-link-about, #j-placeHdImg {
        display: none !important;
    }

    body, body.home {
        background-image: none
    }

    #j-header a.j-header-logo {
        font-size: 75%;
        max-width: none !important;
    }
}

/***************** ShareThis button *********************/
#jboss-link-sharethis .stButton .chicklets {
    color: #355491;
}

/***************** Red Hat Badge *********************/
.j-post-avatar .badge-redhat {
    background: #fff;
    border: 1px solid #ccc;
    color: #b94a48;
    font-weight: normal;
    text-shadow: none;
    font-size: 8pt;
    padding-left: 6px;
    padding-right: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.badge-redhat .j-thread-pointer {
    top: 56px;
}

/************* JIRA Plugin ************/
#jboss-sidebar-body-jira table tr th, table tr td {
    padding: 0;
}

.jira-icon {
    background-position: 0;
}

/****************** RHD Theme customizations *******************/
.top-bar {
    overflow: hidden;
}

.row.header-wrap {
    margin: 0;
    max-width: none;
    width: 100%;
}

.row.header-wrap .accounts {
    height: 11px;
}

.mega-menu a {
    color: white;
}

.sub-nav a {
    color: #0088ce;
}

.j-satellite-links.clearfix {
    clear: none !important;
}

.card {
    padding: 0;
    background: none;
    border: none;
}

/***************** Jive Content Styles that need to be overwritten back *********************/
body {
    font-family: "Overpass", "Open Sans", Helvetica, sans-serif;
}

label {
    display: inline;
}

.top-bar-section ul li.active > a {
    background: #4a5d75;
}

*, *:before, *:after {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.tabcontent *, .tabcontent *:before, .tabcontent *:after, .columns, .columns *, .columns *:before, .columns *:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

table {
    background: initial;
}

table caption {
    background: initial;
}

table thead {
    background: initial;
}

table tfoot {
    background: initial;
}

table thead tr th, table thead tr td {
    color: initial;
}

select {
    width: auto;
    margin: 0;
    height: initial;
    background-color: white !important;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    display: inline-block;
    box-shadow: none;
    margin: 0;
    height: initial;
    font-size: 14px !important;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, text area:focus {
    display: inline-block;
    box-shadow: none;
    margin: 0;
    height: initial;
    font-size: 14px !important;;
}

.j-browse-filter-row select, .j-browse-filter-row input[type="search"] {
    padding: 2px;
}

.j-browse-filter-row select:focus, .j-browse-filter-row input[type="search"]:focus {
    margin-right: 10px;
    padding: 2px;
}

#jive-post-title input, #jive-compose-title input {
    font-size: 2em !important;
}

.jive-rsspage-feedslist input[type="text"] {
    width: 150px;
}

.jive-profile-edit-field label {
    margin-left: 2px;
}

.jive-compose-question-markas label {
    margin-left: 0 !important;
}

#j-spotlight-search input {
    border-color: transparent;
    background: transparent url(https://developer.jboss.org/images/steelhead/j-ui-sprite.png) no-repeat 0 -465px;
}

#j-spotlight-search.focused input, #j-spotlight-search.focused input:focus {
    background: transparent url(https://developer.jboss.org/images/steelhead/j-ui-sprite.png) no-repeat 0 -2120px;
}

.menuItems button, .menuItems .button {
    background-color: transparent;
    border-style: none;
    padding: 0px;
}

body.tiny_mce_content {
    padding: 1px 15px 1px 1px;
}

#jive-body .left, #jive-body .right {
    float: initial !important;
}

/*--------------------------------------------------------------------------------------------------------------
BLOG NAVIGATION (SECOND TIER NAV BELOW PAGE MARQUEE)
--------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 40.1em) {

    .j-placeLinks li > a {
        text-shadow: none;
    }

    nav.j-placeNav {
        padding-left: 15px;
    }

    nav.j-placeNav {
        margin: 0 auto;
        height: 0;
    }

    nav.j-placeNav .j-placeMainNav {
        padding: 0 0 0 5px;
        position: relative;
    }

    /* Line height is 21px by measurement */
    nav.j-placeNav ul,
    nav.j-placeNav .j-placeMainNav ul {
        font-size: 14px;
        text-transform: uppercase;
        height: auto;
        padding: 0;
        margin: -55px 0 0 0;
        list-style: none;
    }

    nav.j-placeNav ul li,
    nav.j-placeNav .j-placeMainNav ul li {
        float: left;
        padding: 0;
        background: black;
        margin: 0;

    }

    nav.j-placeNav ul li,
    nav.j-placeNav .j-placeMainNav ul li {
        width: auto;
        min-width: 100px;
    }

    /* Sub-menu widening */
    nav.j-placeNav ul li ul {
        width: auto;
        min-width: 150px;
    }

    nav.j-placeNav ul li ul li {
        width: 100%;
    }

    nav.j-placeNav ul li::before,
    nav.j-placeNav .j-placeMainNav ul li::before {
        border: 1px solid grey;
    }

    nav.j-placeNav ul li a,
    nav.j-placeNav .j-placeMainNav ul li a {
        display: block;
        width: 100%;
        min-width: 100%;
        padding: 14px 15px 20px;
        margin: 0;
        color: white;
        position: relative;
        font-size: 13px;
        text-align: left;
        line-height: 20px;
        background: none;
    }

    .j-placeMainNav ul > li > ul {
        width: inherit;
    }

    nav.j-placeNav ul li:hover,
    nav.j-placeNav .j-placeMainNav ul li:hover {
        background: white;
    }

    nav.j-placeNav ul li.active,
    nav.j-placeNav .j-placeMainNav ul li.active {
        background-color: #252929;
    }

    nav.j-placeNav ul li.active,
    nav.j-placeNav ul li.active:hover,
    nav.j-placeNav .j-placeMainNav ul li.active:hover {
        background-color: white;
    }

    nav.j-placeNav ul li:hover > a,
    nav.j-placeNav .j-placeMainNav ul li:hover > a {
        color: black;
    }

    nav.j-placeNav ul li a::after,
    nav.j-placeNav .j-placeMainNav ul li a::after {
        background: #8d8d8d none repeat scroll 0 0;
        bottom: 15px;
        margin-left: 15px;
        content: "";
        display: block;
        height: 4px;
        left: 0;
        position: absolute;
        width: 30px;
    }

    nav.j-placeNav ul li.active a {
        color: black;
    }

    nav.j-placeNav ul li.current_page_parent ul.sub-menu {
        margin-top: -54px;
    }

    nav.j-placeNav ul li.current_page_parent ul.sub-menu li.active a {
        background-color: #f2f2f2;
    }

    nav.j-placeNav ul li.current_page_parent ul.sub-menu li.active a:hover {
        color: black;
    }

    /* Sub-menu font color */
    nav.j-placeNav ul li.active ul.sub-menu a {
        color: white;
    }

    nav.j-placeNav ul li.active a::after {
        background-color: #cb1301;
    }

    nav.j-placeNav ul li a:hover::after {
        background: #cb1301 none repeat scroll 0 0;
    }
}