/*	
Stylesheet:		RSA Link 2017 Redesign
Scope:			Global (Entire Website)
Author:			Jeff Shurtliff
Last Updated:		18 Jul 2018
*/

/*
 *    TABLE OF CONTENTS
 *    - Primary Theme Changes
 *    - Content Tab
 *    - Widgets
 *    - Widgets
 *    - Space Settings
 *    - Overview Page Edit Mode
 *    - Idea Exchange
 *    - Jive Content
 *    - Gradient Banners
 */


/* 
 *   PRIMARY THEME CHANGES
 */

/* Remove the white background of the header */
#j-header, #j-compact-header {
    background: none !important;
}

/* Hide the space icon */
.j-placeHdImg {
    visibility: hidden;
}

/* Adjust location of breadcrumbs and buttons */
.j-placeHeaderWrap {
    line-height: 50px;
    vertical-align: top;
    position: relative;
}
.j-placeHeaderInner {
    margin-left: 10px;
}

/* Hide the space banner image and adjust height */
.j-body-place #jive-body .j-page-header {
    background: none;
    height: 35px !important;		/* Added !important to override any residual custom styling -- RSALINK-3057 */
}

/* Change breadcrumb color */
.j-page-header #jive-breadcrumb a {
    color: #414042;
    opacity: .7;
}

/* Adjust spacing between breadcrumbs and place name */
.j-placeHeaderWrap #jive-breadcrumb {
    padding-bottom: 8px;
}

/* Change breadcrumb ">" character color */
div#jive-breadcrumb span {
    color: #414042;
}

/* Extend the Products drop down in the main menu */
.j-custom-link .j-pop .j-menu ul {
    min-width: 265px;
    max-width: 400px;
}

/* Change place title color */
.j-placeTitle a {
    color: #414042 !important;
}

/* Hide the log in message when users aren't logged in */
.j2-base-components-global-guest-call-to-action {
    display: none;
}

/* Hide the 'page is customizable' box for admin users */
.j-page-customizable-message {
    display: none;
}

/* Make breadcrumbs and place name left-aligned */
.j-body-place #jive-body .j-page-header {
    padding-left: 20px; !important;
}

/* Make action buttons right-aligned */
.j-page-header .j-placeHdActions {
    right: 20px;
}

/* Adjust place title size and location */
.j-page-header .j-placeName {
    font-size: 15px;
    vertical-align: top;
    margin-top: -10px;
    line-height: 20px;
}

/* Hide the About button */
#jive-place-link-about {
    display: none;
}

/* Change background color of action buttons */
.j-place-button {
    background-color: #BE3A34;
}

/* Change hover color of buttons */
.j-place-button:hover, .j-place-button:focus {
    background: rgba(160,50,44,1);
    text-decoration: none;
}

/* Move breadcrumbs even with main menu */
.j-body-place #jive-body .j-page-header {
    padding: 0 0 0 20px;
}

/* Remove box shadow from header section and set overflow */
.j-placeNav {
    box-shadow: none;
    overflow: hidden;
}

/* Raise Jive buttons slightly */
#j-place-header-actions {
    margin-top: -5px;
}

/* Add fade effect to action buttons */
.j-page-header .j-placeHdActions>div, .j-page-header .j-placeHdActions a.j-place-button {
    display: inline-block;
    transition: background-color .25s ease-out;
}

/* Raise widget container to be just below the condensed space header */
#jive-widget-container {
    margin-top: -85px;
}

/* Exclude the home page when raising the widget container */
.j-home-welcome > #jive-widget-container {
    margin-top: 0px;
}

/* Change font family of breadcrumbs and place title to Arial */
#jive-breadcrumb {
    font-family: Arial;
}
.j-placeTitle {
    font-family: Arial;
}


/* 
 *   CONTENT TAB 
 */

/* Lower the navigation menu */
.j-placeNav {
    bottom: -45px;
}

/* Lower the page body */
.j-layout-sl > .j-column-wrap-s {
    margin-top: 60px;
}

/* Change background color of space navigation menu */
.j-placeNav .j-placeNavBg {
    background: #006ba6;
    opacity: 1;
}

/* Change color of selected tab */
.j-placeNav .j-placeLinks li.j-tab-selected a, .j-placeNav .j-placeLinks li.active a {
    opacity: 1;
    background: #63b5e5;
}

/* Adjust the top margin for Jive container */
#jive-widget-container {
    margin-top: -20px;
}

/* Hide the navigation bar */
.j-placeNav { 
	display: none; 
}


/* 
 *   WIDGETS
 */

/* Change the size of widget headers */
.jive-widget-header {
    height: 21px;
}
h4.jive-widget-handle {
    font-size: 13px;
    margin-top: 4px;
    font-weight: bold;
    font-family: Arial,sans-serif;
}


/* 
 *   SPACE SETTINGS
 */

/* Adjust position of the "Place Image" button on the Space Settings view */
.j-applyTemplate ~ .j-page-header .j-placeImageDisplayContainer {
    margin-top: -130px;
    margin-left: 87%;
}

/* Add spacing between header and body on the Space Settings view */
#jive-body .j-applyTemplate {
    margin-bottom: 10px;
}


/* 
 *   OVERVIEW PAGE EDIT MODE
 */

/* Hide the Restore Defaults button when editing Overview Pages */
.jive-widgets-buttons button#reset-defaults {
    display: none;
}


/* 
 *   IDEA EXCHANGE
 */

/* Hide the ability to downvote ideas */
button.js-vote-button.js-vote-down {
    display: none;
}
.j-idea-vote-history .j-participant-buttons ul li:nth-child(2) {
    display: none !important;
}


/* 
 *   JIVE CONTENT
 */
 
/* Apply same styling as KB article code snippets - RSALINK-4636 */
pre.kbCodeSnippet {
	background: #efefef;
	display: block;
	padding: 8px;
	border: 1px solid #ccc;
	overflow-x: auto;
	margin: 10px 0 10px 20px;
	word-wrap: normal;
	width: 96% !important;
	font-family: monospace;
}


/* 
 *   GRADIENT BANNERS
 */
 
 /* Base styling for gradient banners */
.gradient-vertical-light {
	background-image: linear-gradient(rgba(0,0,0,0.08) 0,rgba(0,0,0,0) 100%);
}

.gradient-banner-padding {
	padding-top: 30px;
	padding-bottom: 20px;
}
.gradient-banner-padding.two-line-banner {
	padding-top: 5px;
	padding-bottom: 5px;
}

.gradient-banner-text {
	text-align: center;
	font-size: 2.3rem;
	color: #fff;
	font-family: 'Open Sans Semi-Bold',Helvetica,Arial,sans-serif;
	text-rendering: optimizelLegibility;
	margin-top: 0;
	margin-bottom: .5rem;
	line-height: 1.4;
}
.gradient-banner-text.two-line-banner {
	line-height: 1.2;
}
.gradient-banner-text .prefaceText {
	font-size: 1.5rem;
}
.gradient-banner-text .primaryText {
	font-size: 2.5rem;
}
 
/* Color-specific styling for gradient banners */
.blue-gradient-banner {
	background-color: #006ba6;
	background: linear-gradient(to right, #006ba6, #62b5e5);
}

.orange-gradient-banner {
	background-color: #e87722;
	background: linear-gradient(to right, #e87722,#eaaa00);
}

.green-gradient-banner {
	background-color: #509e2f;
	background: linear-gradient(to right, #509e2f,#78be20);
}

.red-gradient-banner {
	background-color: #be3a34;
	background: linear-gradient(to right, #81312f,#be3a34);
}

.black-gradient-banner {
	background-color: #707372;
	background: linear-gradient(to right, #232222,#707372);
}

.gray-gradient-banner {
	background-color: #9ea2a2;
	background: linear-gradient(to right, #707372,#9ea2a2);
}