/*****************************/

header.portal-header {
    background-image: url('../../customimages/WideBanner.png');
    background-size: cover;
    background-position: right;
    position: relative;
}

.portal-header .logo-link {
	text-align: center;
}
.portal-header .logo {
	margin-bottom: 0;
	height: 150px;
}
.portal-header h1 {
	font-size: 36px;
	margin-top: .3em;
}


.portal-header::after {
    z-index: -5;
    background: url(image/portal2b-bg.jpg) no-repeat center center;
    background-size: cover;
    opacity: .2;
    filter: grayscale(100%);
}

.cat-panel:before {
	content: "\f0f6";
}

.site-sidebar-header{
	text-align:center;
	background-color:white;
}

.theme1 .site-sidebar .logo{
	width: 100%;
	max-width: 1000px;
	padding: 20px 0;
    padding-top: 20px;
    display: inline-block;
}

.ABLERunningBGColor{ background-color: #75BA3B; color: #FFFFFF; font-weight: bold }
.ABLEFailedBGColor{ background-color: #DC143C; color: #FFFFFF; font-weight: bold }
.ABLEBlockedBGColor{ background-color: #F27021; color: #FFFFFF; font-weight: bold }
.ABLEStarvedBGColor{ background-color: #CCCC00; color: #000000; font-weight: bold }
.ABLEBlockedSecBGColor{ background-color: #C1591A; color: #FFFFFF; font-weight: bold }
.ABLEStarvedSecBGColor{ background-color: #A3A300; color: #000000; font-weight: bold }
.ABLEIdleBGColor{ background-color: #C0C0C0; color: #FFFFFF; font-weight: bold }

/* Indent 5th level TOC */
.nav-site-sidebar ul ul ul ul a {
  padding-left: 75px;
}

/* Indent 6th level TOC */
.nav-site-sidebar ul ul ul ul ul a {
  padding-left: 90px;
}

/* Indent 7th level TOC */
.nav-site-sidebar ul ul ul ul ul ul a {
  padding-left: 105px;
}

/* Indent 8th level TOC */
.nav-site-sidebar ul ul ul ul ul ul ul a {
  padding-left: 120px;
}

.bridgehead {
  font-weight: bold;
  font-size: larger;
}

pre.programlisting,
pre code {
    background: #f5f5f5;        /* Light gray background */
    border: 1px solid #ddd;     /* Light border */
    padding: 10px;              /* Space around text */
    font-family: monospace;     /* Monospaced font */
    font-size: 0.9em;           /* Slightly smaller text */
    overflow: auto;             /* Scroll if too wide */
    white-space: pre;           /* Preserve formatting */
}

/* Wrap program listings so we can position a button */
pre.programlisting {
    position: relative;
    padding-top: 2.5em; /* Make room for the button */
}

/* Copy button */
.programlisting .copy-code-btn {
    position: absolute;
    top: 6px;
    right: 6px;
    font-size: 0.75rem;
    padding: 4px 8px;
    background: #2d2d2d;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

/* Hover effect */
.programlisting .copy-code-btn:hover {
    opacity: 1;
}

.mediaobject.taxonomy-css-float-right {
    float: right;
    margin-left: 2em;
    margin-bottom: 2em;
    width: 50%;
}

.section {
    clear: right;
}

table.informaltable th,
table.table th {
	background-color: #e7e8ec;
}


/*****************************/
/* Everything below changes when the width of the window
/* drops below a certain number of pixels
/*****************************/


@media (max-width: 768px) {
    .portal-single-publication {
        width: 16.66666%;
    }

    .mediaobject.taxonomy-css-float-right {
        float: none;
        margin-left: 0;
        margin-bottom: 0;
        width: 100%;
    }
}