/* Custom CSS for Tab based Community Hedear and Footer */

/*******************************************************************/
                      /* START OF COMMUNITY PAGE CSS */
/*******************************************************************/

/* Include the font files for BebasNeue-Regular font to utilize it in Custom CSS */
@font-face {
  font-family: "BebasNeue-Regular";
  src: url("/support/resource/1490820837000/TabCommunityStyleSheet/fonts/BebasNeue-Regular.eot?") format("eot"), url("/support/resource/1490820837000/TabCommunityStyleSheet/fonts/BebasNeue-Regular.woff2") format("woff2"), url("/support/resource/1490820837000/TabCommunityStyleSheet/fonts/BebasNeue-Regular.woff") format("woff"), url("/support/resource/1490820837000/TabCommunityStyleSheet/fonts/BebasNeue-Regular.ttf") format("truetype"), url('//support/resource/1490820837000/TabCommunityStyleSheet/fonts/BebasNeue-Regular.svg#str-replace(BebasNeue-Regular, " ", "_")') format("svg"); 
}

/* Include the font files for BebasNeue-Bold font to utilize it in Custom CSS */
@font-face {
  font-family: "BebasNeue-Bold";
  src: url("/support/resource/1490820837000/TabCommunityStyleSheet/fonts/BebasNeue-Bold.eot?") format("eot"), url("/support/resource/1490820837000/TabCommunityStyleSheet/fonts/BebasNeue-Bold.woff2") format("woff2"), url("/support/resource/1490820837000/TabCommunityStyleSheet/fonts/BebasNeue-Bold.woff") format("woff"), url("/support/resource/1490820837000/TabCommunityStyleSheet/fonts/BebasNeue-Bold.ttf") format("truetype"), url('/support/resource/1490820837000/TabCommunityStyleSheet/fonts/BebasNeue-Bold.svg#str-replace(BebasNeue-Bold, " ", "_")') format("svg"); 
}

/* Set the font size for body */
body.sfdcBody {
  background: #1797c0 url(/img/alohaSkin/gradient_body.png) repeat-x;
  font-size: 0.80rem !important;
} 

/* Removes the rounded borders from the content section */
.bodyDiv {
  -moz-border-radius-bottomleft: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

/* Removes the margin from left and right side of the page and hides the expandable side bar */
.hasMotif {
  margin: 0 0 0 0px !important;
}

/*-----------------------------------------------------------------*/
                      /* END OF COMMUNITY PAGE CSS */
/*-----------------------------------------------------------------*/

/*******************************************************************/
                   /* START OF HEADER CSS */
/*******************************************************************/

/* Change the background of header overlay to white */
.forceCommunityOmniBox .no-assigned-image .default-bg-overlay {
  background: white !important;
  height: inherit;
}


/* Search button CSS - background = blue; font = white */
.forceCommunityOmniBox.selfServiceSearchWrapper .search-button.uiButton, .forceCommunityOmniBox.selfServiceSearchWrapper .has-input .search-button.uiButton, .forceCommunityOmniBox.selfServiceSearchWrapper .search-button.uiButton.focus {
  width: 128px;
  background-color: rgb(99, 174, 230);
  color: white !important;
  font-size: 1rem !important;
}

/* Set the padding for Search Input Container */
form.search-wrapper {
  padding: 113px 25px 0px 25px !important;
}

/* Search input box size CSS */
.search-container {
  margin-top: -100px !important;
  width: 700px !important;
  margin: 0 auto;
}    

/* Proofpoint Support Logo CSS */
.cLightningCommunityBanner img {
  max-width: 100%;
  height: 50px !important;
}

/* Set the Search Container Height */
.selfServiceSearchWrapper.big-search-container {
  height: 103px !important;
}

/* Set the Height of Search Input Box */
.forceCommunityOmniBox.selfServiceSearchWrapper .search-input-group, .forceCommunityOmniBox.selfServiceSearchWrapper .search-button.uiButton, .forceCommunityOmniBox.selfServiceSearchWrapper .search-field {
  height: 50px !important;
}

label.uiLabel {
  display: inline !important;
}

/* Standard css for slds-icon */
.slds-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  fill: white; 
}

/* Standard css for slds-icon */
.slds-icon-text-default {
  fill: #54698d; 
}

/* Set the width and height of logout icon */
.slds-icon--cust1 {
  width: 20px !important;
  height: 17px!important;
}

/* Handle the positioning of logout icon next to search box and sets the background color */
a.slds-button.slds-button--neutral.search-button.uiButton.logoutimage {
  width: 30px !important;
  position: absolute !important;
  display: inline-block !important;
  margin-right: -50px !important;
  background: white !important;
}

/* Set the positioning of span containing logout icon */
span.search-field-group.logout_icon {
  top: -32px !important;
  margin-left: 700px;
}

/* Change the color of logout icon to match the search button */
.slds-icon-text-default {
  fill: #7d888e !important;
}

/* Change the color of logout icon on hover to match the search button */
svg.slds-icon.slds-icon-text-default:hover {
  fill: #cb510e !important;
}

/*-----------------------------------------------------------------*/
                      /* END OF HEADER CSS */
/*-----------------------------------------------------------------*/


/*******************************************************************/
                      /* START OF NAVIGATION BAR CSS */
/*******************************************************************/

/* Removes the rounded border from the corners of nav bar */
.zen .zen-headerBottom {
  -moz-border-radius-topleft: 0px !important;
  -moz-border-radius-topright: 0px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

/* Sets the buttom border of Nav Bar to white */
html .brandPrimaryBrd {
  border-top-color: white!important;
}

/* Sets the color of list view section top border to blue */
html .brandSecondaryBrd {
  border-color: #63aee6!important; 
}

/* Margin from left of the Nav bar items */
.zen .zen-tabMenu {
  white-space: nowrap;
  padding: 1px 0 0;
  margin: 0 53px !important;
}

/* Sets the padding (left and right) between Nav Bar items to 15px */
.zen .zen-tabMenu>li {
  padding: 0 15px !important;
}

/* Change the color of items in Nav Bar to orangish-red on hover */
.zen .zen-tabMenu a:hover {
  color: #cb510e !important;
  text-decoration: none !important;
}

/* Removes the bold from the font of items in Nav Bar  */
.zen .zen-navViaMenus a, .zen .zen-headerBottom a {
  font-weight: lighter !important;
}

/* Sets the border of the selected item from Nav Bar to white */
.primaryPalette {
  background-color: white !important;
  border-color: white !important;
}

/* Sets the background color of the selected item from Nav Bar to white */
html .brandPrimaryBgr {
  background-color: white !important;
}

/* Sets the color of selected item from Nav Bar to orangish-red */
a.brandPrimaryFgr {
  color: #cb510e !important;
}

/* Sets the font size and font family of selected item from Nav Bar */
ul#tabBar a {
  font-family: "BebasNeue-Regular", Helvetica, Arial, sans-serif !important;
  font-size: 1.25rem !important;
}

/* Removes the borders and box shadow from the selected item of Nav Bar */
.zen .zen-tabMenu .zen-active {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  box-shadow: none !important;
  background-image: none !important;    
}

/*  Positoning of logout icon */
.custom-icons-logout {
  position: absolute;
  right: 22px;
  margin-top: 5px !important;
}

/* Padding between home and logout icons */
.home_icon {
  padding: 22px 18px 22px 22px !important;
  display: inline-block;
}  

/*  Positoning of home icon */
.custom-icons-home {
  margin-top: -18px !important;
  position: absolute;  
}    

/* Avoids overlay of icons on search input box */
@media all and (max-width: 780px) {
  .custom-icons-logout{
    margin-left: 0px !important;
    left:740px;
  }
}

/* Display home and logout icons inline */
.logout_icon {
  display: inline-block;
}

/* height and width of home icon */
.slds-icon--cust1--home {
    width: 20px !important;
    height: 17px!important;
}

/*-----------------------------------------------------------------*/
                      /* END OF NAGIGATION BAR CSS */
/*-----------------------------------------------------------------*/


/*******************************************************************/
                      /* START OF FOOTER CSS */
/*******************************************************************/

/* Sets the background color and font of footer section that displays all the links */
.PCSC-footer{
  background-color:#2d2c31 !important;
  font-family: "Helvetica",Arial,sans-serif;
}

/* Sets the background color , width and padding of footer section that displays the social icons */
.PCSC-socialList{
  background-color:#2d2c31 !important;
  width: 100%;
  margin: 0;
  padding: 0px 0px 0px 0px ;
}

/* Sets the background-color, width, font color and style for the copyright section of footer */
.PCSC-Copyright{
  background-color:#0e181d !important;
  overflow: auto;
  width:auto;
  text-align: center;
  color:#FFFFFF;
  font-family: "Helvetica",Arial,sans-serif; 
}

/* Sets the font size and style and underline the titles of all link sections */
.PCSC-li-title{
  text-decoration: underline;
  font-size: 15px; !important;        
  font-weight: 400;
  font-family:BebasNeue-Bold; !important;
}

/* Sets the color of titles of all link sections to dark gray */
.PCSC-ulList{
  list-style-type: none;
  color: #66656c;
}

/* Sets the font size and positioning of list items under different categories */
.PCSC-clist {
  float: left;
  text-align: left;
  font-size: 0.875rem !important;
  width: 22%;
  padding-left: 6%;   
}

/* Sets the color of list items under different categories to light gray */
a.link{
  text-decoration: none;
  color: #afafb2 !important;    
  hover:#FFFFFF
}

/* Sets the color of list items under different categories on hover to white */
a.link:hover {
  text-decoration: none ;
  color: #FFFFFF !important;
}

/* Sets the positionin of images under Connect list, i.e. Call, email, request Demo  */
.ImgConnect{
  width: 15px;
  height: 15px;
  float:left;
  margin-right: 10px;
}

/* Sets the line height for list items under Connect List */
.follow {   
  line-height: 20px; 
}

/* Sets the color of the 'Privacy Policy' link on Copyright section to orange */
.PrivacyLink{
  text-decoration: none;
  color:#f37735 !important;
}

/* Changes the color of the 'Privacy Policy' link on Copyright section to white */
a.PrivacyLink:hover {
  text-decoration: none ;
  color: #FFFFFF !important;
}

/* Sets the font size and color of text in Copyright section */
p.PCSC-Privacyfooter{
  font-size: 1rem;
  color: #FFFFFF;
}

/*  Sets the styling for 'Proofpoint' text displayed above social icons in footer */
li.slds-text-heading--pp {
  font-size: 2rem !important;
  line-height: 1.25 !important;
  margin-left: 0em !important;
  margin-bottom: 10px !important;
  color: #afafb2 !important;
}

/* Sets the padding between social icons */
.PCSC-spacelink{
  padding-left: 15px;
}

/* Sets width of footer section that displays all the links  */
#div1 {
  clear: both;
  width: 100%;
}

/* Moves the section with social icons to center */
#div2{
  float:center; 
  clear: both;
}

/*  Moves the content of Copyright section to center */
#div3{
  float:center; 
  clear: both;
  vertical-align: middle;
} 

/*-----------------------------------------------------------------*/
                      /* END OF FOOTER CSS */
/*-----------------------------------------------------------------*/