@import url('https://fonts.googleapis.com/css?family=Hind:400,700|Montserrat:400,400i,500,500i,600,600i,700,700i');
/* ===================================================================
Prefix Style Sheet property for the RichHtmlField snippet - ms-rte
======================================================================
*/

/*Table Styles */

/*Prefix Style Sheet property for the RichHtmlField snippet - ms-rte
===================================================================
*/

/*Table Styles */

table.ms-rteTable-COPTABLE {
    -ms-name: "City of Phoenix Default";
} /*sets the name*/
.ms-rteTableHeaderRow-COPTABLE {
    background: #f2f2f2;
    font-weight: 500;
}
/*Table Line Height condensed for tables in narrow layouts*/

tablesm.ms-rteTable-COPTABLESM {
    -ms-name: "Two Column ONLY Condensed Table";
} /*sets the name*/
.ms-rteTableHeaderRow-COPTABLESM {
    background: #f2f2f2;
    font-weight: 500;
}
td.ms-rteTableEvenCol-COPTABLESM {
    line-height: 2px;
    width: 75%;
}
td.ms-rteTableOddCol-COPTABLESM {
    line-height: 2px;
    width: 25%;
}
/*END END Table Line Height condensed for tables in narrow layouts*/

/*Styles - Paragraph*/
p.ms-rteElement-Paragraph {
    -ms-name: "Paragraph";
}
p.ms-rteElement-Paragraph a {
    color: #9a0049
}
.ms-rteElement-Paragraph { /*New for pgov refresh 10-1-2017 bw */
    /*margin:0 0 15px;*/
    font-family: 'Hind', 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    margin-bottom: 14px;
    -webkit-margin-after: 14px;
    line-height: 22px !important;
    display: block;
    word-wrap: normal;
}
p.ms-rteElement-Paragraph-Strong {  /*New for pgov refresh 10-1-2017 bw */
    -ms-name: "Paragraph Strong";
}
.ms-rteElement-Paragraph-Strong {  /*New for pgov refresh 10-1-2017 bw */
    font-weight: 700;
}
/*Styles - Paragraph Large Font*/  /*New for pgov refresh 10-1-2017 bw */
p.ms-rteElement-ParagraphXL {
    -ms-name: "ParagraphXL";
}
.ms-rteElement-ParagraphXL {
    margin: 10px 0 3px 0 !important;
    font-size: 19px!important;
    line-height: 24px!important
}
p.ms-rteElement-Caption {  /*New for pgov refresh 10-1-2017 bw */
    -ms-name: "Caption";
}
.ms-rteElement-Caption {  /*New for pgov refresh 10-1-2017 bw */
    font-family: 'Hind', 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    line-height: 17px !important;
    word-wrap: normal;
    color: #939393 !important;
    margin-bottom: 10px;
    -webkit-margin-after: 10px;
}
/* -----------------------------------
        Styles - Title
--------------------------------------*/
h1.ms-rteElement-Title {
    -ms-name: "Title";
    padding-bottom: 10px;
}
.ms-rteElement-Title {
	font-family: 'Montserrat', 'Open Sans', sans-serif !important;  /*New font for pgov refresh 10-1-2017 bw */
    color: #000 !important;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
    -webkit-margin-after: 10px;
    line-height: 36px !important;
    display: block;
    word-wrap: normal;
    letter-spacing: -1px;
}
/*------------------------------------
    Headings
-------------------------------------*/
H1.ms-rteElement-H1 {
    -ms-name: "Heading 1";
}
.ms-rteElement-H1, H1 {
					 
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;  /*New for pgov refresh 10-1-2017 bw */
    color: #000 !important;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
    -webkit-margin-after: 10px;
    line-height: 36px !important;
    display: block;
    word-wrap: normal;/*letter-spacing: -1px;*/
}
/*H2*/
H2.ms-rteElement-H2 {
    -ms-name: "Heading 2";
}
.ms-rteElement-H2, H2 {  /*New for pgov refresh 10-1-2017 bw */
					 
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;
    color: #000000 !important;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 3px;
    -webkit-margin-after: 10px;
    line-height: 28px !important;
    display: block;
    word-wrap: normal;/*letter-spacing: -1px;*/
}
/*H3*/
H3.ms-rteElement-H3 {
    -ms-name: "Heading 3";
}
.ms-rteElement-H3, H3 {  /*New for pgov refresh 10-1-2017 bw */
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;
    color: #000000 !important;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 3px;
    -webkit-margin-after: 10px;
    line-height: 28px !important;
    display: block;
    word-wrap: normal;
    letter-spacing: -.4px;
}
.ms-rteElement-H3 a, h3 a {
    color: #9a0049;
}
H4.ms-rteElement-H4 {  /*New for pgov refresh 10-1-2017 bw */
    -ms-name: "Heading 4";
}
.ms-rteElement-H4, h4 {  /*New for pgov refresh 10-1-2017 bw */
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;
    color: #000000 !important;
    font-size: 26px;
    font-weight: 500;
    font-style: italic;
    margin-bottom: 10px;
    margin-top: 3px;
    -webkit-margin-after: 10px;
    line-height: 28px !important;
    display: block;
    word-wrap: normal;/*letter-spacing: -1px;*/
}
H5.ms-rteElement-H5 {  /*New for pgov refresh 10-1-2017 bw */
    -ms-name: "Heading 5";
}
.ms-rteElement-H5, h5 {  /*New for pgov refresh 10-1-2017 bw */
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;
    color: #000000 !important;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px;
    margin-top: 3px;
    -webkit-margin-after: 6px;
    line-height: 16px !important;
    display: block;
    word-wrap: normal;
    padding-bottom:5px;
}
H6.ms-rteElement-H6 {  /*New for pgov refresh 10-1-2017 bw */
    -ms-name: "Heading 6";
}
.ms-rteElement-H6, h6 {  /*New for pgov refresh 10-1-2017 bw */
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;
    color: #000000 !important;
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    margin-bottom: 6px;
    margin-top: 3px;
    -webkit-margin-after: 6px;
    line-height: 16px !important;
    display: block;
    word-wrap: normal;
    padding-bottom:5px;
}
h1.ms-rteElement-PDF Icon {
    -ms-name: "PDF Icon Insert";
}
.ms-rteElement-PDF Icon {
    content: url(../images/PDF-iconsm.png);
    display: block;
    float: left;
    margin-right: 5px;
    position: relative;
    bottom: 2px;
}
/*Image Positioning*/
.ms-rtePosition-1 {
    -ms-name: "Left";
    float: left;
}
.ms-rtePosition-2 {
    -ms-name: "Right";
    float: right;
}
.ms-rtePosition-3 {
    -ms-name: "Top";
    vertical-align: text-top;
}
.ms-rtePosition-4 {
    -ms-name: "Middle";
    vertical-align: middle;
}
.ms-rtePosition-5 {
    -ms-name: "Bottom";
    vertical-align: text-bottom;
}
/*HR*/
h1.ms-rteElement-hr { /* changed from div.ms-rteElement-hr for pgov refresh 10-15-2017 */
    -ms-name: "Horizontal Rule";
}
.ms-rteElement-hr {
    clear: both;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin: 10px 0 10px;
    width: 100%;
}
/* -------------------------------------------
    CTA
--------------------------------------------- */
a.ms-rteElement-cta {
    -ms-name: "Call To Action";
}
a.ms-rteElement-cta {
    background: #10568c url("/Style%20Library/CityOfPhx/images/sprite-icons.png") no-repeat 100% -178px;
    color: #fff;
    display: block;
    font-size: 16px;
    margin: 0 0 5px;
    padding: 12px 20px 12px 12px !important;
    text-decoration: none;
    width: 100%;
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;
    font-weight:500;
}
a.ms-rteElement-ctaButton {
    -ms-name: "CTA Button";
}
a.ms-rteElement-ctaButton {
    background: #10568c url("/Style%20Library/CityOfPhx/images/sprite-icons.png") no-repeat 100% -178px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin: 0 0 5px;
    padding: 12px 30px 12px 12px !important;
    text-decoration: none;
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;
    font-weight:500;
}
a.ms-rteElement-cta-procure {
    background: #003760 url("/Style%20Library/CityOfPhx/images/sprite-icons.png") no-repeat 100% -178px;
    color: #fff;
    display: block;
    font-size: 16px;
    margin: 0 0 5px;
    padding: 12px 20px 12px 12px !important;
    text-decoration: none;
    width: 100%;
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;
}
.ms-rteElement-cta:hover {
    background-color: #eea41c;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;
}
.ms-rteElement-cta:visited {
    color: #ffffff;
}
.ms-rteElement-ctaButton:hover {
    background-color: #eea41c!important;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}
.ms-rteElement-ctaButton:visited {
    color: #ffffff;
}
h1.ms-rteElement-PDF Icon {
    -ms-name: "PDF Icon Insert";
}
.ms-rteElement-PDF Icon {
    content: url(../images/PDF-iconsm.png);
    display: block;
    float: left;
    margin-right: 5px;
    position: relative;
    bottom: 2px;
}
/*Image Positioning*/
.ms-rtePosition-1 {
    -ms-name: "Left";
    float: left;
}
.ms-rtePosition-2 {
    -ms-name: "Right";
    float: right;
}
.ms-rtePosition-3 {
    -ms-name: "Top";
    vertical-align: text-top;
}
.ms-rtePosition-4 {
    -ms-name: "Middle";
    vertical-align: middle;
}
.ms-rtePosition-5 {
    -ms-name: "Bottom";
    vertical-align: text-bottom;
}
/*HR*/
h1.ms-rteElement-hr { /* changed from div.ms-rteElement-hr for pgov refresh 10-15-2017 */
    -ms-name: "Horizontal Rule";
}
.ms-rteElement-hr {
    clear: both;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin: 10px 0 10px;
    width: 100%;
}
/* -------------------------------------------
    CTA
--------------------------------------------- */
a.ms-rteElement-cta {
    -ms-name: "Call To Action";
}
a.ms-rteElement-cta {
    background: #10568c url("/Style%20Library/CityOfPhx/images/sprite-icons.png") no-repeat 100% -178px;
    color: #fff;
    display: block;
    font-size: 16px;
    margin: 0 0 5px;
    padding: 12px 20px 12px 12px !important;
    text-decoration: none;
    width: 100%;
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;
    font-weight:500;
}
a.ms-rteElement-ctaButton {
    -ms-name: "CTA Button";
}
a.ms-rteElement-ctaButton {
    background: #10568c url("/Style%20Library/CityOfPhx/images/sprite-icons.png") no-repeat 100% -178px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin: 0 0 5px;
    padding: 12px 30px 12px 12px !important;
    text-decoration: none;
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;
    font-weight:500;
}
a.ms-rteElement-cta-procure {
    background: #003760 url("/Style%20Library/CityOfPhx/images/sprite-icons.png") no-repeat 100% -178px;
    color: #fff;
    display: block;
    font-size: 16px;
    margin: 0 0 5px;
    padding: 12px 20px 12px 12px !important;
    text-decoration: none;
    width: 100%;
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;
}
.ms-rteElement-cta:hover {
    background-color: #eea41c;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;
}
.ms-rteElement-cta:visited {
    color: #ffffff;
}
.ms-rteElement-ctaButton:hover {
    background-color: #eea41c!important;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}
.ms-rteElement-ctaButton:visited {
    color: #ffffff;
}