.phw-g-h1-job-title { font-weight: 300; font-size: var(--heading-font-size-2); line-height: var(--heading-line-height-2); color: var(--white); } /*h2 & widget heading*/ h2 { font-family: var(--font-family-primary); font-weight: 300; font-size: var(--heading-font-size-2); line-height: var(--heading-line-height-2); color: var(--brand-color-primary); } .phw-g-h2-widget-title-small { font-family: var(--font-family-primary); font-weight: 400; font-size: var(--heading-font-size-5); line-height: var(--heading-line-height-5); color: #393939; } .phw-g-h2-fyf-title { font-family: var(--font-family-primary); font-weight: 400; font-size: var(--heading-font-size-2); line-height: var(--heading-line-height-2); color: var(--white); } .phw-g-h2-event-card-title { font-family: var(--font-family-primary); font-weight: 300; font-size: var(--heading-font-size-2); line-height: var(--heading-line-height-2); color: var(--brand-color-primary); } .phw-g-h2-heading-style-1{ font-weight: 300; font-size: var(--heading-font-size-3); line-height: var(--heading-line-height-3); color: var(--brand-color-primary); } .phw-g-text-style-h2 { font-size: 40px; line-height: 40px; color: var(--brand-color-primary); } h3 { font-family: var(--font-family-primary); font-weight: 400; font-size: var(--heading-font-size-3); line-height: var(--heading-line-height-3); color: var(--text-dark); } .phw-g-h3-card-title { font-size: var(--heading-font-size-5); line-height: var(--heading-line-height-5); color: var(--text-dark); } .phw-g-h3-job-title { font-size: var(--heading-font-size-5); line-height: var(--heading-line-height-5); color: var(--brand-color-primary); } .phw-g-h3-card-title-large { font-size: var(--heading-font-size-2); line-height: var(--heading-line-height-2); color: var(--brand-color-primary); } .phw-g-h3-overly-card-title { font-size: var(--heading-font-size-4); line-height: var(--heading-line-height-4); color: var(--white); } /* paragraph */ p { font-size: var(--paragraph-font-size-2); line-height: var(--paragraph-line-height-2); color: var(--text-dark); font-weight: 300; } .phw-g-p-meta-style-1 { font-size: var(--heading-font-size-5); line-height: var(--heading-line-height-5); color: var(--white); } .phw-g-p-style-2 { font-size: var(--paragraph-font-size-2); line-height: var(--paragraph-line-height-2); color: var(--light-text); } .phw-g-p-style-3 { font-size: var(--paragraph-font-size-3); line-height: var(--paragraph-line-height-3); color: var(--secondary-text); font-weight: 400; font-style: italic; } /* Widget subheading */ .phw-g-p-widget-subheading-style-1 { font-size: var(--heading-font-size-5); line-height: var(--heading-line-height-5); color: var(--secondary-text); } /* other text styles */ .phw-g-job-info-style-1 { font-size: var(--paragraph-font-size-2); line-height: var(--paragraph-line-height-2); color: var(--secondary-text); font-weight: 300; } .phw-g-job-description-1 { font-size: var(--paragraph-font-size-2); line-height: var(--paragraph-line-height-2); color: var(--text-dark); font-weight: 300; } .phw-g-testimonial-description-1 { font-weight: 300; font-size: var(--heading-font-size-2); line-height: var(--heading-line-height-2); color: var(--paragraph-font-size-1); } .phw-g-text-style-1 { font-style: italic; font-size: var(--paragraph-font-size-3); line-height: var(--paragraph-line-height-3); color: var(--light-text); } .phw-g-label-style-1 { font-size: var(--paragraph-font-size-1); line-height: var(--paragraph-line-height-1); color: var(--text-dark); } .phw-g-label-style-2 { font-size: var(--paragraph-font-size-2); line-height: var(--paragraph-line-height-2); color: #979797; } /*tags styles*/ .phw-g-tags-bg-gray-1 { font-size: var(--paragraph-font-size-2); line-height: var(--paragraph-line-height-2); font-family: var(--font-family-primary); background-color: var(--widget-bg-gray-color); color:var(--text-dark); display: inline-block; border-radius: calc(var(--border-radius-base) * 2); } /* button */ .phw-g-btn-primary { --btn-border-color: var(--brand-color-primary); --btn-color: var(--white); --btn-bg: var(--brand-color-primary); --btn-hover-color: var(--white); --btn-hover-bg: #0174b2; --btn-hover-border-color: #0174b2; --btn-active-color: var(--brand-color-primary); --btn-active-bg: var(--brand-color-primary); --btn-active-border-color: var(--brand-color-primary); --btn-focus-color: var(--white); --btn-focus-bg: var(--brand-color-primary); --btn-focus-border-color: var(--brand-color-primary); --btn-outline-color: var(--accessibility-outline-color); --btn-outline-width: var(--accessibility-outline-width); --btn-outline-style: var(--accessibility-outline-style); --btn-disabled-color: var(--btn-dark); --btn-disabled-bg: #b8b8b8; --btn-disabled-border-color: #b8b8b8; } .phw-g-btn-secondary { --btn-border-color: var(--brand-color-secondary); --btn-color: var(--white); --btn-bg: var(--brand-color-primary); --btn-hover-color: var(--white); --btn-hover-bg: #0174b2; --btn-hover-border-color: #0174b2; --btn-active-color: var(--white); --btn-active-bg: var(--brand-color-primary); --btn-active-border-color: var(--brand-color-primary); --btn-focus-color: var(--white); --btn-focus-bg: var(--brand-color-primary); --btn-focus-border-color: var(--brand-color-primary); --btn-outline-color: var(--accessibility-outline-color); --btn-outline-width: var(--accessibility-outline-width); --btn-outline-style: var(--accessibility-outline-style); --btn-disabled-color: var(--btn-dark); --btn-disabled-bg: transparent; --btn-disabled-border-color: #bdbdbd; } .phw-g-btn-plain{ --btn-border-color: var(--brand-color-primary); --btn-color: var(--brand-color-primary); --btn-bg: transparent; --btn-hover-color: var(--white); --btn-hover-bg: var(--brand-color-primary); --btn-hover-border-color: var(--brand-color-primary); --btn-active-color: var(--white); --btn-active-bg: var(--brand-color-primary); --btn-active-border-color: var(--brand-color-primary); --btn-focus-color: var(--white); --btn-focus-bg: var(--brand-color-primary); --btn-focus-border-color: var(--brand-color-primary); --btn-outline-color: var(--accessibility-outline-color); --btn-outline-width: var(--accessibility-outline-width); --btn-outline-style: var(--accessibility-outline-style); --btn-disabled-color: var(--btn-dark); --btn-disabled-bg: transparent; --btn-disabled-border-color: transparent; } .phw-g-btn-default { --btn-border-color: transparent; --btn-color: var(--white); --btn-bg: transparent; --btn-hover-color: var(--brand-color-primary); --btn-hover-bg: var(--white); --btn-hover-border-color: var(--white); --btn-active-color: var(--brand-color-primary); --btn-active-bg: var(--white); --btn-active-border-color: var(--white); --btn-focus-color: var(--brand-color-primary); --btn-focus-bg: var(--white); --btn-focus-border-color: var(--white); --btn-outline-color: var(--accessibility-outline-color); --btn-outline-width: var(--accessibility-outline-width); --btn-outline-style: var(--accessibility-outline-style); --btn-disabled-color: var(--btn-dark); --btn-disabled-bg: transparent; --btn-disabled-border-color: transparent; } .phw-g-btn-buttonlink { --btn-color: var(--link-color); --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: var(--link-hover-color); --btn-hover-border-color: transparent; --btn-active-border-color: transparent; --btn-outline-color: var(--accessibility-outline-color); --btn-outline-width: var(--accessibility-outline-width); --btn-outline-style: var(--btn-outline-style); --btn-outline-offset: var(--accessibility-outline-offset); --btn-disabled-color: var(--btn-disabled-color); --btn-disabled-bg: transparent; --btn-disabled-border-color: #bebebe; --btn-box-shadow: none; --btn-hover-decoration: var(--link-hover-decoration); --btn-active-decoration: var(--link-hover-decoration); } .phw-g-btn-link { --btn-color: var(--link-color); --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: var(--link-hover-color); --btn-hover-border-color: transparent; --btn-hover-decoration: var(--link-hover-decoration); --btn-active-decoration: var(--link-hover-decoration); --btn-active-border-color: transparent; --btn-outline-color: var(--accessibility-outline-color); --btn-outline-width: var(--accessibility-outline-width); --btn-outline-style: var(--accessibility-outline-style); --btn-outline-offset: var(--accessibility-outline-offset); --btn-disabled-color: var(--btn-dark); --btn-disabled-border-color: transparent; --btn-padding-y: 0; --btn-padding-x: 0; --btn-height: auto; --btn-box-shadow: none; --btn-border-width: 0; } .phw-g-btn-link-style-1 { --btn-color: var(--link-color); --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: var(--link-hover-color); --btn-hover-border-color: transparent; --btn-active-border-color: transparent; --btn-outline-color: var(--accessibility-outline-color); --btn-outline-width: var(--accessibility-outline-width); --btn-outline-style: var(--accessibility-outline-style); --btn-outline-offset: var(--accessibility-outline-offset); --btn-disabled-color: var(--btn-dark); --btn-disabled-border-color: transparent; --btn-padding-y: 0; --btn-padding-x: 0; --btn-height: auto; --btn-box-shadow: none; --btn-border-width: 0; }