﻿/**  Need to hide the existing OOB styles
/**    from  http://blog.sharepointexperience.com/2014/06/hide-from-sharepoint-ribbon/ **/
#Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle0-Large,
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr:first-child > td:first-child,
#Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle1-Large,
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr:first-child > td:nth-child(2),
#Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle2-Large,
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr:first-child > td:nth-child(3),
#Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle3-Large,
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr:first-child > td:nth-child(4),
#Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle4-Large,
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr:first-child > td:nth-child(5),
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr:nth-child(2) td,
#Ribbon\.EditingTools\.CPEditTab\.Styles\.Styles\.Menu\.Styles tr:first-child,
#Ribbon\.EditingTools\.CPEditTab\.Styles\.Styles\.Menu\.Styles tr:nth-child(2) td /* Within drop down */ {
	display:none;
}


/**  Add custom styles
/**     from https://knowledge.zomers.eu/SharePoint/Pages/How-to-add-custom-styles-to-the-ribbon-in-SharePoint-2013.aspx
/***Adds button to Page Elements section in style ribbon***/

/**  PSADummy style used to make custom styles appear to the left of the dropdown  */
span.ms-rteElement-PSADummy {
	-ms-name: "PSA Dummy";
}

H1.ms-rteElement-PSAPageHeader-H {
	-ms-name: "PSA PageHeader";
	font-weight: bold;
	font-size: 1.5rem;
	font-family: Arial, Helvetica, sans-serif;
    color: #425563;
    padding:20px 0px 40px 20px;
}
H2.ms-rteElement-PSAArticleHeader {
	-ms-name: "PSA Article Header";
	font-weight: bold;
	font-size: 1.25rem;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
H3.ms-rteElement-PSASectionHeader {
	-ms-name: "PSA Section Header";
	font-weight: bold;
	font-size: 1rem;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 20px;
}
H3.ms-rteElement-PSAH3Accordion{
    -ms-name:"PSA SectionH Accordion";
    cursor: pointer;
    font-size: 1rem;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background: #dedede;
    padding: 10px 20px;
    margin: 20px 0px;
}
H4.ms-rteElement-PSAH4 {
	-ms-name:"PSA H4";
    font-size: 0.9375rem;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #a6001a;
}
H5.ms-rteElement-PSAH5 {
	-ms-name:"PSA H5";
    font-size: 0.9375rem;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}
H6.ms-rteElement-text-PSASubHeading {
	-ms-name: "PSA H6";
	font-weight: bold;
	font-size: 0.875rem;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #000000;
	margin-bottom: 20px;
}
p.ms-rteElement-PSABody {
	-ms-name:"PSA Body";
	font-size: 0.875rem;
	font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    line-height: 1.6;
    margin: 0px 0px 10px 0px;
}
span.ms-rteElement-PSAAuthor {
	-ms-name:"PSA Author";
    font-size: 0.875rem;
    color: #305c99;
    cursor: pointer;
    padding-bottom: 10px 0px;
}
span.ms-rteElement-PSAFigureTitle {
	-ms-name: "PSA Figure Title";
	font-size: 0.75rem;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #425563;	
}

/*PSA HTML Editor Styles */

/**  PSADummy style used to make custom styles appear to the left of the dropdown  */
.ms-rteStyle-text-PSADummy {
	-ms-name: "PSA Dummy";
}
.ms-rteStyle-text-PSAByline {
	-ms-name: "PSA Byline";
	font-size: 0.75rem;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;	
}
.ms-rteStyle-text-PSANote {
	-ms-name: "PSA Note";
	font-size: 0.75rem;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;	
}
.ms-rteStyle-text-PSAQuote {
	-ms-name: "PSA Quote";
	font-size: 0.75rem;
	font-style:italic;
	color: #333333;	
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 5px;
}