/* ======================================
	NFRA group Theme.css

    Created : LAJ 06/30/2022
    Last Updated : JRF 02/14/2023
====================================== */

:root {
  --nfra-red: #a02b27;
  --nfra-yellow: #f5c746;
  --nfra-lt-yellow: #fff6d4;
  --nfra-orange: #bd5105;
  --nfra-overlay-brown: #341a08;
  --body-gray: #1e3e5b;
  --black: #000000;
  --white: #FFFFFF;
  --smaller: .75;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-Black.woff2') format('woff2'),
        url('Gotham-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-Black.woff2') format('woff2'),
        url('Gotham-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-BlackItalic.woff2') format('woff2'),
        url('Gotham-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-Bold.woff2') format('woff2'),
        url('Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-BoldItalic.woff2') format('woff2'),
        url('Gotham-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-Book.woff2') format('woff2'),
        url('Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-BookItalic.woff2') format('woff2'),
        url('Gotham-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-Light.woff2') format('woff2'),
        url('Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-Light.woff2') format('woff2'),
        url('Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-LightItalic.woff2') format('woff2'),
        url('Gotham-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-Medium.woff2') format('woff2'),
        url('Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-Medium.woff2') format('woff2'),
        url('Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-MediumItalic.woff2') format('woff2'),
        url('Gotham-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-Thin.woff2') format('woff2'),
        url('Gotham-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-ThinItalic.woff2') format('woff2'),
        url('Gotham-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Ultra';
    src: url('Gotham-Ultra.woff2') format('woff2'),
        url('Gotham-Ultra.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Ultra';
    src: url('Gotham-UltraItalic.woff2') format('woff2'),
        url('Gotham-UltraItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-XLight.woff2') format('woff2'),
        url('Gotham-XLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('Gotham-XLightItalic.woff2') format('woff2'),
        url('Gotham-XLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}


html {
  margin: 0;
  padding: 0;
  height: 100%;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 16px;
  color: #5d5d5d;
  font-weight: normal;
  font-family: 'Gotham', sans-serif;
}
body {
font-family: 'Gotham', sans-serif;
background: #ffffff;
font-size: 1em;
line-height: 1.45;
}
/*FONT SIZE MEDIA QUERIES*/
@media only screen and (max-width: 1199px) {
body {
 font-size: 1em;
}
}
@media only screen and (max-width: 991px) {
body {
 font-size: 0.9em;
}
}
@media only screen and (max-width: 767px) {
body {
 font-size: 0.8em;
}
}
/**Put in CSS**/

/* ======================================
Typography

REQUIRED CLASSES: h1, h2, h3, .font-a
====================================== */
h1 {
font-size: 3.2em;
line-height: 1.45;
font-family: 'Gotham', sans-serif;
font-weight: 700;
}
h2 {
font-size: 3em;
line-height: 1.45;
font-family: 'Gotham', sans-serif;
font-weight: 700;
}
h3 {
font-size: 2.8em;
line-height: 1.45;
font-family: 'Gotham', sans-serif;
font-weight: 700;
}
h4 {
font-size: 2.4em;
line-height: 1.45;
font-family: 'Gotham', sans-serif;
font-weight: 500;
}
h5 {
font-size: 2em;
line-height: 1.45;
font-family: 'Gotham', sans-serif;
font-weight: 500;
}
h6 {
font-size: 1.6em;
line-height: 1.45;
font-family: 'Gotham', sans-serif;
font-weight: 500;
}

p {
padding: 0;
}
/*RESIZE FONTS FOR EXTRA SMALL SCREEN SIZES*/
@media screen and (max-width: 767px) {
h1 {
 font-size: 1.8em;
}
h2 {
 font-size: 1.6em;
}
h3 {
 font-size: 1.4em;
}
h4 {
 font-size: 1.2em;
}
h5 {
 font-size: 1.1em;
}
h6 {
 font-size: 1em;
}
}
/* ======================================
Fonts

REQUIRED CLASSES: None
====================================== */
.font-base {
font-family: 'Gotham', sans-serif;
font-weight: 400;
}
.font-base h1,
.font-base h2,
.font-base h3,
.font-base h4,
.font-base h5,
.font-base h6,
.font-base .nav,
.font-base .button {
font-family: 'Gotham', sans-serif;
font-weight: 400;
}
.font-b {
font-family: 'Gotham', sans-serif;
font-weight: 500;
}
.font-b h1,
.font-b h2,
.font-b h3,
.font-b h4,
.font-b h5,
.font-b h6,
.font-b .nav,
.font-b .button {
font-family: 'Gotham', sans-serif;
font-weight: 500;
}
.font-c {
font-family: 'Gotham', sans-serif;
font-weight: 700;
}
.font-c h1,
.font-c h2,
.font-c h3,
.font-c h4,
.font-c h5,
.font-c h6,
.font-c .nav,
.font-c .button {
font-family: 'Gotham', sans-serif;
font-weight: 700;
}
.font-d {
font-family: 'Gotham', sans-serif;
font-weight: 400;
}
.font-d h1,
.font-d h2,
.font-d h3,
.font-d h4,
.font-d h5,
.font-d h6,
.font-d .nav,
.font-d .button {
font-family: 'Gotham', sans-serif;
font-weight: 400;
}
.font-e {
font-family: 'Gotham', sans-serif;
font-weight: 500;
}
.font-e h1,
.font-e h2,
.font-e h3,
.font-e h4,
.font-e h5,
.font-e h6,
.font-e .nav,
.font-e .button {
font-family: 'Gotham', sans-serif;
font-weight: 500;
}
.font-f {
font-family: 'Gotham', sans-serif;
font-weight: 700;
}
.font-f h1,
.font-f h2,
.font-f h3,
.font-f h4,
.font-f h5,
.font-f h6,
.font-f .nav,
.font-f .button {
font-family: 'Gotham', sans-serif;
font-weight: 700;
}
/* ======================================
Font IXP Information - Removed
====================================== */

/* ======================================
Content

REQUIRED CLASSES: .caption, .fine-print
====================================== */
.caption {
font-size: 0.85em;
padding-bottom: 0.2em;
padding-top: 0.2em;
}
.fine-print {
font-size: 0.75em;
padding-bottom: 0.2em;
padding-top: 0.2em;
}
.display-headline {
font-size: 140%;
}
.text-transform-upper {
text-transform: uppercase;
}
.text-transform-lower {
text-transform: lowercase;
}
.text-transform-capitalize {
text-transform: capitalize;
}
/* ======================================
Content IXP Information
 REQUIRED CLASSES: .caption, .fine-print
====================================== */
.caption {
-ixp-name: "Caption";
-ixp-tags: "Text";
-ixp-group: "text";
-ixp-scope: "Text,Link";
}
.fine-print {
-ixp-name: "Fine Print";
-ixp-tags: "Text";
-ixp-group: "text";
-ixp-scope: "Text,Link";
}
.display-headline {
-ixp-name: "Display Headline";
-ixp-tags: "Text";
-ixp-group: "text";
-ixp-scope: "Text,Link";
}
.text-transform-upper {
-ixp-name: "Uppercase";
-ixp-tags: "Text";
-ixp-group: "text";
-ixp-scope: "Text,Link";
}
.text-transform-lower {
-ixp-name: "Lowercase";
-ixp-tags: "Text";
-ixp-group: "text";
-ixp-scope: "Text,Link";
}
.text-transform-capitalize {
-ixp-name: "Capitalize";
-ixp-tags: "Text";
-ixp-group: "text";
-ixp-scope: "Text,Link";
}
/* ======================================
Alignment

REQUIRED CLASSES: ALL
====================================== */
.align-right {
text-align: right;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.indent {
margin-left: 0.85em;
}
/* ======================================
Alignment IXP Information
 REQUIRED CLASSES: ALL
====================================== */
.align-right {
-ixp-name: "Right Align";
-ixp-tags: "Alignment";
-ixp-group: "alignment";
-ixp-scope: "Text,Link,ContainerLike";
}
.align-left {
-ixp-name: "Left Align";
-ixp-tags: "Alignment";
-ixp-group: "alignment";
-ixp-scope: "Text,Link,ContainerLike";
}
.align-center {
-ixp-name: "Center Align";
-ixp-tags: "Alignment";
-ixp-group: "alignment";
-ixp-scope: "Text,Link,ContainerLike";
}
.indent {
-ixp-name: "Text Indent";
-ixp-tags: "Alignment";
-ixp-group: "alignment";
-ixp-scope: "Text";
}
/* ======================================
List Items

REQUIRED CLASS: .bullet-a
====================================== */
ul,
ol {
margin: 0;
padding: 0;
}
ul li {
margin: 10px 0 10px 1em;
list-style-type: disc;
}
ol {
margin-left: 10px;
list-style-type: decimal;
}
ol li {
margin: 10px 0 10px 1em;
}
.bullet-a ul li {
list-style-type: none;
position: relative;
padding: 0 0 0 1.2em;
}
.bullet-a ul li:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: none;
display: inline-block;
content: '\f138';
color: #f47521;
position: absolute;
left: 0;
top: auto;
}
.bullet-b ul li {
list-style-type: none;
position: relative;
padding: 0 0 0 1.2em;
}
.bullet-b ul li:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: none;
display: inline-block;
content: '\f00c';
color: #b72d84;
position: absolute;
left: 0;
top: auto;
}
/* ======================================
List IXP Information

REQUIRED CLASS: .bullet-a
====================================== */
.bullet-a {
-ixp-name: "Bullet List - Circle Arrow";
-ixp-tags: "Bullet list";
-ixp-group: "bullet-list";
-ixp-scope: "Text";
}
.bullet-b {
-ixp-name: "Bullet List - Checkmark";
-ixp-tags: "Bullet list";
-ixp-group: "bullet-list";
-ixp-scope: "Text";
}
/* ======================================
Link Element Base
====================================== */
a {
color: var(--nfra-orange);
display: inline;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-family: 'Gotham', sans-serif;
}
a:hover {
color: var(--nfra-yellow);
text-decoration: underline;
}
/* ======================================
CTA Links

REQUIRED CLASS: .cta_link.link-a
====================================== */
.cta_link {
display: inline-block;
}
.cta_link:after,
.cta_link:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: none;
display: inline-block;
margin: 0 0 0 .5em;
}
.cta_link.link-a {
color: #3dc192;
text-decoration: none;
}
.cta_link.link-a:hover {
color: #3dc192;
text-decoration: underline;
}
.cta_link.link-a:after {
content: '\f105';
}
.cta_link.link-b {
color: #3dc192;
text-decoration: none;
}
.cta_link.link-b:hover {
color: #3dc192;
text-decoration: underline;
}
.cta_link.link-b:before {
content: '\f00c';
margin-left: 0;
margin-right: .5em;
}
.cta_link.link-c {
color: #3dc192;
text-decoration: none;
}
.cta_link.link-c:hover {
color: #3dc192;
text-decoration: underline;
}
.cta_link.link-c:after {
content: '\f08e';
}
.cta_link.link-d {
color: #3dc192;
text-decoration: none;
}
.cta_link.link-d:hover {
color: #3dc192;
text-decoration: underline;
}
.cta_link.link-d:after {
content: '\f0da';
}
.cta_link.link-e {
color: #3dc192;
text-decoration: none;
}
.cta_link.link-e:hover {
color: #3dc192;
text-decoration: underline;
}
.cta_link.link-e:before {
content: '\f104';
margin-left: 0;
margin-right: .5em;
}
/* ======================================
Links IXP Information

REQUIRED CLASS: .cta_link.link-a
====================================== */
.cta_link.link-a {
-ixp-name: "Arrow Link";
-ixp-tags: "Link";
-ixp-group: "link";
-ixp-scope: "Link,Lightbox";
}
.cta_link.link-b {
-ixp-name: "Check Link";
-ixp-tags: "Link";
-ixp-group: "link";
-ixp-scope: "Link,Lightbox";
}
.cta_link.link-c {
-ixp-name: "Link Out Link";
-ixp-tags: "Link";
-ixp-group: "link";
-ixp-scope: "Link,Lightbox";
}
.cta_link.link-d {
-ixp-name: "Caret Link";
-ixp-tags: "Link";
-ixp-group: "link";
-ixp-scope: "Link,Lightbox";
}
.cta_link.link-e {
-ixp-name: "Back Link";
-ixp-tags: "Link";
-ixp-group: "link";
-ixp-scope: "Link,Lightbox";
}
/* ======================================
Colors

REQUIRED CLASS - .color-a, .color-b

 NOTE: These 2 required class (a & b) style values should not change. 
 They should be always be White and black.
====================================== */
.color-a {
color: #ffffff !important;
}
.color-a h1,
.color-a h2,
.color-a h3,
.color-a h4,
.color-a h5,
.color-a h6,
.color-a a,
.color-a p {
color: #ffffff !important;
}
.color-b {
color: #000000 !important;
}
.color-b h1,
.color-b h2,
.color-b h3,
.color-b h4,
.color-b h5,
.color-b h6,
.color-b a,
.color-b p {
color: #000000 !important;
}
.color-c {
color: #f47521 !important;
}
.color-c h1,
.color-c h2,
.color-c h3,
.color-c h4,
.color-c h5,
.color-c h6,
.color-c a,
.color-c p {
color: #f47521 !important;
}
.color-d {
color: #b72d84 !important;
}
.color-d h1,
.color-d h2,
.color-d h3,
.color-d h4,
.color-d h5,
.color-d h6,
.color-d a,
.color-d p {
color: #b72d84 !important;
}
.color-e {
color: #3dc192 !important;
}
.color-e h1,
.color-e h2,
.color-e h3,
.color-e h4,
.color-e h5,
.color-e h6,
.color-e a,
.color-e p {
color: #3dc192 !important;
}
.color-f {
color: #1db2e0 !important;
}
.color-f h1,
.color-f h2,
.color-f h3,
.color-f h4,
.color-f h5,
.color-f h6,
.color-f a,
.color-f p {
color: #1db2e0 !important;
}
.color-g {
color: #eeeeee !important;
}
.color-g h1,
.color-g h2,
.color-g h3,
.color-g h4,
.color-g h5,
.color-g h6,
.color-g a,
.color-g p {
color: #eeeeee !important;
}
.color-h {
color: #8a9a9a !important;
}
.color-h h1,
.color-h h2,
.color-h h3,
.color-h h4,
.color-h h5,
.color-h h6,
.color-h a,
.color-h p {
color: #8a9a9a !important;
}
.color-i {
color: #5d5d5d !important;
}
.color-i h1,
.color-i h2,
.color-i h3,
.color-i h4,
.color-i h5,
.color-i h6,
.color-i a,
.color-i p {
color: #5d5d5d !important;
}
.color-j {
color: #f74c1e !important;
}
.color-j h1,
.color-j h2,
.color-j h3,
.color-j h4,
.color-j h5,
.color-j h6,
.color-j a,
.color-j p {
color: #f74c1e !important;
}
.color-k {
color: #fec43f !important;
}
.color-k h1,
.color-k h2,
.color-k h3,
.color-k h4,
.color-k h5,
.color-k h6,
.color-k a,
.color-k p {
color: #fec43f !important;
}
.color-l {
color: #753bbd !important;
}
.color-l h1,
.color-l h2,
.color-l h3,
.color-l h4,
.color-l h5,
.color-l h6,
.color-l a,
.color-l p {
color: #753bbd !important;
}
.color-m {
color: #0c67aa !important;
}
.color-m h1,
.color-m h2,
.color-m h3,
.color-m h4,
.color-m h5,
.color-m h6,
.color-m a,
.color-m p {
color: #0c67aa !important;
}
.color-n {
color: #c6185f !important;
}
.color-n h1,
.color-n h2,
.color-n h3,
.color-n h4,
.color-n h5,
.color-n h6,
.color-n a,
.color-n p {
color: #c6185f !important;
}
.color-o {
color: #aad805 !important;
}
.color-o h1,
.color-o h2,
.color-o h3,
.color-o h4,
.color-o h5,
.color-o h6,
.color-o a,
.color-o p {
color: #aad805 !important;
}
/* ======================================
Colors IXP Information
====================================== */
.color-a {
-ixp-name: "White";
-ixp-tags: "Color";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
.color-b {
-ixp-name: "Black";
-ixp-tags: "Color";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
.color-c {
-ixp-name: "Orange Intelligence";
-ixp-tags: "Color";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
.color-d {
-ixp-name: "Content Purple";
-ixp-tags: "Color";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
.color-e {
-ixp-name: "Digital Green";
-ixp-tags: "Color";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
.color-f {
-ixp-name: "Communications Blue";
-ixp-tags: "Color";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
.color-m {
-ixp-name: "Dark Blue";
-ixp-tags: "Color";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
.color-l {
-ixp-name: "Dark Purple";
-ixp-tags: "Color";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
.color-j {
-ixp-name: "Dark Orange";
-ixp-tags: "Color";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
.color-o {
-ixp-name: "Lemon";
-ixp-tags: "Color";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
.color-n {
-ixp-name: "Pink";
-ixp-tags: "Color";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
.color-k {
-ixp-name: "Yellow";
-ixp-tags: "Color";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
.color-g {
-ixp-name: "Light Gray";
-ixp-tags: "Color";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
.color-h {
-ixp-name: "Medium Gray";
-ixp-tags: "Color";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
.color-i {
-ixp-name: "Dark Gray";
-ixp-tags: "Color";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
/* ======================================
Backgrounds

REQUIRED CLASSES:
.background-a,
.background-b,
.background-c

 NOTE: These,required, 3 class (a,b, and c) style values should not change. 
 They should be White, Transparent White and Transparent Black always.
====================================== */
.background-a {
background: #ffffff;
}
.background-b {
background: #ffffff;
background: rgba(255, 255, 255, 0.5);
}
.background-c {
background: #000000;
background: rgba(0, 0, 0, 0.4);
}
.background-d {
background: #000000;
}
.background-e {
background: #f47521;
}
.background-f {
background: #b72d84;
}
.background-g {
background: #3dc192;
}
.background-h {
background: #1db2e0;
}
.background-i {
background: #eeeeee;
}
.background-j {
background: #8a9a9a;
}
.background-k {
background: #5d5d5d;
}
.background-l {
background: #f74c1e;
}
.background-m {
background: #fec43f;
}
.background-n {
background: #753bbd;
}
.background-o {
background: #0c67aa;
}
.background-p {
background: #c6185f;
}
.background-q {
background: #aad805;
}
/* ======================================
Background IXP Information
====================================== */
.background-a {
-ixp-name: "White Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-b {
-ixp-name: "White Transparent Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-d {
-ixp-name: "Black Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-c {
-ixp-name: "Black Transparent Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-e {
-ixp-name: "Orange Intelligence Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-f {
-ixp-name: "Content Purple Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-g {
-ixp-name: "Digital Green Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-h {
-ixp-name: "Communications Blue Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-o {
-ixp-name: "Dark Blue Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-n {
-ixp-name: "Dark Purple Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-l {
-ixp-name: "Dark Orange Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-q {
-ixp-name: "Lemon Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-p {
-ixp-name: "Pink Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-m {
-ixp-name: "Yellow Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-i {
-ixp-name: "Light Gray Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-j {
-ixp-name: "Medium Gray Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-k {
-ixp-name: "Dark Gray Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
/* ======================================
Pre Header

REQUIRED CLASS: .pre-header, .pre-header-a
====================================== */
.pre-header {
padding: 0.5em 0;
}
.pre-header-a {
padding: 0.5em 0;
font-size: 1em;
background: #ffffff;
color: #5d5d5d;
}
.pre-header-a h1,
.pre-header-a h2,
.pre-header-a h3,
.pre-header-a h4,
.pre-header-a h5,
.pre-header-a h6,
.pre-header-a p,
.pre-header-a .pf_form_table,
.pre-header-a .pf_form_table .pf_label_text {
color: #5d5d5d;
}
.pre-header-a a {
color: #3dc192;
}
.pre-header-a a:hover {
color: #3dc192;
}
.pre-header-a .generic-fill {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pre-header-a .generic-fill:hover {
background: #f74c1e;
color: #ffffff !important;
border-color: #f74c1e;
}
.pre-header-a .generic-fill:hover {
background: #f74c1e;
color: #ffffff !important;
border-color: #f74c1e;
}
.pre-header-a .generic-fill:hover p,
.pre-header-a .generic-fill:hover h1,
.pre-header-a .generic-fill:hover h2,
.pre-header-a .generic-fill:hover h3,
.pre-header-a .generic-fill:hover h4,
.pre-header-a .generic-fill:hover h5,
.pre-header-a .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pre-header-a .generic-outline {
background: transparent;
color: #f47521 !important;
border-color: #f47521;
}
.pre-header-a .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pre-header-a .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pre-header-a .generic-outline:hover p,
.pre-header-a .generic-outline:hover h1,
.pre-header-a .generic-outline:hover h2,
.pre-header-a .generic-outline:hover h3,
.pre-header-a .generic-outline:hover h4,
.pre-header-a .generic-outline:hover h5,
.pre-header-a .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
/* ======================================
Pre Header IXP Information
 REQUIRED CLASSES: .pre-header, .pre-header-a
====================================== */
.pre-header {
-ixp-name: "Pre-Header - Transparent";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
.pre-header-a {
-ixp-name: "Pre-Header - White";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
/* ======================================
Logo

REQUIRED CLASS: .header-logo-light
====================================== */
.header-logo-light{
   background-image: url(NEW_EHM_logo_color.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    min-height: 66px;
    min-width: 96px;
    background-size: 96px 66px;
    display: inline-block;
    text-indent: -9999px;
}

.header-logo-b {
   background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    text-indent: -9999px;
    min-height: 66px;
    min-width: 150px;
    background-size: 150px 66px;
}

.header-logo-c {
background-image: url('NEW_EHM_logo_color.png');
background-repeat: no-repeat;
background-position: 0 0;
min-height: 51px;
min-width: 230px;
background-size: 230px 51px;
display: inline-block;
text-indent: -9999px;
}

@media (max-width: 768px) {
.header-logo-light {
 min-height: 70px;
 min-width: 102px;
 background-size: 102px 70px;
}

.header-logo-b{
  min-height: 70px;
  min-width: 160px;
  background-size: 160px 70px;
}


.header-logo-c {
 min-height: 35px;
 min-width: 160px;
 background-size: 160px 35px;
}


}


.header-logo-b {
background-image: url('NFRA-color-PNG.png');
}
.header-logo-c {
background-image: url('NFRA-color-PNG.png');
}
/* ======================================
Logo IXP Information

REQUIRED CLASS: .header-logo-light
====================================== */
.header-logo-light {
-ixp-name: "4MG Logo Black Color";
-ixp-tags: "Logo";
-ixp-group: "logo";
-ixp-scope: "ContainerLike,Link";
}
.header-logo-b {
-ixp-name: "4MG Logo White";
-ixp-tags: "Logo";
-ixp-group: "logo";
-ixp-scope: "ContainerLike,Link";
}
.header-logo-c {
-ixp-name: "4MG Logo White Alt";
-ixp-tags: "Logo";
-ixp-group: "logo";
-ixp-scope: "ContainerLike,Link";
}
/* ======================================
Header

REQUIRED CLASS: .header,.header-a
====================================== */
.header {
padding: 1.5em 0;
}
.header-a {
/* padding: 1.5em 0; */
font-size: 1em;
background: #ffffff;
color: #5d5d5d;
}
.header-a h1,
.header-a h2,
.header-a h3,
.header-a h4,
.header-a h5,
.header-a h6,
.header-a p,
.header-a .pf_form_table,
.header-a .pf_form_table .pf_label_text {
color: #5d5d5d;
}
.header-a a {
color: #bd5105;
}
.header-a a:hover {
color: #a02c27;
}
.header-a .generic-fill {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.header-a .generic-fill:hover {
background: #f74c1e;
color: #ffffff !important;
border-color: #f74c1e;
}
.header-a .generic-fill:hover {
background: #f74c1e;
color: #ffffff !important;
border-color: #f74c1e;
}
.header-a .generic-fill:hover p,
.header-a .generic-fill:hover h1,
.header-a .generic-fill:hover h2,
.header-a .generic-fill:hover h3,
.header-a .generic-fill:hover h4,
.header-a .generic-fill:hover h5,
.header-a .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.header-a .generic-outline {
background: transparent;
color: #f47521 !important;
border-color: #f47521;
}
.header-a .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.header-a .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.header-a .generic-outline:hover p,
.header-a .generic-outline:hover h1,
.header-a .generic-outline:hover h2,
.header-a .generic-outline:hover h3,
.header-a .generic-outline:hover h4,
.header-a .generic-outline:hover h5,
.header-a .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.header-b {
padding: 1.5em 0;
font-size: 1em;
background: #000000;
color: #ffffff;
}
.header-b h1,
.header-b h2,
.header-b h3,
.header-b h4,
.header-b h5,
.header-b h6,
.header-b p,
.header-b .pf_form_table,
.header-b .pf_form_table .pf_label_text {
color: #ffffff;
}
.header-b a {
color: #ffffff;
}
.header-b a:hover {
color: #ffffff;
}
.header-b .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.header-b .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.header-b .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.header-b .generic-fill:hover p,
.header-b .generic-fill:hover h1,
.header-b .generic-fill:hover h2,
.header-b .generic-fill:hover h3,
.header-b .generic-fill:hover h4,
.header-b .generic-fill:hover h5,
.header-b .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.header-b .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.header-b .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.header-b .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.header-b .generic-outline:hover p,
.header-b .generic-outline:hover h1,
.header-b .generic-outline:hover h2,
.header-b .generic-outline:hover h3,
.header-b .generic-outline:hover h4,
.header-b .generic-outline:hover h5,
.header-b .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
/* ======================================
 Header IXP Information
 REQUIRED CLASSES: .header, .header-a
====================================== */
.header {
-ixp-name: "Header - Transparent";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
.header-a {
-ixp-name: "Header - White";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
.header-b {
-ixp-name: "Header - Black";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
/* ======================================
Inner Content Wrap

NOTE: Container that includes the
pre-content, content & post-content

REQUIRED CLASS: .inner-content-wrapper
====================================== */
.inner-content-wrapper-a {
background: #ffffff;
}
/* ======================================
 Inner Content Wrap IXP Information
 REQUIRED CLASSES: .inner-content-wrapper
====================================== */
.inner-content-wrapper {
-ixp-name: "Inner Content - Transparent";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "Container";
}
.inner-content-wrapper-a {
-ixp-name: "Inner Content - White";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "Container";
}
/* ======================================
Pre Content
 REQUIRED CLASSES: .pre-content
====================================== */
.pre-content {
padding: 3em 0;
}
/* ======================================
 Pre Content IXP Information
 REQUIRED CLASSES: .pre-content
====================================== */
.pre-content {
-ixp-name: "Pre-Content - Transparent";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
/* ======================================
Content
 REQUIRED CLASSES: .content, .content-a, .content-b, .content-c
 NOTE: Content A should be a white background with styles, content B should be a light gray or very pale color with styles, and content C should be the main brand color or dark color with styles.
====================================== */
.content {
padding: 3em 0;
}
.content.content-a {
padding: 3em 0;
font-size: 1em;
background: #ffffff;
color: #5d5d5d;
}
.content.content-a h1,
.content.content-a h2,
.content.content-a h3,
.content.content-a h4,
.content.content-a h5,
.content.content-a h6,
.content.content-a p,
.content.content-a .pf_form_table,
.content.content-a .pf_form_table .pf_label_text {
color: #5d5d5d;
}
.content.content-a a {
color: #3dc192;
}
.content.content-a a:hover {
color: #3dc192;
}
.content.content-a .generic-fill {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.content.content-a .generic-fill:hover {
background: #f74c1e;
color: #ffffff !important;
border-color: #f74c1e;
}
.content.content-a .generic-fill:hover {
background: #f74c1e;
color: #ffffff !important;
border-color: #f74c1e;
}
.content.content-a .generic-fill:hover p,
.content.content-a .generic-fill:hover h1,
.content.content-a .generic-fill:hover h2,
.content.content-a .generic-fill:hover h3,
.content.content-a .generic-fill:hover h4,
.content.content-a .generic-fill:hover h5,
.content.content-a .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.content.content-a .generic-outline {
background: transparent;
color: #f47521 !important;
border-color: #f47521;
}
.content.content-a .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.content.content-a .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.content.content-a .generic-outline:hover p,
.content.content-a .generic-outline:hover h1,
.content.content-a .generic-outline:hover h2,
.content.content-a .generic-outline:hover h3,
.content.content-a .generic-outline:hover h4,
.content.content-a .generic-outline:hover h5,
.content.content-a .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.content.content-b {
padding: 3em 0;
font-size: 1em;
background: #eeeeee;
color: #5d5d5d;
}
.content.content-b h1,
.content.content-b h2,
.content.content-b h3,
.content.content-b h4,
.content.content-b h5,
.content.content-b h6,
.content.content-b p,
.content.content-b .pf_form_table,
.content.content-b .pf_form_table .pf_label_text {
color: #5d5d5d;
}
.content.content-b a {
color: #3dc192;
}
.content.content-b a:hover {
color: #3dc192;
}
.content.content-b .generic-fill {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.content.content-b .generic-fill:hover {
background: #f74c1e;
color: #ffffff !important;
border-color: #f74c1e;
}
.content.content-b .generic-fill:hover {
background: #f74c1e;
color: #ffffff !important;
border-color: #f74c1e;
}
.content.content-b .generic-fill:hover p,
.content.content-b .generic-fill:hover h1,
.content.content-b .generic-fill:hover h2,
.content.content-b .generic-fill:hover h3,
.content.content-b .generic-fill:hover h4,
.content.content-b .generic-fill:hover h5,
.content.content-b .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.content.content-b .generic-outline {
background: transparent;
color: #f47521 !important;
border-color: #f47521;
}
.content.content-b .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.content.content-b .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.content.content-b .generic-outline:hover p,
.content.content-b .generic-outline:hover h1,
.content.content-b .generic-outline:hover h2,
.content.content-b .generic-outline:hover h3,
.content.content-b .generic-outline:hover h4,
.content.content-b .generic-outline:hover h5,
.content.content-b .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.content.content-c {
padding: 3em 0;
font-size: 1em;
background: #f47521;
color: #ffffff;
}
.content.content-c h1,
.content.content-c h2,
.content.content-c h3,
.content.content-c h4,
.content.content-c h5,
.content.content-c h6,
.content.content-c p,
.content.content-c .pf_form_table,
.content.content-c .pf_form_table .pf_label_text {
color: #ffffff;
}
.content.content-c a {
color: #ffffff;
}
.content.content-c a:hover {
color: #ffffff;
}
.content.content-c .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.content.content-c .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.content.content-c .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.content.content-c .generic-fill:hover p,
.content.content-c .generic-fill:hover h1,
.content.content-c .generic-fill:hover h2,
.content.content-c .generic-fill:hover h3,
.content.content-c .generic-fill:hover h4,
.content.content-c .generic-fill:hover h5,
.content.content-c .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.content.content-c .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.content.content-c .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.content.content-c .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.content.content-c .generic-outline:hover p,
.content.content-c .generic-outline:hover h1,
.content.content-c .generic-outline:hover h2,
.content.content-c .generic-outline:hover h3,
.content.content-c .generic-outline:hover h4,
.content.content-c .generic-outline:hover h5,
.content.content-c .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
.content.content-d {
padding: 3em 0;
font-size: 1em;
background: #b72d84;
color: #ffffff;
}
.content.content-d h1,
.content.content-d h2,
.content.content-d h3,
.content.content-d h4,
.content.content-d h5,
.content.content-d h6,
.content.content-d p,
.content.content-d .pf_form_table,
.content.content-d .pf_form_table .pf_label_text {
color: #ffffff;
}
.content.content-d a {
color: #ffffff;
}
.content.content-d a:hover {
color: #ffffff;
}
.content.content-d .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.content.content-d .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.content.content-d .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.content.content-d .generic-fill:hover p,
.content.content-d .generic-fill:hover h1,
.content.content-d .generic-fill:hover h2,
.content.content-d .generic-fill:hover h3,
.content.content-d .generic-fill:hover h4,
.content.content-d .generic-fill:hover h5,
.content.content-d .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.content.content-d .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.content.content-d .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.content.content-d .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.content.content-d .generic-outline:hover p,
.content.content-d .generic-outline:hover h1,
.content.content-d .generic-outline:hover h2,
.content.content-d .generic-outline:hover h3,
.content.content-d .generic-outline:hover h4,
.content.content-d .generic-outline:hover h5,
.content.content-d .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
.content.content-e {
padding: 3em 0;
font-size: 1em;
background: #3dc192;
color: #ffffff;
}
.content.content-e h1,
.content.content-e h2,
.content.content-e h3,
.content.content-e h4,
.content.content-e h5,
.content.content-e h6,
.content.content-e p,
.content.content-e .pf_form_table,
.content.content-e .pf_form_table .pf_label_text {
color: #ffffff;
}
.content.content-e a {
color: #ffffff;
}
.content.content-e a:hover {
color: #ffffff;
}
.content.content-e .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.content.content-e .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.content.content-e .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.content.content-e .generic-fill:hover p,
.content.content-e .generic-fill:hover h1,
.content.content-e .generic-fill:hover h2,
.content.content-e .generic-fill:hover h3,
.content.content-e .generic-fill:hover h4,
.content.content-e .generic-fill:hover h5,
.content.content-e .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.content.content-e .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.content.content-e .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.content.content-e .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.content.content-e .generic-outline:hover p,
.content.content-e .generic-outline:hover h1,
.content.content-e .generic-outline:hover h2,
.content.content-e .generic-outline:hover h3,
.content.content-e .generic-outline:hover h4,
.content.content-e .generic-outline:hover h5,
.content.content-e .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
.content.content-f {
padding: 3em 0;
font-size: 1em;
background: #1db2e0;
color: #ffffff;
}
.content.content-f h1,
.content.content-f h2,
.content.content-f h3,
.content.content-f h4,
.content.content-f h5,
.content.content-f h6,
.content.content-f p,
.content.content-f .pf_form_table,
.content.content-f .pf_form_table .pf_label_text {
color: #ffffff;
}
.content.content-f a {
color: #ffffff;
}
.content.content-f a:hover {
color: #ffffff;
}
.content.content-f .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.content.content-f .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.content.content-f .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.content.content-f .generic-fill:hover p,
.content.content-f .generic-fill:hover h1,
.content.content-f .generic-fill:hover h2,
.content.content-f .generic-fill:hover h3,
.content.content-f .generic-fill:hover h4,
.content.content-f .generic-fill:hover h5,
.content.content-f .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.content.content-f .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.content.content-f .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.content.content-f .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.content.content-f .generic-outline:hover p,
.content.content-f .generic-outline:hover h1,
.content.content-f .generic-outline:hover h2,
.content.content-f .generic-outline:hover h3,
.content.content-f .generic-outline:hover h4,
.content.content-f .generic-outline:hover h5,
.content.content-f .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
/* ======================================
 Content IXP Information
 REQUIRED CLASSES: .content, .content-a, .content-b, .content-c
 NOTE: Content A should be a white background with styles, content B should be a light gray or very pale color with styles, and content C should be the main brand color or dark color with styles.
====================================== */
.content {
-ixp-name: "Content";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
.content.content-a {
-ixp-name: "Content - White";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
.content.content-b {
-ixp-name: "Content - Light Gray";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
.content.content-c {
-ixp-name: "Content - Orange Intelligence";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
.content.content-d {
-ixp-name: "Content - Content Purple";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
.content.content-e {
-ixp-name: "Content - Digital Green";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
.content.content-f {
-ixp-name: "Content - Communications Blue";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
/* ======================================
Post Content

REQUIRED CLASS: .post-content,.post-content-a
====================================== */
.post-content {
padding: 3em 0;
}
.post-content-a {
padding: 3em 0;
font-size: 1em;
background: #eeeeee;
color: #5d5d5d;
}
.post-content-a h1,
.post-content-a h2,
.post-content-a h3,
.post-content-a h4,
.post-content-a h5,
.post-content-a h6,
.post-content-a p,
.post-content-a .pf_form_table,
.post-content-a .pf_form_table .pf_label_text {
color: #5d5d5d;
}
.post-content-a a {
color: #3dc192;
}
.post-content-a a:hover {
color: #3dc192;
}
.post-content-a .generic-fill {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.post-content-a .generic-fill:hover {
background: #f74c1e;
color: #ffffff !important;
border-color: #f74c1e;
}
.post-content-a .generic-fill:hover {
background: #f74c1e;
color: #ffffff !important;
border-color: #f74c1e;
}
.post-content-a .generic-fill:hover p,
.post-content-a .generic-fill:hover h1,
.post-content-a .generic-fill:hover h2,
.post-content-a .generic-fill:hover h3,
.post-content-a .generic-fill:hover h4,
.post-content-a .generic-fill:hover h5,
.post-content-a .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.post-content-a .generic-outline {
background: transparent;
color: #f47521 !important;
border-color: #f47521;
}
.post-content-a .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.post-content-a .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.post-content-a .generic-outline:hover p,
.post-content-a .generic-outline:hover h1,
.post-content-a .generic-outline:hover h2,
.post-content-a .generic-outline:hover h3,
.post-content-a .generic-outline:hover h4,
.post-content-a .generic-outline:hover h5,
.post-content-a .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
/* ======================================
 Post Content IXP Information
 REQUIRED CLASSES: .post-content,.post-content-a
====================================== */
.post-content {
-ixp-name: "Post-Content - Transparent";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
.post-content-a {
-ixp-name: "Post-Content - Light Gray";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
/* ======================================
Footer

REQUIRED CLASS - .footer, .footer-a
====================================== */
.footer {
font-size: 0.9em;
padding: 1em 0;
}
.footer-a {
padding: 1em 0;
font-size: 0.9em;
background: #5d5d5d;
color: #ffffff;
}
.footer-a h1,
.footer-a h2,
.footer-a h3,
.footer-a h4,
.footer-a h5,
.footer-a h6,
.footer-a p,
.footer-a .pf_form_table,
.footer-a .pf_form_table .pf_label_text {
color: #ffffff;
}
.footer-a a {
color: #ffffff;
}
.footer-a a:hover {
color: #ffffff;
}
.footer-a .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.footer-a .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.footer-a .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.footer-a .generic-fill:hover p,
.footer-a .generic-fill:hover h1,
.footer-a .generic-fill:hover h2,
.footer-a .generic-fill:hover h3,
.footer-a .generic-fill:hover h4,
.footer-a .generic-fill:hover h5,
.footer-a .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.footer-a .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.footer-a .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.footer-a .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.footer-a .generic-outline:hover p,
.footer-a .generic-outline:hover h1,
.footer-a .generic-outline:hover h2,
.footer-a .generic-outline:hover h3,
.footer-a .generic-outline:hover h4,
.footer-a .generic-outline:hover h5,
.footer-a .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
/* ======================================
 Footer IXP Information
 REQUIRED CLASSES: .footer, .footer-a
====================================== */
.footer {
-ixp-name: "Footer Transparent";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
.footer-a {
-ixp-name: "Footer - Dark Gray";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
/* ======================================
Post Footer
 REQUIRED CLASSES: .post-footer, .post-footer-a
====================================== */
.post-footer {
font-size: 0.9em;
padding: 0.75em 0;
}
.post-footer-a {
padding: 0.75em 0;
font-size: 0.9em;
background: #252525;
color: #ffffff;
}
.post-footer-a h1,
.post-footer-a h2,
.post-footer-a h3,
.post-footer-a h4,
.post-footer-a h5,
.post-footer-a h6,
.post-footer-a p,
.post-footer-a .pf_form_table,
.post-footer-a .pf_form_table .pf_label_text {
color: #ffffff;
}
.post-footer-a a {
color: #ffffff;
}
.post-footer-a a:hover {
color: #ffffff;
}
.post-footer-a .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.post-footer-a .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.post-footer-a .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.post-footer-a .generic-fill:hover p,
.post-footer-a .generic-fill:hover h1,
.post-footer-a .generic-fill:hover h2,
.post-footer-a .generic-fill:hover h3,
.post-footer-a .generic-fill:hover h4,
.post-footer-a .generic-fill:hover h5,
.post-footer-a .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.post-footer-a .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.post-footer-a .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.post-footer-a .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.post-footer-a .generic-outline:hover p,
.post-footer-a .generic-outline:hover h1,
.post-footer-a .generic-outline:hover h2,
.post-footer-a .generic-outline:hover h3,
.post-footer-a .generic-outline:hover h4,
.post-footer-a .generic-outline:hover h5,
.post-footer-a .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
/* ======================================
 Post Footer IXP Information
 REQUIRED CLASSES: .post-footer, .post-footer-a
====================================== */
.post-footer {
-ixp-name: "Post-Footer - Transparent";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
.post-footer-a {
-ixp-name: "Post-Footer - 4MG Footer";
-ixp-tags: "Regions";
-ixp-group: "regions";
-ixp-scope: "ContainerLike";
}
/* ======================================
Image Alignment

REQUIRED CLASSES: ALL
====================================== */
.image-a {
float: right;
margin-left: 0.5em;
}
.image-b {
float: left;
margin-right: 0.5em;
}
.image-c {
margin-right: auto;
margin-left: auto;
display: block;
}
/* ======================================
Images IXP Information
 REQUIRED CLASSES: ALL
====================================== */
.image-a {
-ixp-name: "Right Align";
-ixp-tags: "Images";
-ixp-group: "images";
-ixp-scope: "Image";
}
.image-b {
-ixp-name: "Left Align";
-ixp-tags: "Images";
-ixp-group: "images";
-ixp-scope: "Image";
}
.image-c {
-ixp-name: "Center Align";
-ixp-tags: "Images";
-ixp-group: "images";
-ixp-scope: "Image";
}
/* ======================================
Image and Block Styling

REQUIRED CLASS: .rounded-corners
====================================== */
.rounded-corners {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.shadow-a {
-webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.4);
box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.4);
}
.shadow-b {
-webkit-box-shadow: 1px 1px #000000, 2px 2px #000000, 3px 3px #000000;
-moz-box-shadow: 1px 1px #000000, 2px 2px #000000, 3px 3px #000000;
box-shadow: 1px 1px #000000, 2px 2px #000000, 3px 3px #000000;
}
.border-style-a {
border: 2px solid #f47521;
}
.border-style-b {
border: 2px solid #3dc192;
}
/* ======================================
Image and Block IXP Information
 REQUIRED CLASSES: .rounded-corners
====================================== */
.rounded-corners {
-ixp-name: "Rounded Corners";
-ixp-tags: "Styling";
-ixp-group: "styling";
-ixp-scope: "Image,Link,Container,Column,Row";
}
.shadow-a {
-ixp-name: "Drop Shadow Bottom";
-ixp-tags: "Styling";
-ixp-group: "styling";
-ixp-scope: "Image,Link,Container,Column,Row";
}
.shadow-b {
-ixp-name: "Black 3D Shadow";
-ixp-tags: "Styling";
-ixp-group: "styling";
-ixp-scope: "Image,Link,Container,Column,Row";
}
.border-style-a {
-ixp-name: "Orange Intelligence Border";
-ixp-tags: "Styling";
-ixp-group: "styling";
-ixp-scope: "Image,Link,Container,Column,Row";
}
.border-style-b {
-ixp-name: "Digital Green Border";
-ixp-tags: "Styling";
-ixp-group: "styling";
-ixp-scope: "Image,Link,Container,Column,Row";
}
/* ======================================
Horizontal Rule Styling
====================================== */
hr {
background: #eeeeee;
border: none;
color: #eeeeee;
clear: both;
float: none;
height: 1px;
margin: 0.4em 0;
width: 100%;
}
/* GENERIC BUTTON MICRO-THEME */
.generic-fill {
cursor: pointer;
display: inline-block;
margin: 0.5em 0;
overflow: visible;
text-decoration: none;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-appearance: none;
line-height: 1;
position: relative;
border: solid 2px #2b2b2b;
background: #2b2b2b;
color: #ffffff !important;
}
.generic-fill:hover {
background: #000000;
border-color: #000000;
color: #ffffff !important;
}
.generic-outline {
cursor: pointer;
display: inline-block;
margin: 0.5em 0;
overflow: visible;
text-decoration: none;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-appearance: none;
line-height: 1;
position: relative;
border: solid 2px #2b2b2b;
background: transparent;
color: #2b2b2b !important;
}
.generic-outline:hover {
border: solid 2px #2b2b2b;
background: #2b2b2b;
color: #ffffff !important;
}
.generic-fill.button-small {
-ixp-name: "Generic Fill (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.generic-fill.button-medium {
-ixp-name: "Generic Fill (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.generic-fill.button-large {
-ixp-name: "Generic Fill (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.generic-fill.button-wide {
-ixp-name: "Generic Fill (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.generic-outline.button-small {
-ixp-name: "Generic Outline (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.generic-outline.button-medium {
-ixp-name: "Generic Outline (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.generic-outline.button-large {
-ixp-name: "Generic Outline (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.generic-outline.button-wide {
-ixp-name: "Generic Outline (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
/* ======================================
Button Element Base
====================================== */
.button,
.pf_submit_button,
.button-container .pf_form_table .pf_submit_cell .pf_submit_button,
.generic-fill,
.generic-outline {
line-height: 1;
border-width: 2px;
border-style: solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
display: inline-block;
margin: 0.5em 0;
overflow: visible;
text-decoration: none;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-appearance: none;
font-family: 'Gotham', sans-serif;
font-weight: 700;
text-transform: none;
}
.button:hover,
.pf_submit_button:hover,
.button-container .pf_form_table .pf_submit_cell .pf_submit_button:hover,
.generic-fill:hover,
.generic-outline:hover {
text-decoration: none !important;
border-width: 2px;
}
.button:after,
.pf_submit_button:after,
.button-container .pf_form_table .pf_submit_cell .pf_submit_button:after,
.generic-fill:after,
.generic-outline:after {
margin: 0 0 0 0.85em;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: none;
display: inline-block;
}
.pf_submit_button {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
font-size: 1em;
padding: 0.75rem 2rem;
}
.pf_submit_button:hover {
background: #f74c1e;
color: #ffffff !important;
border-color: #f74c1e;
}
.pf_submit_button:hover {
background: #f74c1e;
color: #ffffff !important;
border-color: #f74c1e;
}
.pf_submit_button:hover p,
.pf_submit_button:hover h1,
.pf_submit_button:hover h2,
.pf_submit_button:hover h3,
.pf_submit_button:hover h4,
.pf_submit_button:hover h5,
.pf_submit_button:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
/* ======================================
Button - Mixins
====================================== */
/* ======================================
Button

REQUIRED CLASS: .button-a
====================================== */
.button-a,
.button-container-a .pf_form_table .pf_submit_cell .pf_submit_button {
  background: #f47521;
  color: #ffffff !important;
  border-color: #f47521;
  background-color: #bd5105;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  min-width: 225px;
  padding: 1.25em 1.75em;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .2s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.button-a:hover,
.button-container-a .pf_form_table .pf_submit_cell .pf_submit_button:hover {
background: #f74c1e;
color: #ffffff !important;
border-color: #f74c1e;
}
.button-a:hover p,
.button-container-a .pf_form_table .pf_submit_cell .pf_submit_button:hover p,
.button-a:hover h1,
.button-container-a .pf_form_table .pf_submit_cell .pf_submit_button:hover h1,
.button-a:hover h2,
.button-container-a .pf_form_table .pf_submit_cell .pf_submit_button:hover h2,
.button-a:hover h3,
.button-container-a .pf_form_table .pf_submit_cell .pf_submit_button:hover h3,
.button-a:hover h4,
.button-container-a .pf_form_table .pf_submit_cell .pf_submit_button:hover h4,
.button-a:hover h5,
.button-container-a .pf_form_table .pf_submit_cell .pf_submit_button:hover h5,
.button-a:hover h6,
.button-container-a .pf_form_table .pf_submit_cell .pf_submit_button:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.button-a p,
.button-a h1,
.button-a h2,
.button-a h3,
.button-a h4,
.button-a h5,
.button-a h6 {
color: #ffffff !important;
}
.button-b,
.button-container-b .pf_form_table .pf_submit_cell .pf_submit_button {
background: transparent;
color: #f47521 !important;
border-color: #f47521;
}
.button-b:hover,
.button-container-b .pf_form_table .pf_submit_cell .pf_submit_button:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.button-b:hover p,
.button-container-b .pf_form_table .pf_submit_cell .pf_submit_button:hover p,
.button-b:hover h1,
.button-container-b .pf_form_table .pf_submit_cell .pf_submit_button:hover h1,
.button-b:hover h2,
.button-container-b .pf_form_table .pf_submit_cell .pf_submit_button:hover h2,
.button-b:hover h3,
.button-container-b .pf_form_table .pf_submit_cell .pf_submit_button:hover h3,
.button-b:hover h4,
.button-container-b .pf_form_table .pf_submit_cell .pf_submit_button:hover h4,
.button-b:hover h5,
.button-container-b .pf_form_table .pf_submit_cell .pf_submit_button:hover h5,
.button-b:hover h6,
.button-container-b .pf_form_table .pf_submit_cell .pf_submit_button:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.button-b p,
.button-b h1,
.button-b h2,
.button-b h3,
.button-b h4,
.button-b h5,
.button-b h6 {
color: #f47521 !important;
}
.button-c,
.button-container-c .pf_form_table .pf_submit_cell .pf_submit_button {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.button-c:hover,
.button-container-c .pf_form_table .pf_submit_cell .pf_submit_button:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.button-c:hover p,
.button-container-c .pf_form_table .pf_submit_cell .pf_submit_button:hover p,
.button-c:hover h1,
.button-container-c .pf_form_table .pf_submit_cell .pf_submit_button:hover h1,
.button-c:hover h2,
.button-container-c .pf_form_table .pf_submit_cell .pf_submit_button:hover h2,
.button-c:hover h3,
.button-container-c .pf_form_table .pf_submit_cell .pf_submit_button:hover h3,
.button-c:hover h4,
.button-container-c .pf_form_table .pf_submit_cell .pf_submit_button:hover h4,
.button-c:hover h5,
.button-container-c .pf_form_table .pf_submit_cell .pf_submit_button:hover h5,
.button-c:hover h6,
.button-container-c .pf_form_table .pf_submit_cell .pf_submit_button:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.button-c p,
.button-c h1,
.button-c h2,
.button-c h3,
.button-c h4,
.button-c h5,
.button-c h6 {
color: #f47521 !important;
}
.button-d,
.button-container-d .pf_form_table .pf_submit_cell .pf_submit_button {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.button-d:hover,
.button-container-d .pf_form_table .pf_submit_cell .pf_submit_button:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.button-d:hover p,
.button-container-d .pf_form_table .pf_submit_cell .pf_submit_button:hover p,
.button-d:hover h1,
.button-container-d .pf_form_table .pf_submit_cell .pf_submit_button:hover h1,
.button-d:hover h2,
.button-container-d .pf_form_table .pf_submit_cell .pf_submit_button:hover h2,
.button-d:hover h3,
.button-container-d .pf_form_table .pf_submit_cell .pf_submit_button:hover h3,
.button-d:hover h4,
.button-container-d .pf_form_table .pf_submit_cell .pf_submit_button:hover h4,
.button-d:hover h5,
.button-container-d .pf_form_table .pf_submit_cell .pf_submit_button:hover h5,
.button-d:hover h6,
.button-container-d .pf_form_table .pf_submit_cell .pf_submit_button:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
.button-d p,
.button-d h1,
.button-d h2,
.button-d h3,
.button-d h4,
.button-d h5,
.button-d h6 {
color: #ffffff !important;
}
.button-e,
.button-container-e .pf_form_table .pf_submit_cell .pf_submit_button {
background: #000000;
color: #ffffff !important;
border-color: #000000;
}
.button-e:hover,
.button-container-e .pf_form_table .pf_submit_cell .pf_submit_button:hover {
background: #ffffff;
color: #000000 !important;
border-color: #000000;
}
.button-e:hover p,
.button-container-e .pf_form_table .pf_submit_cell .pf_submit_button:hover p,
.button-e:hover h1,
.button-container-e .pf_form_table .pf_submit_cell .pf_submit_button:hover h1,
.button-e:hover h2,
.button-container-e .pf_form_table .pf_submit_cell .pf_submit_button:hover h2,
.button-e:hover h3,
.button-container-e .pf_form_table .pf_submit_cell .pf_submit_button:hover h3,
.button-e:hover h4,
.button-container-e .pf_form_table .pf_submit_cell .pf_submit_button:hover h4,
.button-e:hover h5,
.button-container-e .pf_form_table .pf_submit_cell .pf_submit_button:hover h5,
.button-e:hover h6,
.button-container-e .pf_form_table .pf_submit_cell .pf_submit_button:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #000000 !important;
}
.button-e p,
.button-e h1,
.button-e h2,
.button-e h3,
.button-e h4,
.button-e h5,
.button-e h6 {
color: #ffffff !important;
}
.button-f,
.button-container-f .pf_form_table .pf_submit_cell .pf_submit_button {
background: transparent;
color: #5d5d5d !important;
border-color: #5d5d5d;
}
.button-f:hover,
.button-container-f .pf_form_table .pf_submit_cell .pf_submit_button:hover {
background: #5d5d5d;
color: #ffffff !important;
border-color: #5d5d5d;
}
.button-f:hover p,
.button-container-f .pf_form_table .pf_submit_cell .pf_submit_button:hover p,
.button-f:hover h1,
.button-container-f .pf_form_table .pf_submit_cell .pf_submit_button:hover h1,
.button-f:hover h2,
.button-container-f .pf_form_table .pf_submit_cell .pf_submit_button:hover h2,
.button-f:hover h3,
.button-container-f .pf_form_table .pf_submit_cell .pf_submit_button:hover h3,
.button-f:hover h4,
.button-container-f .pf_form_table .pf_submit_cell .pf_submit_button:hover h4,
.button-f:hover h5,
.button-container-f .pf_form_table .pf_submit_cell .pf_submit_button:hover h5,
.button-f:hover h6,
.button-container-f .pf_form_table .pf_submit_cell .pf_submit_button:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.button-f p,
.button-f h1,
.button-f h2,
.button-f h3,
.button-f h4,
.button-f h5,
.button-f h6 {
color: #5d5d5d !important;
}
.button-g,
.button-container-g .pf_form_table .pf_submit_cell .pf_submit_button {
background: #38bb8a;
color: #ffffff !important;
border-color: #38bb8a;
}
.button-g:hover,
.button-container-g .pf_form_table .pf_submit_cell .pf_submit_button:hover {
background: #aad805;
color: #5d5d5d !important;
border-color: #aad805;
}
.button-g:hover p,
.button-container-g .pf_form_table .pf_submit_cell .pf_submit_button:hover p,
.button-g:hover h1,
.button-container-g .pf_form_table .pf_submit_cell .pf_submit_button:hover h1,
.button-g:hover h2,
.button-container-g .pf_form_table .pf_submit_cell .pf_submit_button:hover h2,
.button-g:hover h3,
.button-container-g .pf_form_table .pf_submit_cell .pf_submit_button:hover h3,
.button-g:hover h4,
.button-container-g .pf_form_table .pf_submit_cell .pf_submit_button:hover h4,
.button-g:hover h5,
.button-container-g .pf_form_table .pf_submit_cell .pf_submit_button:hover h5,
.button-g:hover h6,
.button-container-g .pf_form_table .pf_submit_cell .pf_submit_button:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #5d5d5d !important;
}
.button-g p,
.button-g h1,
.button-g h2,
.button-g h3,
.button-g h4,
.button-g h5,
.button-g h6 {
color: #ffffff !important;
}
/* ======================================
Button Size Settings

REQUIRED CLASSES:
.button-small,
.button-medium,
.button-large,
.button-wide
====================================== */
.button-small,
.button-container-small .pf_form_table .pf_submit_cell .pf_submit_button {
font-size: 0.8em;
padding: 0.75rem 2rem;
text-align: center;
}
.button-medium,
.button-container-medium .pf_form_table .pf_submit_cell .pf_submit_button {
font-size: 1em;
padding: 0.75rem 2rem;
text-align: center;
}
.button-large,
.button-container-large .pf_form_table .pf_submit_cell .pf_submit_button {
font-size: 1.2em;
padding: 0.75rem 2rem;
text-align: center;
}
.button-wide,
.button-container-wide .pf_form_table .pf_submit_cell .pf_submit_button {
display: block;
font-size: 1.2em;
height: auto;
line-height: 1.45;
padding: 0.75rem 2rem;
text-align: center;
}
/* ======================================
Button Icon Padding
====================================== */
.button-small.button-checked,
.button-container-small.button-checked,
.button-small.button-arrow,
.button-container-small.button-arrow,
.button-small.button-back,
.button-container-small.button-back,
.button-small.button-down,
.button-container-small.button-down {
padding: 0.75rem 2rem;
}
.button-medium.button-checked,
.button-container-medium.button-checked,
.button-medium.button-arrow,
.button-container-medium.button-arrow,
.button-medium.button-back,
.button-container-medium.button-back,
.button-medium.button-down,
.button-container-medium.button-down {
padding: 0.75rem 2rem;
}
.button-large.button-checked,
.button-container-large.button-checked,
.button-large.button-arrow,
.button-container-large.button-arrow,
.button-large.button-back,
.button-container-large.button-back,
.button-large.button-down,
.button-container-large.button-down {
padding: 0.75rem 2rem;
}
.button-wide.button-checked,
.button-container-wide.button-checked,
.button-wide.button-arrow,
.button-container-wide.button-arrow,
.button-wide.button-back,
.button-container-wide.button-back,
.button-wide.button-down,
.button-container-wide.button-down {
padding: 0.75rem 2rem;
}
/* ======================================
Button Icon Position
====================================== */
.button-checked:after,
.button-container-checked .pf_form_table .pf_submit_cell .pf_submit_button:after {
content: '\f00c';
}
.button-arrow:after,
.button-container-arrow .pf_form_table .pf_submit_cell .pf_submit_button:after {
content: '\f054';
}
.button-back:before,
.button-container-back .pf_form_table .pf_submit_cell .pf_submit_button:before {
margin-right: .85em;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: none;
display: inline-block;
content: '\f053';
}
.button-down:after,
.button-container-down .pf_form_table .pf_submit_cell .pf_submit_button:after {
content: '\f078';
}
/* ======================================
Button IXP Information

REQUIRED CLASSES:
.button.button-a.button-small
.button.button-a.button-medium
.button.button-a.button-large
.button.button-a.button-wide
====================================== */
.button.button-a.button-small {
-ixp-name: "Orange Intelligence (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-small {
-ixp-name: "Orange Intelligence (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-medium {
-ixp-name: "Orange Intelligence (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-medium {
-ixp-name: "Orange Intelligence (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-large {
-ixp-name: "Orange Intelligence (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-large {
-ixp-name: "Orange Intelligence (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-wide {
-ixp-name: "Orange Intelligence (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-wide {
-ixp-name: "Orange Intelligence (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-small.button-checked {
-ixp-name: "Orange Intelligence checked (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-small.button-container-checked {
-ixp-name: "Orange Intelligence checked (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-medium.button-checked {
-ixp-name: "Orange Intelligence checked (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-medium.button-container-checked {
-ixp-name: "Orange Intelligence checked (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-large.button-checked {
-ixp-name: "Orange Intelligence checked (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-large.button-container-checked {
-ixp-name: "Orange Intelligence checked (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-wide.button-checked {
-ixp-name: "Orange Intelligence checked (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-wide.button-container-checked {
-ixp-name: "Orange Intelligence checked (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-small.button-arrow {
-ixp-name: "Orange Intelligence arrow (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-small.button-container-arrow {
-ixp-name: "Orange Intelligence arrow (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-medium.button-arrow {
-ixp-name: "Orange Intelligence arrow (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-medium.button-container-arrow {
-ixp-name: "Orange Intelligence arrow (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-large.button-arrow {
-ixp-name: "Orange Intelligence arrow (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-large.button-container-arrow {
-ixp-name: "Orange Intelligence arrow (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-wide.button-arrow {
-ixp-name: "Orange Intelligence arrow (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-wide.button-container-arrow {
-ixp-name: "Orange Intelligence arrow (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-small.button-back {
-ixp-name: "Orange Intelligence back (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-small.button-container-back {
-ixp-name: "Orange Intelligence back (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-medium.button-back {
-ixp-name: "Orange Intelligence back (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-medium.button-container-back {
-ixp-name: "Orange Intelligence back (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-large.button-back {
-ixp-name: "Orange Intelligence back (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-large.button-container-back {
-ixp-name: "Orange Intelligence back (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-wide.button-back {
-ixp-name: "Orange Intelligence back (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-wide.button-container-back {
-ixp-name: "Orange Intelligence back (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-small.button-down {
-ixp-name: "Orange Intelligence down (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-small.button-container-down {
-ixp-name: "Orange Intelligence down (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-medium.button-down {
-ixp-name: "Orange Intelligence down (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-medium.button-container-down {
-ixp-name: "Orange Intelligence down (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-large.button-down {
-ixp-name: "Orange Intelligence down (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-large.button-container-down {
-ixp-name: "Orange Intelligence down (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-a.button-wide.button-down {
-ixp-name: "Orange Intelligence down (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-a.button-container-wide.button-container-down {
-ixp-name: "Orange Intelligence down (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-small {
-ixp-name: "Orange Intelligence Outline (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-small {
-ixp-name: "Orange Intelligence Outline (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-medium {
-ixp-name: "Orange Intelligence Outline (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-medium {
-ixp-name: "Orange Intelligence Outline (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-large {
-ixp-name: "Orange Intelligence Outline (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-large {
-ixp-name: "Orange Intelligence Outline (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-wide {
-ixp-name: "Orange Intelligence Outline (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-wide {
-ixp-name: "Orange Intelligence Outline (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-small.button-checked {
-ixp-name: "Orange Intelligence Outline checked (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-small.button-container-checked {
-ixp-name: "Orange Intelligence Outline checked (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-medium.button-checked {
-ixp-name: "Orange Intelligence Outline checked (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-medium.button-container-checked {
-ixp-name: "Orange Intelligence Outline checked (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-large.button-checked {
-ixp-name: "Orange Intelligence Outline checked (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-large.button-container-checked {
-ixp-name: "Orange Intelligence Outline checked (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-wide.button-checked {
-ixp-name: "Orange Intelligence Outline checked (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-wide.button-container-checked {
-ixp-name: "Orange Intelligence Outline checked (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-small.button-arrow {
-ixp-name: "Orange Intelligence Outline arrow (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-small.button-container-arrow {
-ixp-name: "Orange Intelligence Outline arrow (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-medium.button-arrow {
-ixp-name: "Orange Intelligence Outline arrow (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-medium.button-container-arrow {
-ixp-name: "Orange Intelligence Outline arrow (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-large.button-arrow {
-ixp-name: "Orange Intelligence Outline arrow (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-large.button-container-arrow {
-ixp-name: "Orange Intelligence Outline arrow (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-wide.button-arrow {
-ixp-name: "Orange Intelligence Outline arrow (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-wide.button-container-arrow {
-ixp-name: "Orange Intelligence Outline arrow (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-small.button-back {
-ixp-name: "Orange Intelligence Outline back (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-small.button-container-back {
-ixp-name: "Orange Intelligence Outline back (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-medium.button-back {
-ixp-name: "Orange Intelligence Outline back (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-medium.button-container-back {
-ixp-name: "Orange Intelligence Outline back (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-large.button-back {
-ixp-name: "Orange Intelligence Outline back (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-large.button-container-back {
-ixp-name: "Orange Intelligence Outline back (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-wide.button-back {
-ixp-name: "Orange Intelligence Outline back (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-wide.button-container-back {
-ixp-name: "Orange Intelligence Outline back (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-small.button-down {
-ixp-name: "Orange Intelligence Outline down (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-small.button-container-down {
-ixp-name: "Orange Intelligence Outline down (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-medium.button-down {
-ixp-name: "Orange Intelligence Outline down (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-medium.button-container-down {
-ixp-name: "Orange Intelligence Outline down (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-large.button-down {
-ixp-name: "Orange Intelligence Outline down (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-large.button-container-down {
-ixp-name: "Orange Intelligence Outline down (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-b.button-wide.button-down {
-ixp-name: "Orange Intelligence Outline down (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-b.button-container-wide.button-container-down {
-ixp-name: "Orange Intelligence Outline down (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-small {
-ixp-name: "White (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-small {
-ixp-name: "White (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-medium {
-ixp-name: "White (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-medium {
-ixp-name: "White (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-large {
-ixp-name: "White (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-large {
-ixp-name: "White (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-wide {
-ixp-name: "White (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-wide {
-ixp-name: "White (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-small.button-checked {
-ixp-name: "White checked (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-small.button-container-checked {
-ixp-name: "White checked (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-medium.button-checked {
-ixp-name: "White checked (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-medium.button-container-checked {
-ixp-name: "White checked (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-large.button-checked {
-ixp-name: "White checked (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-large.button-container-checked {
-ixp-name: "White checked (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-wide.button-checked {
-ixp-name: "White checked (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-wide.button-container-checked {
-ixp-name: "White checked (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-small.button-arrow {
-ixp-name: "White arrow (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-small.button-container-arrow {
-ixp-name: "White arrow (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-medium.button-arrow {
-ixp-name: "White arrow (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-medium.button-container-arrow {
-ixp-name: "White arrow (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-large.button-arrow {
-ixp-name: "White arrow (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-large.button-container-arrow {
-ixp-name: "White arrow (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-wide.button-arrow {
-ixp-name: "White arrow (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-wide.button-container-arrow {
-ixp-name: "White arrow (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-small.button-back {
-ixp-name: "White back (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-small.button-container-back {
-ixp-name: "White back (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-medium.button-back {
-ixp-name: "White back (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-medium.button-container-back {
-ixp-name: "White back (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-large.button-back {
-ixp-name: "White back (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-large.button-container-back {
-ixp-name: "White back (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-wide.button-back {
-ixp-name: "White back (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-wide.button-container-back {
-ixp-name: "White back (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-small.button-down {
-ixp-name: "White down (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-small.button-container-down {
-ixp-name: "White down (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-medium.button-down {
-ixp-name: "White down (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-medium.button-container-down {
-ixp-name: "White down (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-large.button-down {
-ixp-name: "White down (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-large.button-container-down {
-ixp-name: "White down (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-c.button-wide.button-down {
-ixp-name: "White down (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-c.button-container-wide.button-container-down {
-ixp-name: "White down (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-small {
-ixp-name: "White Outline (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-small {
-ixp-name: "White Outline (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-medium {
-ixp-name: "White Outline (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-medium {
-ixp-name: "White Outline (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-large {
-ixp-name: "White Outline (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-large {
-ixp-name: "White Outline (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-wide {
-ixp-name: "White Outline (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-wide {
-ixp-name: "White Outline (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-small.button-checked {
-ixp-name: "White Outline checked (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-small.button-container-checked {
-ixp-name: "White Outline checked (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-medium.button-checked {
-ixp-name: "White Outline checked (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-medium.button-container-checked {
-ixp-name: "White Outline checked (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-large.button-checked {
-ixp-name: "White Outline checked (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-large.button-container-checked {
-ixp-name: "White Outline checked (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-wide.button-checked {
-ixp-name: "White Outline checked (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-wide.button-container-checked {
-ixp-name: "White Outline checked (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-small.button-arrow {
-ixp-name: "White Outline arrow (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-small.button-container-arrow {
-ixp-name: "White Outline arrow (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-medium.button-arrow {
-ixp-name: "White Outline arrow (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-medium.button-container-arrow {
-ixp-name: "White Outline arrow (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-large.button-arrow {
-ixp-name: "White Outline arrow (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-large.button-container-arrow {
-ixp-name: "White Outline arrow (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-wide.button-arrow {
-ixp-name: "White Outline arrow (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-wide.button-container-arrow {
-ixp-name: "White Outline arrow (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-small.button-back {
-ixp-name: "White Outline back (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-small.button-container-back {
-ixp-name: "White Outline back (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-medium.button-back {
-ixp-name: "White Outline back (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-medium.button-container-back {
-ixp-name: "White Outline back (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-large.button-back {
-ixp-name: "White Outline back (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-large.button-container-back {
-ixp-name: "White Outline back (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-wide.button-back {
-ixp-name: "White Outline back (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-wide.button-container-back {
-ixp-name: "White Outline back (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-small.button-down {
-ixp-name: "White Outline down (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-small.button-container-down {
-ixp-name: "White Outline down (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-medium.button-down {
-ixp-name: "White Outline down (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-medium.button-container-down {
-ixp-name: "White Outline down (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-large.button-down {
-ixp-name: "White Outline down (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-large.button-container-down {
-ixp-name: "White Outline down (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-d.button-wide.button-down {
-ixp-name: "White Outline down (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-d.button-container-wide.button-container-down {
-ixp-name: "White Outline down (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-small {
-ixp-name: "Black (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-small {
-ixp-name: "Black (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-medium {
-ixp-name: "Black (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-medium {
-ixp-name: "Black (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-large {
-ixp-name: "Black (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-large {
-ixp-name: "Black (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-wide {
-ixp-name: "Black (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-wide {
-ixp-name: "Black (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-small.button-checked {
-ixp-name: "Black checked (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-small.button-container-checked {
-ixp-name: "Black checked (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-medium.button-checked {
-ixp-name: "Black checked (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-medium.button-container-checked {
-ixp-name: "Black checked (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-large.button-checked {
-ixp-name: "Black checked (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-large.button-container-checked {
-ixp-name: "Black checked (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-wide.button-checked {
-ixp-name: "Black checked (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-wide.button-container-checked {
-ixp-name: "Black checked (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-small.button-arrow {
-ixp-name: "Black arrow (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-small.button-container-arrow {
-ixp-name: "Black arrow (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-medium.button-arrow {
-ixp-name: "Black arrow (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-medium.button-container-arrow {
-ixp-name: "Black arrow (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-large.button-arrow {
-ixp-name: "Black arrow (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-large.button-container-arrow {
-ixp-name: "Black arrow (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-wide.button-arrow {
-ixp-name: "Black arrow (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-wide.button-container-arrow {
-ixp-name: "Black arrow (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-small.button-back {
-ixp-name: "Black back (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-small.button-container-back {
-ixp-name: "Black back (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-medium.button-back {
-ixp-name: "Black back (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-medium.button-container-back {
-ixp-name: "Black back (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-large.button-back {
-ixp-name: "Black back (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-large.button-container-back {
-ixp-name: "Black back (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-wide.button-back {
-ixp-name: "Black back (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-wide.button-container-back {
-ixp-name: "Black back (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-small.button-down {
-ixp-name: "Black down (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-small.button-container-down {
-ixp-name: "Black down (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-medium.button-down {
-ixp-name: "Black down (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-medium.button-container-down {
-ixp-name: "Black down (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-large.button-down {
-ixp-name: "Black down (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-large.button-container-down {
-ixp-name: "Black down (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-e.button-wide.button-down {
-ixp-name: "Black down (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-e.button-container-wide.button-container-down {
-ixp-name: "Black down (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-small {
-ixp-name: "Dark Gray Outline (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-small {
-ixp-name: "Dark Gray Outline (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-medium {
-ixp-name: "Dark Gray Outline (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-medium {
-ixp-name: "Dark Gray Outline (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-large {
-ixp-name: "Dark Gray Outline (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-large {
-ixp-name: "Dark Gray Outline (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-wide {
-ixp-name: "Dark Gray Outline (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-wide {
-ixp-name: "Dark Gray Outline (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-small.button-checked {
-ixp-name: "Dark Gray Outline checked (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-small.button-container-checked {
-ixp-name: "Dark Gray Outline checked (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-medium.button-checked {
-ixp-name: "Dark Gray Outline checked (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-medium.button-container-checked {
-ixp-name: "Dark Gray Outline checked (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-large.button-checked {
-ixp-name: "Dark Gray Outline checked (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-large.button-container-checked {
-ixp-name: "Dark Gray Outline checked (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-wide.button-checked {
-ixp-name: "Dark Gray Outline checked (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-wide.button-container-checked {
-ixp-name: "Dark Gray Outline checked (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-small.button-arrow {
-ixp-name: "Dark Gray Outline arrow (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-small.button-container-arrow {
-ixp-name: "Dark Gray Outline arrow (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-medium.button-arrow {
-ixp-name: "Dark Gray Outline arrow (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-medium.button-container-arrow {
-ixp-name: "Dark Gray Outline arrow (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-large.button-arrow {
-ixp-name: "Dark Gray Outline arrow (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-large.button-container-arrow {
-ixp-name: "Dark Gray Outline arrow (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-wide.button-arrow {
-ixp-name: "Dark Gray Outline arrow (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-wide.button-container-arrow {
-ixp-name: "Dark Gray Outline arrow (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-small.button-back {
-ixp-name: "Dark Gray Outline back (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-small.button-container-back {
-ixp-name: "Dark Gray Outline back (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-medium.button-back {
-ixp-name: "Dark Gray Outline back (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-medium.button-container-back {
-ixp-name: "Dark Gray Outline back (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-large.button-back {
-ixp-name: "Dark Gray Outline back (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-large.button-container-back {
-ixp-name: "Dark Gray Outline back (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-wide.button-back {
-ixp-name: "Dark Gray Outline back (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-wide.button-container-back {
-ixp-name: "Dark Gray Outline back (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-small.button-down {
-ixp-name: "Dark Gray Outline down (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-small.button-container-down {
-ixp-name: "Dark Gray Outline down (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-medium.button-down {
-ixp-name: "Dark Gray Outline down (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-medium.button-container-down {
-ixp-name: "Dark Gray Outline down (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-large.button-down {
-ixp-name: "Dark Gray Outline down (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-large.button-container-down {
-ixp-name: "Dark Gray Outline down (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-f.button-wide.button-down {
-ixp-name: "Dark Gray Outline down (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-f.button-container-wide.button-container-down {
-ixp-name: "Dark Gray Outline down (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-small {
-ixp-name: "Digital Green (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-small {
-ixp-name: "Digital Green (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-medium {
-ixp-name: "Digital Green (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-medium {
-ixp-name: "Digital Green (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-large {
-ixp-name: "Digital Green (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-large {
-ixp-name: "Digital Green (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-wide {
-ixp-name: "Digital Green (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-wide {
-ixp-name: "Digital Green (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-small.button-checked {
-ixp-name: "Digital Green checked (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-small.button-container-checked {
-ixp-name: "Digital Green checked (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-medium.button-checked {
-ixp-name: "Digital Green checked (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-medium.button-container-checked {
-ixp-name: "Digital Green checked (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-large.button-checked {
-ixp-name: "Digital Green checked (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-large.button-container-checked {
-ixp-name: "Digital Green checked (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-wide.button-checked {
-ixp-name: "Digital Green checked (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-wide.button-container-checked {
-ixp-name: "Digital Green checked (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-small.button-arrow {
-ixp-name: "Digital Green arrow (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-small.button-container-arrow {
-ixp-name: "Digital Green arrow (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-medium.button-arrow {
-ixp-name: "Digital Green arrow (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-medium.button-container-arrow {
-ixp-name: "Digital Green arrow (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-large.button-arrow {
-ixp-name: "Digital Green arrow (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-large.button-container-arrow {
-ixp-name: "Digital Green arrow (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-wide.button-arrow {
-ixp-name: "Digital Green arrow (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-wide.button-container-arrow {
-ixp-name: "Digital Green arrow (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-small.button-back {
-ixp-name: "Digital Green back (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-small.button-container-back {
-ixp-name: "Digital Green back (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-medium.button-back {
-ixp-name: "Digital Green back (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-medium.button-container-back {
-ixp-name: "Digital Green back (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-large.button-back {
-ixp-name: "Digital Green back (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-large.button-container-back {
-ixp-name: "Digital Green back (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-wide.button-back {
-ixp-name: "Digital Green back (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-wide.button-container-back {
-ixp-name: "Digital Green back (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-small.button-down {
-ixp-name: "Digital Green down (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-small.button-container-down {
-ixp-name: "Digital Green down (small)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-medium.button-down {
-ixp-name: "Digital Green down (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-medium.button-container-down {
-ixp-name: "Digital Green down (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-large.button-down {
-ixp-name: "Digital Green down (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-large.button-container-down {
-ixp-name: "Digital Green down (large)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
.button.button-g.button-wide.button-down {
-ixp-name: "Digital Green down (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.button-container.button-container-g.button-container-wide.button-container-down {
-ixp-name: "Digital Green down (wide)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Form,Lightbox";
}
/* ======================================
Directional Buttons

REQUIRED CLASS: none, these are optional for theme kits
====================================== */
.button-down-dark,
.button-up-dark,
.button-left-dark,
.button-right-dark,
.button-down-light,
.button-up-light,
.button-left-light,
.button-right-light {
z-index: 100;
width: 40px;
height: 40px;
display: inline-block;
cursor: pointer;
position: relative;
text-indent: 40px;
text-decoration: none !important;
font-size: 0;
overflow: hidden;
}
.button-down-dark:after,
.button-up-dark:after,
.button-left-dark:after,
.button-right-dark:after,
.button-down-light:after,
.button-up-light:after,
.button-left-light:after,
.button-right-light:after {
color: #f47521;
position: absolute;
top: 0;
right: 0;
font-size: 40px;
margin: 0;
line-height: 1;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: none;
display: inline-block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.button-down-dark:after {
content: '\f107';
color: #000000;
}
.button-down-dark:hover {
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px);
}
.button-up-dark:after {
content: '\f106';
color: #000000;
}
.button-up-dark:hover {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
}
.button-left-dark:after {
content: '\f104';
color: #000000;
}
.button-left-dark:hover {
-webkit-transform: translateX(-5px);
-moz-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
transform: translateX(-5px);
}
.button-right-dark:after {
content: '\f105';
color: #000000;
}
.button-right-dark:hover {
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px);
}
.button-down-light:after {
content: '\f107';
color: #ffffff;
}
.button-down-light:hover {
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px);
}
.button-up-light:after {
content: '\f106';
color: #ffffff;
}
.button-up-light:hover {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
}
.button-left-light:after {
content: '\f104';
color: #ffffff;
}
.button-left-light:hover {
-webkit-transform: translateX(-5px);
-moz-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
transform: translateX(-5px);
}
.button-right-light:after {
content: '\f105';
color: #ffffff;
}
.button-right-light:hover {
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px);
}
/* ======================================
Directional Button IXP Information
====================================== */
.button-up-dark {
-ixp-name: "Dark Arrow Up";
-ixp-tags: "Directional Buttons";
-ixp-group: "directional-buttons";
-ixp-scope: "Link,Text";
}
.button-container-up-dark {
-ixp-name: "Dark Arrow Up";
-ixp-tags: "Directional Buttons";
-ixp-group: "directional-buttons";
-ixp-scope: "Lightbox";
}
.button-down-dark {
-ixp-name: "Dark Arrow Down";
-ixp-tags: "Directional Buttons";
-ixp-group: "directional-buttons";
-ixp-scope: "Link,Text";
}
.button-container-down-dark {
-ixp-name: "Dark Arrow Down";
-ixp-tags: "Directional Buttons";
-ixp-group: "directional-buttons";
-ixp-scope: "Lightbox";
}
.button-left-dark {
-ixp-name: "Dark Arrow Left";
-ixp-tags: "Directional Buttons";
-ixp-group: "directional-buttons";
-ixp-scope: "Link,Text";
}
.button-container-left-dark {
-ixp-name: "Dark Arrow Left";
-ixp-tags: "Directional Buttons";
-ixp-group: "directional-buttons";
-ixp-scope: "Lightbox";
}
.button-right-dark {
-ixp-name: "Dark Arrow Right";
-ixp-tags: "Directional Buttons";
-ixp-group: "directional-buttons";
-ixp-scope: "Link,Text";
}
.button-container-right-dark {
-ixp-name: "Dark Arrow Right";
-ixp-tags: "Directional Buttons";
-ixp-group: "directional-buttons";
-ixp-scope: "Lightbox";
}
.button-up-light {
-ixp-name: "Light Arrow Up";
-ixp-tags: "Directional Buttons";
-ixp-group: "directional-buttons";
-ixp-scope: "Link,Text";
}
.button-container-up-light {
-ixp-name: "Light Arrow Up";
-ixp-tags: "Directional Buttons";
-ixp-group: "directional-buttons";
-ixp-scope: "Lightbox";
}
.button-down-light {
-ixp-name: "Light Arrow Down";
-ixp-tags: "Directional Buttons";
-ixp-group: "directional-buttons";
-ixp-scope: "Link,Text";
}
.button-container-down-light {
-ixp-name: "Light Arrow Down";
-ixp-tags: "Directional Buttons";
-ixp-group: "directional-buttons";
-ixp-scope: "Lightbox";
}
.button-left-light {
-ixp-name: "Light Arrow Left";
-ixp-tags: "Directional Buttons";
-ixp-group: "directional-buttons";
-ixp-scope: "Link,Text";
}
.button-container-left-light {
-ixp-name: "Light Arrow Left";
-ixp-tags: "Directional Buttons";
-ixp-group: "directional-buttons";
-ixp-scope: "Lightbox";
}
.button-right-light {
-ixp-name: "Light Arrow Right";
-ixp-tags: "Directional Buttons";
-ixp-group: "directional-buttons";
-ixp-scope: "Link,Text";
}
.button-container-right-light {
-ixp-name: "Light Arrow Right";
-ixp-tags: "Directional Buttons";
-ixp-group: "directional-buttons";
-ixp-scope: "Lightbox";
}
/* ======================================
Pods
 REQUIRED CLASS: .pod, .pod-a, .pod-b, .pod-c, .pod.form-pod-a
 NOTE: .pod, .pod-b, .pod-c style values should not change. 
 They should be Transparent (.pod), Transparent White (.pod-b) and Transparent Black (.pod-c) always.
====================================== */
.pod {
padding: 1em;
}
.pod .generic-fill {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pod .generic-fill:hover {
background: #f74c1e;
color: #ffffff !important;
border-color: #f74c1e;
}
.pod .generic-fill:hover {
background: #f74c1e;
color: #ffffff !important;
border-color: #f74c1e;
}
.pod .generic-fill:hover p,
.pod .generic-fill:hover h1,
.pod .generic-fill:hover h2,
.pod .generic-fill:hover h3,
.pod .generic-fill:hover h4,
.pod .generic-fill:hover h5,
.pod .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod .generic-outline {
background: transparent;
color: #f47521 !important;
border-color: #f47521;
}
.pod .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pod .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pod .generic-outline:hover p,
.pod .generic-outline:hover h1,
.pod .generic-outline:hover h2,
.pod .generic-outline:hover h3,
.pod .generic-outline:hover h4,
.pod .generic-outline:hover h5,
.pod .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-a {
background: #ffffff;
color: #5d5d5d;
}
.pod.pod-a h1,
.pod.pod-a h2,
.pod.pod-a h3,
.pod.pod-a h4,
.pod.pod-a h5,
.pod.pod-a h6,
.pod.pod-a p,
.pod.pod-a .pf_form_table,
.pod.pod-a .pf_form_table .pf_label_text {
color: #5d5d5d;
}
.pod.pod-a a {
color: #0c67aa;
}
.pod.pod-a a:hover {
color: #0c67aa;
}
.pod.pod-a .generic-outline {
background: transparent;
color: #f47521 !important;
border-color: #f47521;
}
.pod.pod-a .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pod.pod-a .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pod.pod-a .generic-outline:hover p,
.pod.pod-a .generic-outline:hover h1,
.pod.pod-a .generic-outline:hover h2,
.pod.pod-a .generic-outline:hover h3,
.pod.pod-a .generic-outline:hover h4,
.pod.pod-a .generic-outline:hover h5,
.pod.pod-a .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-b {
background: rgba(255, 255, 255, 0.6);
color: #5d5d5d;
}
.pod.pod-b h1,
.pod.pod-b h2,
.pod.pod-b h3,
.pod.pod-b h4,
.pod.pod-b h5,
.pod.pod-b h6,
.pod.pod-b p,
.pod.pod-b .pf_form_table,
.pod.pod-b .pf_form_table .pf_label_text {
color: #5d5d5d;
}
.pod.pod-b a {
color: #0c67aa;
}
.pod.pod-b a:hover {
color: #0c67aa;
}
.pod.pod-b .generic-outline {
background: transparent;
color: #f47521 !important;
border-color: #f47521;
}
.pod.pod-b .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pod.pod-b .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pod.pod-b .generic-outline:hover p,
.pod.pod-b .generic-outline:hover h1,
.pod.pod-b .generic-outline:hover h2,
.pod.pod-b .generic-outline:hover h3,
.pod.pod-b .generic-outline:hover h4,
.pod.pod-b .generic-outline:hover h5,
.pod.pod-b .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-c {
background: rgba(0, 0, 0, 0.6);
color: #ffffff;
}
.pod.pod-c h1,
.pod.pod-c h2,
.pod.pod-c h3,
.pod.pod-c h4,
.pod.pod-c h5,
.pod.pod-c h6,
.pod.pod-c p,
.pod.pod-c .pf_form_table,
.pod.pod-c .pf_form_table .pf_label_text {
color: #ffffff;
}
.pod.pod-c a {
color: #ffffff;
}
.pod.pod-c a:hover {
color: #ffffff;
}
.pod.pod-c .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-c .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-c .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-c .generic-fill:hover p,
.pod.pod-c .generic-fill:hover h1,
.pod.pod-c .generic-fill:hover h2,
.pod.pod-c .generic-fill:hover h3,
.pod.pod-c .generic-fill:hover h4,
.pod.pod-c .generic-fill:hover h5,
.pod.pod-c .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-c .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-c .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-c .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-c .generic-outline:hover p,
.pod.pod-c .generic-outline:hover h1,
.pod.pod-c .generic-outline:hover h2,
.pod.pod-c .generic-outline:hover h3,
.pod.pod-c .generic-outline:hover h4,
.pod.pod-c .generic-outline:hover h5,
.pod.pod-c .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
.pod.pod-d {
background: #000000;
color: #ffffff;
}
.pod.pod-d h1,
.pod.pod-d h2,
.pod.pod-d h3,
.pod.pod-d h4,
.pod.pod-d h5,
.pod.pod-d h6,
.pod.pod-d p,
.pod.pod-d .pf_form_table,
.pod.pod-d .pf_form_table .pf_label_text {
color: #ffffff;
}
.pod.pod-d a {
color: #ffffff;
}
.pod.pod-d a:hover {
color: #ffffff;
}
.pod.pod-d .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-d .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-d .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-d .generic-fill:hover p,
.pod.pod-d .generic-fill:hover h1,
.pod.pod-d .generic-fill:hover h2,
.pod.pod-d .generic-fill:hover h3,
.pod.pod-d .generic-fill:hover h4,
.pod.pod-d .generic-fill:hover h5,
.pod.pod-d .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-d .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-d .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-d .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-d .generic-outline:hover p,
.pod.pod-d .generic-outline:hover h1,
.pod.pod-d .generic-outline:hover h2,
.pod.pod-d .generic-outline:hover h3,
.pod.pod-d .generic-outline:hover h4,
.pod.pod-d .generic-outline:hover h5,
.pod.pod-d .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
.pod.pod-e {
background: #f47521;
color: #ffffff;
}
.pod.pod-e h1,
.pod.pod-e h2,
.pod.pod-e h3,
.pod.pod-e h4,
.pod.pod-e h5,
.pod.pod-e h6,
.pod.pod-e p,
.pod.pod-e .pf_form_table,
.pod.pod-e .pf_form_table .pf_label_text {
color: #ffffff;
}
.pod.pod-e a {
color: #ffffff;
}
.pod.pod-e a:hover {
color: #ffffff;
}
.pod.pod-e .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-e .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-e .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-e .generic-fill:hover p,
.pod.pod-e .generic-fill:hover h1,
.pod.pod-e .generic-fill:hover h2,
.pod.pod-e .generic-fill:hover h3,
.pod.pod-e .generic-fill:hover h4,
.pod.pod-e .generic-fill:hover h5,
.pod.pod-e .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-e .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-e .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-e .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-e .generic-outline:hover p,
.pod.pod-e .generic-outline:hover h1,
.pod.pod-e .generic-outline:hover h2,
.pod.pod-e .generic-outline:hover h3,
.pod.pod-e .generic-outline:hover h4,
.pod.pod-e .generic-outline:hover h5,
.pod.pod-e .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
.pod.pod-f {
background: #b72d84;
color: #ffffff;
}
.pod.pod-f h1,
.pod.pod-f h2,
.pod.pod-f h3,
.pod.pod-f h4,
.pod.pod-f h5,
.pod.pod-f h6,
.pod.pod-f p,
.pod.pod-f .pf_form_table,
.pod.pod-f .pf_form_table .pf_label_text {
color: #ffffff;
}
.pod.pod-f a {
color: #ffffff;
}
.pod.pod-f a:hover {
color: #ffffff;
}
.pod.pod-f .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-f .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-f .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-f .generic-fill:hover p,
.pod.pod-f .generic-fill:hover h1,
.pod.pod-f .generic-fill:hover h2,
.pod.pod-f .generic-fill:hover h3,
.pod.pod-f .generic-fill:hover h4,
.pod.pod-f .generic-fill:hover h5,
.pod.pod-f .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-f .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-f .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-f .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-f .generic-outline:hover p,
.pod.pod-f .generic-outline:hover h1,
.pod.pod-f .generic-outline:hover h2,
.pod.pod-f .generic-outline:hover h3,
.pod.pod-f .generic-outline:hover h4,
.pod.pod-f .generic-outline:hover h5,
.pod.pod-f .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
.pod.pod-g {
background: #3dc192;
color: #ffffff;
}
.pod.pod-g h1,
.pod.pod-g h2,
.pod.pod-g h3,
.pod.pod-g h4,
.pod.pod-g h5,
.pod.pod-g h6,
.pod.pod-g p,
.pod.pod-g .pf_form_table,
.pod.pod-g .pf_form_table .pf_label_text {
color: #ffffff;
}
.pod.pod-g a {
color: #ffffff;
}
.pod.pod-g a:hover {
color: #ffffff;
}
.pod.pod-g .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-g .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-g .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-g .generic-fill:hover p,
.pod.pod-g .generic-fill:hover h1,
.pod.pod-g .generic-fill:hover h2,
.pod.pod-g .generic-fill:hover h3,
.pod.pod-g .generic-fill:hover h4,
.pod.pod-g .generic-fill:hover h5,
.pod.pod-g .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-g .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-g .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-g .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-g .generic-outline:hover p,
.pod.pod-g .generic-outline:hover h1,
.pod.pod-g .generic-outline:hover h2,
.pod.pod-g .generic-outline:hover h3,
.pod.pod-g .generic-outline:hover h4,
.pod.pod-g .generic-outline:hover h5,
.pod.pod-g .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
.pod.pod-h {
background: #1db2e0;
color: #ffffff;
}
.pod.pod-h h1,
.pod.pod-h h2,
.pod.pod-h h3,
.pod.pod-h h4,
.pod.pod-h h5,
.pod.pod-h h6,
.pod.pod-h p,
.pod.pod-h .pf_form_table,
.pod.pod-h .pf_form_table .pf_label_text {
color: #ffffff;
}
.pod.pod-h a {
color: #ffffff;
}
.pod.pod-h a:hover {
color: #ffffff;
}
.pod.pod-h .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-h .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-h .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-h .generic-fill:hover p,
.pod.pod-h .generic-fill:hover h1,
.pod.pod-h .generic-fill:hover h2,
.pod.pod-h .generic-fill:hover h3,
.pod.pod-h .generic-fill:hover h4,
.pod.pod-h .generic-fill:hover h5,
.pod.pod-h .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-h .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-h .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-h .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-h .generic-outline:hover p,
.pod.pod-h .generic-outline:hover h1,
.pod.pod-h .generic-outline:hover h2,
.pod.pod-h .generic-outline:hover h3,
.pod.pod-h .generic-outline:hover h4,
.pod.pod-h .generic-outline:hover h5,
.pod.pod-h .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
.pod.pod-i {
background: #eeeeee;
color: #5d5d5d;
}
.pod.pod-i h1,
.pod.pod-i h2,
.pod.pod-i h3,
.pod.pod-i h4,
.pod.pod-i h5,
.pod.pod-i h6,
.pod.pod-i p,
.pod.pod-i .pf_form_table,
.pod.pod-i .pf_form_table .pf_label_text {
color: #5d5d5d;
}
.pod.pod-i a {
color: #0c67aa;
}
.pod.pod-i a:hover {
color: #0c67aa;
}
.pod.pod-i .generic-outline {
background: transparent;
color: #f47521 !important;
border-color: #f47521;
}
.pod.pod-i .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pod.pod-i .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pod.pod-i .generic-outline:hover p,
.pod.pod-i .generic-outline:hover h1,
.pod.pod-i .generic-outline:hover h2,
.pod.pod-i .generic-outline:hover h3,
.pod.pod-i .generic-outline:hover h4,
.pod.pod-i .generic-outline:hover h5,
.pod.pod-i .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-j {
background: #8a9a9a;
color: #ffffff;
}
.pod.pod-j h1,
.pod.pod-j h2,
.pod.pod-j h3,
.pod.pod-j h4,
.pod.pod-j h5,
.pod.pod-j h6,
.pod.pod-j p,
.pod.pod-j .pf_form_table,
.pod.pod-j .pf_form_table .pf_label_text {
color: #ffffff;
}
.pod.pod-j a {
color: #ffffff;
}
.pod.pod-j a:hover {
color: #ffffff;
}
.pod.pod-j .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-j .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-j .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-j .generic-fill:hover p,
.pod.pod-j .generic-fill:hover h1,
.pod.pod-j .generic-fill:hover h2,
.pod.pod-j .generic-fill:hover h3,
.pod.pod-j .generic-fill:hover h4,
.pod.pod-j .generic-fill:hover h5,
.pod.pod-j .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-j .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-j .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-j .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-j .generic-outline:hover p,
.pod.pod-j .generic-outline:hover h1,
.pod.pod-j .generic-outline:hover h2,
.pod.pod-j .generic-outline:hover h3,
.pod.pod-j .generic-outline:hover h4,
.pod.pod-j .generic-outline:hover h5,
.pod.pod-j .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
.pod.pod-k {
background: #5d5d5d;
color: #ffffff;
}
.pod.pod-k h1,
.pod.pod-k h2,
.pod.pod-k h3,
.pod.pod-k h4,
.pod.pod-k h5,
.pod.pod-k h6,
.pod.pod-k p,
.pod.pod-k .pf_form_table,
.pod.pod-k .pf_form_table .pf_label_text {
color: #ffffff;
}
.pod.pod-k a {
color: #ffffff;
}
.pod.pod-k a:hover {
color: #ffffff;
}
.pod.pod-k .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-k .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-k .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-k .generic-fill:hover p,
.pod.pod-k .generic-fill:hover h1,
.pod.pod-k .generic-fill:hover h2,
.pod.pod-k .generic-fill:hover h3,
.pod.pod-k .generic-fill:hover h4,
.pod.pod-k .generic-fill:hover h5,
.pod.pod-k .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-k .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-k .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-k .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-k .generic-outline:hover p,
.pod.pod-k .generic-outline:hover h1,
.pod.pod-k .generic-outline:hover h2,
.pod.pod-k .generic-outline:hover h3,
.pod.pod-k .generic-outline:hover h4,
.pod.pod-k .generic-outline:hover h5,
.pod.pod-k .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
.pod.pod-l {
background: #f74c1e;
color: #ffffff;
}
.pod.pod-l h1,
.pod.pod-l h2,
.pod.pod-l h3,
.pod.pod-l h4,
.pod.pod-l h5,
.pod.pod-l h6,
.pod.pod-l p,
.pod.pod-l .pf_form_table,
.pod.pod-l .pf_form_table .pf_label_text {
color: #ffffff;
}
.pod.pod-l a {
color: #ffffff;
}
.pod.pod-l a:hover {
color: #ffffff;
}
.pod.pod-l .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-l .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-l .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-l .generic-fill:hover p,
.pod.pod-l .generic-fill:hover h1,
.pod.pod-l .generic-fill:hover h2,
.pod.pod-l .generic-fill:hover h3,
.pod.pod-l .generic-fill:hover h4,
.pod.pod-l .generic-fill:hover h5,
.pod.pod-l .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-l .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-l .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-l .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-l .generic-outline:hover p,
.pod.pod-l .generic-outline:hover h1,
.pod.pod-l .generic-outline:hover h2,
.pod.pod-l .generic-outline:hover h3,
.pod.pod-l .generic-outline:hover h4,
.pod.pod-l .generic-outline:hover h5,
.pod.pod-l .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
.pod.pod-m {
background: #fec43f;
color: #5d5d5d;
}
.pod.pod-m h1,
.pod.pod-m h2,
.pod.pod-m h3,
.pod.pod-m h4,
.pod.pod-m h5,
.pod.pod-m h6,
.pod.pod-m p,
.pod.pod-m .pf_form_table,
.pod.pod-m .pf_form_table .pf_label_text {
color: #5d5d5d;
}
.pod.pod-m a {
color: #0c67aa;
}
.pod.pod-m a:hover {
color: #0c67aa;
}
.pod.pod-m .generic-outline {
background: transparent;
color: #f47521 !important;
border-color: #f47521;
}
.pod.pod-m .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pod.pod-m .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pod.pod-m .generic-outline:hover p,
.pod.pod-m .generic-outline:hover h1,
.pod.pod-m .generic-outline:hover h2,
.pod.pod-m .generic-outline:hover h3,
.pod.pod-m .generic-outline:hover h4,
.pod.pod-m .generic-outline:hover h5,
.pod.pod-m .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-n {
background: #753bbd;
color: #ffffff;
}
.pod.pod-n h1,
.pod.pod-n h2,
.pod.pod-n h3,
.pod.pod-n h4,
.pod.pod-n h5,
.pod.pod-n h6,
.pod.pod-n p,
.pod.pod-n .pf_form_table,
.pod.pod-n .pf_form_table .pf_label_text {
color: #ffffff;
}
.pod.pod-n a {
color: #ffffff;
}
.pod.pod-n a:hover {
color: #ffffff;
}
.pod.pod-n .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-n .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-n .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-n .generic-fill:hover p,
.pod.pod-n .generic-fill:hover h1,
.pod.pod-n .generic-fill:hover h2,
.pod.pod-n .generic-fill:hover h3,
.pod.pod-n .generic-fill:hover h4,
.pod.pod-n .generic-fill:hover h5,
.pod.pod-n .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-n .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-n .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-n .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-n .generic-outline:hover p,
.pod.pod-n .generic-outline:hover h1,
.pod.pod-n .generic-outline:hover h2,
.pod.pod-n .generic-outline:hover h3,
.pod.pod-n .generic-outline:hover h4,
.pod.pod-n .generic-outline:hover h5,
.pod.pod-n .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
.pod.pod-o {
background: #0c67aa;
color: #ffffff;
}
.pod.pod-o h1,
.pod.pod-o h2,
.pod.pod-o h3,
.pod.pod-o h4,
.pod.pod-o h5,
.pod.pod-o h6,
.pod.pod-o p,
.pod.pod-o .pf_form_table,
.pod.pod-o .pf_form_table .pf_label_text {
color: #ffffff;
}
.pod.pod-o a {
color: #ffffff;
}
.pod.pod-o a:hover {
color: #ffffff;
}
.pod.pod-o .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-o .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-o .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-o .generic-fill:hover p,
.pod.pod-o .generic-fill:hover h1,
.pod.pod-o .generic-fill:hover h2,
.pod.pod-o .generic-fill:hover h3,
.pod.pod-o .generic-fill:hover h4,
.pod.pod-o .generic-fill:hover h5,
.pod.pod-o .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-o .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-o .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-o .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-o .generic-outline:hover p,
.pod.pod-o .generic-outline:hover h1,
.pod.pod-o .generic-outline:hover h2,
.pod.pod-o .generic-outline:hover h3,
.pod.pod-o .generic-outline:hover h4,
.pod.pod-o .generic-outline:hover h5,
.pod.pod-o .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
.pod.pod-p {
background: #c6185f;
color: #ffffff;
}
.pod.pod-p h1,
.pod.pod-p h2,
.pod.pod-p h3,
.pod.pod-p h4,
.pod.pod-p h5,
.pod.pod-p h6,
.pod.pod-p p,
.pod.pod-p .pf_form_table,
.pod.pod-p .pf_form_table .pf_label_text {
color: #ffffff;
}
.pod.pod-p a {
color: #ffffff;
}
.pod.pod-p a:hover {
color: #ffffff;
}
.pod.pod-p .generic-fill {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-p .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-p .generic-fill:hover {
background: #f47521;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-p .generic-fill:hover p,
.pod.pod-p .generic-fill:hover h1,
.pod.pod-p .generic-fill:hover h2,
.pod.pod-p .generic-fill:hover h3,
.pod.pod-p .generic-fill:hover h4,
.pod.pod-p .generic-fill:hover h5,
.pod.pod-p .generic-fill:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
.pod.pod-p .generic-outline {
background: transparent;
color: #ffffff !important;
border-color: #ffffff;
}
.pod.pod-p .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-p .generic-outline:hover {
background: #ffffff;
color: #f47521 !important;
border-color: #ffffff;
}
.pod.pod-p .generic-outline:hover p,
.pod.pod-p .generic-outline:hover h1,
.pod.pod-p .generic-outline:hover h2,
.pod.pod-p .generic-outline:hover h3,
.pod.pod-p .generic-outline:hover h4,
.pod.pod-p .generic-outline:hover h5,
.pod.pod-p .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #f47521 !important;
}
.pod.pod-q {
background: #aad805;
color: #5d5d5d;
}
.pod.pod-q h1,
.pod.pod-q h2,
.pod.pod-q h3,
.pod.pod-q h4,
.pod.pod-q h5,
.pod.pod-q h6,
.pod.pod-q p,
.pod.pod-q .pf_form_table,
.pod.pod-q .pf_form_table .pf_label_text {
color: #5d5d5d;
}
.pod.pod-q a {
color: #0c67aa;
}
.pod.pod-q a:hover {
color: #0c67aa;
}
.pod.pod-q .generic-outline {
background: transparent;
color: #f47521 !important;
border-color: #f47521;
}
.pod.pod-q .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pod.pod-q .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pod.pod-q .generic-outline:hover p,
.pod.pod-q .generic-outline:hover h1,
.pod.pod-q .generic-outline:hover h2,
.pod.pod-q .generic-outline:hover h3,
.pod.pod-q .generic-outline:hover h4,
.pod.pod-q .generic-outline:hover h5,
.pod.pod-q .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
/* ======================================
Pods with Form Styling

REQUIRED CLASS: .pod.form-pod-a
====================================== */
.pod.form-pod-a {
background: #eeeeee;
color: #5d5d5d;
}
.pod.form-pod-a h1,
.pod.form-pod-a h2,
.pod.form-pod-a h3,
.pod.form-pod-a h4,
.pod.form-pod-a h5,
.pod.form-pod-a h6,
.pod.form-pod-a p,
.pod.form-pod-a .pf_form_table,
.pod.form-pod-a .pf_form_table .pf_label_text {
color: #5d5d5d;
}
.pod.form-pod-a a {
color: #0c67aa;
}
.pod.form-pod-a a:hover {
color: #0c67aa;
}
.pod.form-pod-a .generic-outline {
background: transparent;
color: #f47521 !important;
border-color: #f47521;
}
.pod.form-pod-a .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pod.form-pod-a .generic-outline:hover {
background: #f47521;
color: #ffffff !important;
border-color: #f47521;
}
.pod.form-pod-a .generic-outline:hover p,
.pod.form-pod-a .generic-outline:hover h1,
.pod.form-pod-a .generic-outline:hover h2,
.pod.form-pod-a .generic-outline:hover h3,
.pod.form-pod-a .generic-outline:hover h4,
.pod.form-pod-a .generic-outline:hover h5,
.pod.form-pod-a .generic-outline:hover h6 {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff !important;
}
/* ======================================
Pod IXP Information

REQUIRED CLASS: .pod, .pod-a, .pod.form-pod-a
====================================== */
.pod {
-ixp-name: "Transparent";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-a {
-ixp-name: "White Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-b {
-ixp-name: "White Transparent Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-c {
-ixp-name: "Black Transparent Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-d {
-ixp-name: "Black Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-e {
-ixp-name: "Orange Intelligence Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-f {
-ixp-name: "Content Purple Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-g {
-ixp-name: "Digital Green Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-h {
-ixp-name: "Communications Blue Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-o {
-ixp-name: "Dark Blue Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-n {
-ixp-name: "Dark Purple Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-l {
-ixp-name: "Dark Orange Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-q {
-ixp-name: "Lemon Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-p {
-ixp-name: "Pink Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-m {
-ixp-name: "Yellow Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.form-pod-a {
-ixp-name: "Light Gray Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-i {
-ixp-name: "Light Gray Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-j {
-ixp-name: "Medium Gray Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.pod.pod-k {
-ixp-name: "Dark Gray Pod";
-ixp-tags: "Pods";
-ixp-group: "pods";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
/* ======================================
Navigation: Default Style Overrides
====================================== */
.ixp-nav {
background-color: #ffffff;
color: #5d5d5d;
font-size: 12px;
margin: 0;
text-transform: uppercase;
padding: 0;
text-align: center;
}
.ixp-nav .ixp-nav-collapsible {
height: auto;
float: right;
padding: 0;
margin: 0;
overflow: hidden;
}
.ixp-nav .ixp-nav-collapsible .ixp-navitem {
background: none;
display: inline-block;
float: left;
list-style-type: none;
margin: 0;
padding: 0;
border-right: none;
}
.ixp-nav .ixp-nav-collapsible .ixp-navitem a {
background-color: transparent;
color: #5d5d5d;
display: block;
padding: 0.7em 1em;
text-decoration: none;
font-family: 'Gotham', sans-serif;
font-weight: 700;
line-height: 1;
}
.ixp-nav .ixp-nav-collapsible .ixp-navitem a :after {
content: '';
background: transparent;
right: 0;
height: 2px;
position: absolute;
left: 0;
bottom: 0px;
transition: all 0.4s ease-in-out;
}
.ixp-nav .ixp-nav-collapsible .ixp-navitem a:hover {
background-color: transparent;
color: #5d5d5d;
text-decoration: none;
}
.ixp-nav .ixp-nav-collapsible .ixp-navitem a:hover:after {
content: '';
background: #3dc192;
right: 0;
height: 2px;
position: absolute;
left: 0;
bottom: 0px;
transition: all 0.4s ease-in-out;
}
.ixp-nav-collapsed {
background-color: #ffffff;
margin: 0.5em 0;
text-align: center;
}
.ixp-nav-collapsed .ixp-nav-opened {
background-color: #ffffff;
}
.ixp-nav-collapsed .ixp-nav-collapsible {
float: none;
}
.ixp-nav-collapsed .ixp-navitem {
display: block;
float: none;
margin: 0;
padding: 0;
border: none;
}
.ixp-nav-collapsed .ixp-navitem a {
padding: 10px;
text-align: center;
font-size: 110%;
border-bottom: solid 1px #8a9a9a;
}
.ixp-nav-toggle {
margin: 0;
}
.ixp-nav-toggle .ixp-nav-icon-bar {
/* nav toggle button icon (menu closed) */
background-color: #000000;
opacity: .6;
}
.ixp-nav-toggle:hover .ixp-nav-icon-bar {
background-color: #000000;
opacity: 1;
}
.ixp-nav-toggle.ixp-nav-active .ixp-nav-icon-bar {
/* nav toggle button icon (menu open) */
background-color: #000000;
opacity: 1;
}
.ixp-nav.ixp-nav-collapsed {
background: transparent;
}
/* ======================================
Navigation: alt theme(s)
 REQUIRED CLASS - .ixp-nav-menu-a
====================================== */
/* ========== THEME A ========== */
.ixp-nav-menu-a {
background-color: transparent;
color: #ffffff;
margin: 0;
padding: 0;
font-size: 12px;
text-align: center;
}
.ixp-nav-menu-a .ixp-nav-collapsible {
float: right;
}
.ixp-nav-menu-a .ixp-nav-collapsible .ixp-navitem {
float: none;
}
.ixp-nav-menu-a .ixp-nav-collapsible .ixp-navitem a {
background-color: transparent;
color: #ffffff;
padding: 0.7em 1em;
text-decoration: none;
font-size: 1em;
font-family: 'Gotham', sans-serif;
font-weight: 700;
}
.ixp-nav-menu-a .ixp-nav-collapsible .ixp-navitem a:hover {
background: transparent;
color: #ffffff;
}
.ixp-nav-menu-a .ixp-navlist {
padding-top: 10px;
}
.ixp-nav-menu-a .ixp-navlist li:last-child {
/* Overrides Default Styling from ixp-nav */
border: none;
}
.ixp-nav-menu-a.ixp-nav-collapsed {
/* BG color solid or transparent */
background-color: transparent;
margin: 0.5em 0;
text-align: center;
}
.ixp-nav-menu-a.ixp-nav-collapsed .ixp-nav-opened {
background-color: transparent;
}
.ixp-nav-menu-a.ixp-nav-collapsed .ixp-nav-opened li:first-child {
margin-top: 0.5em;
}
.ixp-nav-menu-a.ixp-nav-collapsed .ixp-navitem {
margin-left: 0;
margin-right: 0;
}
.ixp-nav-menu-a.ixp-nav-collapsed .ixp-navitem a {
padding: 10px;
text-decoration: none;
margin: 0;
font-size: 110%;
}
.ixp-nav-menu-a.ixp-nav-collapsed .ixp-navitem a:hover {
background-color: transparent;
}
.ixp-nav-menu-a .ixp-nav-toggle {
margin: 0 0 5px;
}
.ixp-nav-menu-a .ixp-nav-toggle .ixp-nav-icon-bar {
/* nav toggle button icon (menu closed) */
background-color: #ffffff;
}
.ixp-nav-menu-a .ixp-nav-toggle:hover .ixp-nav-icon-bar {
background-color: #ffffff;
}
.ixp-nav-menu-a .ixp-nav-toggle.ixp-nav-active .ixp-nav-icon-bar {
/* nav toggle button icon (menu open) */
background-color: #ffffff;
}
/* ======================================
Navigation IXP Information
====================================== */
.ixp-nav-menu-a {
-ixp-name: "Secondary Navigation";
-ixp-tags: "Navigation";
-ixp-group: "navigation";
-ixp-scope: "Navigation";
}
/* ======================================
Navigation Active States
 REQUIRED CLASS - ixp-navitem-active-state-a, ixp-navitem-active-state-b
====================================== */
.ixp-navitem-active-state-a a {
color: #5d5d5d !important;
background: transparent !important;
}
.ixp-navitem-active-state-a a:hover {
color: #000000 !important;
}
.ixp-navitem-active-state-b a {
color: #ffffff !important;
background: transparent !important;
}
.ixp-navitem-active-state-b a:hover {
color: #ffffff !important;
}
/* ======================================
Navigation Active States IXP Information
====================================== */
.ixp-navitem-active-state-a {
-ixp-name: "Active Primary";
-ixp-tags: "Navigation";
-ixp-group: "navigation";
-ixp-scope: "NavigationItem";
}
.ixp-navitem-active-state-b {
-ixp-name: "Active Secondary";
-ixp-tags: "Navigation";
-ixp-group: "navigation";
-ixp-scope: "NavigationItem";
}
/* ======================================
Accordion RMW (Default)
====================================== */
.lbui_accordion_v3 > .lbui_accordion_content > div > h2.lbui_trigger {
background: #eeeeee;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #5d5d5d;
filter: none;
font-size: 1em;
height: auto;
font-family: 'Gotham', sans-serif;
margin: 0 0 5px 0;
padding: 5px 1.75em 5px 1em;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.lbui_accordion_v3 > .lbui_accordion_content > div > h2.lbui_trigger:after {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: none;
display: inline-block;
content: '\f078';
margin-right: 0.25em;
width: 1em;
position: absolute;
display: block;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px;
}
.lbui_accordion_v3 > .lbui_accordion_content .lbui_trigger.lbui_active {
background: #f47521;
border: none;
color: #ffffff;
filter: none;
}
.lbui_accordion_v3 > .lbui_accordion_content .lbui_trigger.lbui_active:after {
content: '\f00d';
}
.lbui_accordion_v3 > .lbui_accordion_content .lbui_trigger.lbui_active:hover {
background-color: #eeeeee;
border: none;
color: #f47521;
filter: none;
}
.lbui_accordion_v3 > .lbui_accordion_content .lbui_trigger.lbui_active:hover:after {
content: '\f00d';
}
.lbui_accordion_v3 > .lbui_accordion_content .lbui_trigger:hover {
background: #eeeeee;
border: none;
color: #f47521;
filter: none;
}
.lbui_accordion_v3 > .lbui_accordion_content .lbui_trigger:hover:after {
content: '\f078';
}
.lbui_toggle_container {
margin-top: 0;
font-size: 1em !important;
}
/* ======================================
Accordion RMW (Alternate)
====================================== */
.accordion-a.lbui_accordion_v3 {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.accordion-a.lbui_accordion_v3 > .lbui_accordion_content {
padding: 0 !important;
}
.accordion-a.lbui_accordion_v3 > .lbui_accordion_content > div > h2.lbui_trigger {
background: #ffffff !important;
border-bottom: solid 1px #eeeeee;
color: #5d5d5d;
filter: none;
margin-bottom: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 5px 16px 5px 40px;
}
.accordion-a.lbui_accordion_v3 > .lbui_accordion_content > div > h2.lbui_trigger:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: none;
display: inline-block;
content: '\f054';
position: absolute;
display: block;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 10px;
}
.accordion-a.lbui_accordion_v3 > .lbui_accordion_content > div > h2.lbui_trigger:after {
display: none !important;
}
.accordion-a.lbui_accordion_v3 > .lbui_accordion_content > div > h2.lbui_trigger:last {
border-bottom: none !important;
}
.accordion-a.lbui_accordion_v3 > .lbui_accordion_content .lbui_trigger.lbui_active {
background: #b72d84 !important;
border-color: #b72d84 !important;
color: #ffffff;
filter: none;
}
.accordion-a.lbui_accordion_v3 > .lbui_accordion_content .lbui_trigger.lbui_active:before {
content: '\f078';
}
.accordion-a.lbui_accordion_v3 > .lbui_accordion_content .lbui_trigger.lbui_active:hover {
background: #b72d84 !important;
border-bottom: solid 1px #eeeeee;
color: #ffffff;
filter: none;
}
.accordion-a.lbui_accordion_v3 > .lbui_accordion_content .lbui_trigger.lbui_active:hover:before {
content: '\f078';
}
.accordion-a.lbui_accordion_v3 > .lbui_accordion_content .lbui_trigger:hover {
background: #b72d84 !important;
border-bottom: solid 1px #eeeeee;
color: #ffffff;
filter: none;
}
.accordion-a.lbui_accordion_v3 > .lbui_accordion_content .lbui_trigger:hover:before {
content: '\f054';
}
/* ======================================
Accordion IXP Information
 REQUIRED CLASSES: .accordion-a
====================================== */
.accordion-a {
-ixp-name: "Content Purple Alternate";
-ixp-tags: "Accordion";
-ixp-group: "accordion";
-ixp-scope: "Accordion, accordion_v3";
}
/* ======================================
Tabs RMW (Default)
====================================== */
.lbui_tabs_v3 > .lbui_nav > .lbui_nav_inner > .lbui_toggle,
.lbui_tabs_v3.lbui_init > .lbui_nav > .lbui_nav_inner > .lbui_toggle {
background: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bbbbbb;
color: #5d5d5d;
margin: 0 3px 0px 5px;
padding: 12px 25px;
filter: none;
text-shadow: none;
font-family: 'Gotham', sans-serif;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 1em;
position: relative;
}
.lbui_tabs_v3 > .lbui_nav > .lbui_nav_inner > .lbui_toggle > .lbui_first,
.lbui_tabs_v3.lbui_init > .lbui_nav > .lbui_nav_inner > .lbui_toggle > .lbui_first,
.lbui_tabs_v3 > .lbui_nav > .lbui_nav_inner > .lbui_toggle:first-child,
.lbui_tabs_v3.lbui_init > .lbui_nav > .lbui_nav_inner > .lbui_toggle:first-child {
margin-left: 0;
}
.lbui_tabs_v3 > .lbui_nav > .lbui_nav_inner > .lbui_toggle:hover,
.lbui_tabs_v3.lbui_init > .lbui_nav > .lbui_nav_inner > .lbui_toggle:hover {
background: #ffffff;
border: 1px solid #bbbbbb;
color: #f47521;
filter: none;
}
.lbui_tabs_v3 > .lbui_nav > .lbui_nav_inner > .lbui_active,
.lbui_tabs_v3.lbui_init > .lbui_nav > .lbui_nav_inner > .lbui_active {
background: #f47521;
border: 1px solid #bbbbbb;
color: #ffffff;
filter: none !important;
}
.lbui_tabs_v3 > .lbui_nav > .lbui_nav_inner > .lbui_active:hover,
.lbui_tabs_v3.lbui_init > .lbui_nav > .lbui_nav_inner > .lbui_active:hover {
background: #f47521;
border: 1px solid #bbbbbb;
color: #ffffff;
filter: none !important;
}
.lbui_tabs_v3.lbui_stacked_nav .lbui_toggle,
.lbui_tabs_v3.lbui_init.lbui_stacked_nav .lbui_toggle {
margin-right: 0;
}
.lbui_tabs_v3 > .lbui_slides,
.lbui_tabs_v3.lbui_init > .lbui_slides {
background: #ffffff;
border: none;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 1em;
}
.lbui_tabs_v3 .lbui_slide,
.lbui_tabs_v3.lbui_init .lbui_slide {
color: #5d5d5d;
}
/* ======================================
Tabs RMW (Alternate)
====================================== */
.tab-a.lbui_tabs_v3 > .lbui_nav > .lbui_nav_inner > .lbui_toggle,
.tab-a.lbui_tabs_v3.lbui_init > .lbui_nav > .lbui_nav_inner > .lbui_toggle {
background: #ffffff;
border: none;
border-bottom: 1px solid #bbbbbb;
color: #5d5d5d;
filter: none;
text-shadow: none;
margin: 5px 5px 5px 5px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
z-index: 10;
}
.tab-a.lbui_tabs_v3 > .lbui_nav > .lbui_nav_inner > .lbui_toggle > .lbui_first,
.tab-a.lbui_tabs_v3.lbui_init > .lbui_nav > .lbui_nav_inner > .lbui_toggle > .lbui_first,
.tab-a.lbui_tabs_v3 > .lbui_nav > .lbui_nav_inner > .lbui_toggle:first-child,
.tab-a.lbui_tabs_v3.lbui_init > .lbui_nav > .lbui_nav_inner > .lbui_toggle:first-child {
margin-left: 0;
}
.tab-a.lbui_tabs_v3 > .lbui_nav > .lbui_nav_inner > .lbui_toggle:hover,
.tab-a.lbui_tabs_v3.lbui_init > .lbui_nav > .lbui_nav_inner > .lbui_toggle:hover {
background: #f47521;
border-color: #f47521;
color: #ffffff;
filter: none;
}
.tab-a.lbui_tabs_v3 > .lbui_nav > .lbui_nav_inner > .lbui_active,
.tab-a.lbui_tabs_v3.lbui_init > .lbui_nav > .lbui_nav_inner > .lbui_active {
background: #f47521;
border-color: #f47521;
color: #ffffff;
filter: none !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.tab-a.lbui_tabs_v3 > .lbui_nav > .lbui_nav_inner > .lbui_active:after,
.tab-a.lbui_tabs_v3.lbui_init > .lbui_nav > .lbui_nav_inner > .lbui_active:after {
display: none;
}
.tab-a.lbui_tabs_v3 > .lbui_nav > .lbui_nav_inner > .lbui_active:hover,
.tab-a.lbui_tabs_v3.lbui_init > .lbui_nav > .lbui_nav_inner > .lbui_active:hover {
color: #ffffff;
}
.tab-a.lbui_tabs_v3.lbui_stacked_nav .lbui_toggle,
.tab-a.lbui_tabs_v3.lbui_init.lbui_stacked_nav .lbui_toggle {
margin-right: 0;
}
.tab-a.lbui_tabs_v3 > .lbui_slides,
.tab-a.lbui_tabs_v3.lbui_init > .lbui_slides {
background: #ffffff;
border: none;
-webkit-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.13);
-moz-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.13);
border-radius: 0 !important;
font-size: 1em;
}
/* stacked responsive overrides */
.lbui_tabs_v3.lbui_stacked_nav > .lbui_slides {
margin-top: 15px !important;
}
.lbui_tabs_v3.lbui_stacked_nav > .lbui_nav > .lbui_nav_inner > .lbui_toggle {
float: none;
display: block;
margin: 0;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
.lbui_tabs_v3.lbui_stacked_nav > .lbui_nav > .lbui_nav_inner > .lbui_toggle:after {
display: none;
}
/* stacked responsive overrides */
.tab-a.lbui_tabs_v3.lbui_stacked_nav > .lbui_slides {
margin-top: 5px !important;
}
.tab-a.lbui_tabs_v3.lbui_stacked_nav > .lbui_nav > .lbui_nav_inner > .lbui_toggle {
float: none;
display: block;
margin: 0;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
}
/* ======================================
Tabs IXP Information
 REQUIRED CLASSES: .tab-a
====================================== */
.tab-a {
-ixp-name: "Orange Intelligence Alternate";
-ixp-tags: "Tabs";
-ixp-group: "tabs";
-ixp-scope: "Tabs, tabs_v3";
}
/* ======================================
Flow Styling
====================================== */
.ixp-component-flow.ixp-component-flow-default > .ixp-component-flow-progress {
font-size: 12px;
}
.ixp-component-flow.ixp-component-flow-default > .ixp-component-flow-progress .ixp-component-flow-progress-toggle {
margin-left: 6px;
margin-top: 6px;
width: 20px;
height: 20px;
line-height: 20px;
background: #8a9a9a;
color: #ffffff;
background-image: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.ixp-component-flow.ixp-component-flow-default > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle:hover {
background: #000000;
color: #ffffff;
}
.ixp-component-flow.ixp-component-flow-default > .ixp-component-flow-progress .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active,
.ixp-component-flow.ixp-component-flow-default > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active,
.ixp-component-flow.ixp-component-flow-default > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active:hover {
background: #f47521;
color: #ffffff;
}
.ixp-component-flow.ixp-component-flow-dots-dark-solid > .ixp-component-flow-progress .ixp-component-flow-progress-toggle,
.ixp-component-flow.ixp-component-flow-dots-light-solid > .ixp-component-flow-progress .ixp-component-flow-progress-toggle,
.ixp-component-flow.ixp-component-flow-dots-light > .ixp-component-flow-progress .ixp-component-flow-progress-toggle,
.ixp-component-flow.ixp-component-flow-dots-dark > .ixp-component-flow-progress .ixp-component-flow-progress-toggle {
margin-left: 4px;
margin-top: 4px;
padding: 0;
width: 10px;
height: 10px;
line-height: 10px;
text-indent: -9999px;
background: #5d5d5d;
background-image: none;
}
.ixp-component-flow.ixp-component-flow-dots-dark-solid > .ixp-component-flow-progress .ixp-component-flow-progress-toggle:hover,
.ixp-component-flow.ixp-component-flow-dots-light-solid > .ixp-component-flow-progress .ixp-component-flow-progress-toggle:hover,
.ixp-component-flow.ixp-component-flow-dots-light > .ixp-component-flow-progress .ixp-component-flow-progress-toggle:hover,
.ixp-component-flow.ixp-component-flow-dots-dark > .ixp-component-flow-progress .ixp-component-flow-progress-toggle:hover {
background: #000000 !important;
border-color: #000000 !important;
}
.ixp-component-flow.ixp-component-flow-dots-dark-solid > .ixp-component-flow-progress .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active,
.ixp-component-flow.ixp-component-flow-dots-light-solid > .ixp-component-flow-progress .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active,
.ixp-component-flow.ixp-component-flow-dots-light > .ixp-component-flow-progress .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active,
.ixp-component-flow.ixp-component-flow-dots-dark > .ixp-component-flow-progress .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active,
.ixp-component-flow.ixp-component-flow-dots-dark-solid > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active,
.ixp-component-flow.ixp-component-flow-dots-light-solid > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active,
.ixp-component-flow.ixp-component-flow-dots-light > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active,
.ixp-component-flow.ixp-component-flow-dots-dark > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active,
.ixp-component-flow.ixp-component-flow-dots-dark-solid > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active:hover,
.ixp-component-flow.ixp-component-flow-dots-light-solid > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active:hover,
.ixp-component-flow.ixp-component-flow-dots-light > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active:hover,
.ixp-component-flow.ixp-component-flow-dots-dark > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active:hover {
width: 6px;
height: 6px;
border-style: solid;
border-width: 2px;
border: #f47521 solid 2px;
background-color: #f47521;
opacity: 1;
}
.ixp-component-flow.ixp-component-flow-dots-light > .ixp-component-flow-progress .ixp-component-flow-progress-toggle,
.ixp-component-flow.ixp-component-flow-dots-dark > .ixp-component-flow-progress .ixp-component-flow-progress-toggle {
opacity: .75;
}
.ixp-component-flow.ixp-component-flow-dots-light.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle:hover,
.ixp-component-flow.ixp-component-flow-dots-dark.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle:hover {
opacity: .75;
}
.ixp-component-flow.ixp-component-flow-dots-light-solid > .ixp-component-flow-progress .ixp-component-flow-progress-toggle,
.ixp-component-flow.ixp-component-flow-dots-light > .ixp-component-flow-progress .ixp-component-flow-progress-toggle {
background: #8a9a9a;
}
.ixp-component-flow.ixp-component-flow-bar-dark > .ixp-component-flow-progress .ixp-component-flow-progress-inner,
.ixp-component-flow.ixp-component-flow-bar-light > .ixp-component-flow-progress .ixp-component-flow-progress-inner {
background: none;
}
.ixp-component-flow.ixp-component-flow-bar-dark > .ixp-component-flow-progress .ixp-component-flow-progress-toggle,
.ixp-component-flow.ixp-component-flow-bar-light > .ixp-component-flow-progress .ixp-component-flow-progress-toggle {
background: #5d5d5d;
color: #5d5d5d;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 10px;
line-height: 10px;
border: none !important;
margin: 0 1px 0 0;
}
.ixp-component-flow.ixp-component-flow-bar-dark > .ixp-component-flow-progress .ixp-component-flow-progress-toggle:first-child,
.ixp-component-flow.ixp-component-flow-bar-light > .ixp-component-flow-progress .ixp-component-flow-progress-toggle:first-child {
-webkit-border-radius: 3px 0 0 3px !important;
-moz-border-radius: 3px 0 0 3px !important;
border-radius: 3px 0 0 3px !important;
}
.ixp-component-flow.ixp-component-flow-bar-dark > .ixp-component-flow-progress .ixp-component-flow-progress-toggle:last-child,
.ixp-component-flow.ixp-component-flow-bar-light > .ixp-component-flow-progress .ixp-component-flow-progress-toggle:last-child {
-webkit-border-radius: 0 3px 3px 0 !important;
-moz-border-radius: 0 3px 3px 0 !important;
border-radius: 0 3px 3px 0 !important;
}
.ixp-component-flow.ixp-component-flow-bar-dark > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle:hover,
.ixp-component-flow.ixp-component-flow-bar-light > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle:hover {
background: #000000;
color: #000000;
}
.ixp-component-flow.ixp-component-flow-bar-dark > .ixp-component-flow-progress .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active,
.ixp-component-flow.ixp-component-flow-bar-light > .ixp-component-flow-progress .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active,
.ixp-component-flow.ixp-component-flow-bar-dark > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active,
.ixp-component-flow.ixp-component-flow-bar-light > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active,
.ixp-component-flow.ixp-component-flow-bar-dark > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active:hover,
.ixp-component-flow.ixp-component-flow-bar-light > .ixp-component-flow-progress.ixp-component-flow-progress-clickable .ixp-component-flow-progress-toggle.ixp-component-flow-progress-active:hover {
background: #f47521;
color: #f47521;
}
.ixp-component-flow.ixp-component-flow-bar-dark > .ixp-component-flow-progress .ixp-component-flow-progress-done,
.ixp-component-flow.ixp-component-flow-bar-light > .ixp-component-flow-progress .ixp-component-flow-progress-done {
background: #f47521 !important;
color: #f47521 !important;
}
.ixp-component-flow.ixp-component-flow-bar-light > .ixp-component-flow-progress .ixp-component-flow-progress-toggle {
background: #8a9a9a;
color: #8a9a9a;
}
/* ======================================
Custom flow fix for Firefox
====================================== */
.ixp-component-flow[data-ixp-flow-mode="normal"] > .ixp-component-flow-steps > .ixp-component-flow-step {
-moz-transform-style: inherit;
}
.ixp-component-form-style-brand-brand {
-ixp-name: "Style: 4media group";
-ixp-tags: "Form";
-ixp-group: "customform";
-ixp-scope: "CustomForm";
-ixp-default: "true";
}

/* ======================================
My Stylings
====================================== */

/****Containers****/
.section-container{
padding: 50px 0px;
}

.section-container {
-ixp-name: "Section Container";
-ixp-tags: "Section Container";
-ixp-group: "Section Container";
-ixp-scope: "ContainerLike";
}