/*
Theme Name: Premier Disability V2
Theme URI: https://premierdisability.com/
Author: Kristian Szabo
Description: Premier Disability Theme
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
*/
.show-desktop,
.show-tablet,
.show-mobile {
display: none !important;
}
.show-br-desktop,
.show-br-tablet,
.show-br-mobile {
& > br {
display: none !important;
}
}
/* Mobile: below 768px */
@media (max-width: 767px) {
.show-mobile {
display: block !important;
}
.hide-mobile {
display: none !important;
}
.show-br-mobile {
& > br {
display: inline !important;
}
}
}
/* Tablet: 768px – 991px */
@media (min-width: 768px) and (max-width: 991px) {
.show-tablet {
display: block !important;
}
.hide-tablet {
display: none !important;
}
.show-br-tablet {
& > br {
display: inline !important;
}
}
}
/* Desktop: 992px and up */
@media (min-width: 992px) {
.show-desktop {
display: block !important;
}
.hide-desktop {
display: none !important;
}
.show-br-desktop {
& > br {
display: inline !important;
}
}
}
/*
* Link styles
* https://github.com/WordPress/gutenberg/issues/42319
*/
a {
text-decoration-thickness: 1px !important;
text-underline-offset: .1em;
outline: none;
}
main {
article {
h2 {
font-size: var(--wp--preset--font-size--custom-5);
font-weight: 600;
color: #094e44;
}
a:where(:not(.wp-element-button)) {
text-decoration: underline;
&:hover {
text-decoration: underline;
}
}
li {
a:where(:not(.wp-element-button)) {
text-decoration: none;
&:hover {
text-decoration: none;
}
}
}
}
}
button {
outline: none;
}
/* Focus styles */
:where(.wp-site-blocks *:focus) {
outline-width: 2px;
outline-style: solid;
}
/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
margin-bottom: 3px;
}
/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
outline-offset: 4px;
outline: none
}
/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
outline-offset: 0;
}
/*
* Progressive enhancement to reduce widows and orphans
* https://github.com/WordPress/gutenberg/issues/55190
*/
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
text-wrap: pretty;
}
/*
* Change the position of the more block on the front, by making it a block level element.
* https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
display: block;
}
/*
* Prevents unnecessary scrollbars while handling long lines of preformatted text.
* https://core.trac.wordpress.org/ticket/63875
*/
:where(pre) {
overflow-x: auto;
}
#premier-header {
@media (min-width: 768px) and (max-width: 991px) {
padding-block: 0.4em !important;
padding-inline: 1em !important;
}
@media (max-width: 767px) {
padding-block: 0.7em !important;
padding-inline: 0.7em !important;
}
> .wp-block-group {
@media (max-width: 767px) {
row-gap: 0.7em;
flex-wrap: wrap !important;
}
@media (max-width: 991px) {
column-gap: 15px;
display: flex;
justify-content: flex-end;
.wp-block-image {
margin-right: auto;
flex-basis: 230px;
}
}
@media (max-width: 1399px) {
justify-content: flex-end;
.wp-block-image {
margin-right: auto;
}
}
}
.wp-block-site-logo {
@media (max-width: 1399px) {
flex: 1;
}
.custom-logo {
@media (max-width: 767px) {
max-width: 230px !important;
}
}
}
.wp-block-navigation__responsive-container-open {
width: 32px;
height: 32px;
svg {
width: 32px;
height: 32px;
fill: #094E44
}
@media (max-width: 1399px) {
display: flex !important;
}
}
.wp-block-navigation__responsive-container {
@media (max-width: 1399px) {
display: none !important;
}
}
nav {
@media (max-width: 991px) {
position: unset;
}
@media (min-width: 768px) and (max-width: 1399px) {
order: 5 !important;
}
.wp-block-navigation-submenu {
a.wp-block-navigation-item__content {
color: #0F172B;
}
}
.wp-block-navigation-submenu__toggle[aria-expanded=true] + .wp-block-navigation__submenu-icon > svg,
.wp-block-navigation-submenu__toggle[aria-expanded=true] > svg {
stroke: #A1578F;
}
.wp-block-navigation__submenu-icon {
font-size: 24px;
svg {
stroke: #00612F;
path {
stroke-width: 2;
}
}
}
.wp-block-navigation__container {
> .wp-block-navigation-item {
> .wp-block-navigation-item__content {
&:hover {
text-decoration: none;
}
}
&:hover {
@media (min-width: 1400px) {
&:after {
content: " ";
height: 4px;
border-radius: 10px;
position: absolute;
background: #A1578F;
width: 100%;
bottom: -10px;
z-index: 2;
}
}
}
}
@media (min-width: 1400px) {
+ .wp-block-buttons{
display: none!important;
}
}
}
.wp-block-navigation__submenu-container {
border: none;
min-width: 360px;
padding-top: 37px;
padding-bottom: 15px;
width: max-content;
left: 0;
background: transparent;
.wp-block-navigation-item {
margin: 0;
background-color: white;
@media (min-width: 1400px) {
padding-inline: 1em;
max-width: 360px;
}
.wp-block-navigation-item__content {
padding: .5em 0 !important;
border-top: 1px solid #EBF0F5;
.wp-block-navigation-item__label {
width: 100%;
color: #3A4D53;
}
&:hover {
text-decoration: none;
.wp-block-navigation-item__label {
color: #094E44;
}
}
}
&:hover {
background: #EBF0F5;
}
&:last-child {
span {
border: none !important;
}
}
}
}
}
.wp-block-buttons {
@media (max-width: 767px) {
width: 100%;
}
@media (max-width: 1399px) {
.wp-block-button__link {
padding-top: 11px !important;
padding-bottom: 11px !important;
justify-content: center;
}
}
}
/* Mobile Menu */
nav.premier-main-nav:has(.wp-block-navigation__responsive-container.is-menu-open) {
& > button.wp-block-navigation__responsive-container-open > svg {
display: none !important;
}
@media (max-width: 767px) {
& + .wp-block-buttons {
display: none !important;
}
}
}
.wp-block-navigation__responsive-container.is-menu-open{
background: #00000080!important;
padding: 0 !important;
overflow: visible;
top: 108px;
right: unset;
width: 100%;
display: flex!important;
border-top: 1px solid #CAD5E2;
@media (min-width: 768px) and (max-width: 991px) {
top: 109px;
}
@media (min-width: 992px) {
top: 149px;
}
.wp-block-navigation__responsive-close{
padding: 0;
background: #fff;
height: fit-content;
}
.wp-block-navigation__responsive-container-close{
position: fixed;
right: 5px;
top: -57px;
background: #fff;
padding: 10px;
border-radius: 100%;
svg {
width: 32px;
height: 32px;
fill: #094E44;
}
@media (min-width: 768px) and (max-width: 991px) {
right: 5px;
top: -58px;
}
@media (min-width: 992px) {
right: 55px;
top: -80px;
}
}
.wp-block-navigation__responsive-dialog{
margin-top: 0!important;
}
.wp-block-navigation__container{
display: flex;
align-items: flex-start;
gap: 0;
+ .wp-block-buttons{
padding: 0 15px 15px 15px;
.premier-main-nav_cta {
display: none;
@media (max-width: 767px) {
display: inline-block;
}
}
}
}
.wp-block-navigation__responsive-container-content{
position: relative;
align-items: stretch;
padding-top: 0!important;
@media (min-width: 768px) and (max-width: 1399px) {
gap: 0;
}
}
.wp-block-navigation__submenu-container {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
margin: 0 !important;
transform: translateX(100%) !important;
padding: 0 !important;
visibility: hidden !important;
opacity: 1 !important;
transition: transform 0.28s ease !important;
z-index: 5;
background: #fff!important;
}
.wp-block-navigation__submenu-container.premier-panel-open {
transform: translateX(0) !important;
visibility: visible !important;
display: flex;
align-items: flex-start;
}
.wp-block-navigation-item {
&:has(.premier-panel-open) {
position: unset;
}
width: 100%;
--navigation-layout-justification-setting: flex-start;
--navigation-layout-justify: flex-start;
.wp-block-navigation-item__content{
margin-inline: auto;
width: calc(100% - 55px);
padding: 15px 0 !important;
border-bottom: 1px solid #CAD5E2;
outline: none;
font-size: 1.25em;
.wp-block-navigation-item__label{
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1399px) {
&:last-child .wp-block-navigation-item__content {
border-bottom: none;
}
}
}
.wp-block-navigation__submenu-icon {
@media (max-width: 1399px) {
display: block;
transform: rotate(270deg);
align-self: flex-end;
position: absolute;
top: calc(50% - 7px);
right: 30px;
}
}
}
.premier-nav-back-wrap {
list-style: none;
margin: 0;
width: 100%;
@media (min-width: 1399px) {
display: none;
}
}
.premier-nav-back {
display: flex;
align-items: center;
gap: 0.4em;
width: 100%;
padding: 15px 20px;
background: none;
border: 0;
font: inherit;
color: inherit;
text-align: left;
cursor: pointer;
background: #EBF0F5;
font-size: 1.25em;
}
.premier-nav-back svg {
flex: 0 0 auto;
path {
stroke: #A1578F;
stroke-width: 2;
}
}
}
.from-v3, .from-v2{
#premier-header{
& > .wp-block-group {
@media (max-width: 767px) {
flex-wrap: nowrap !important;
}
@media (max-width: 991px) {
.wp-block-image {
flex-basis: 230px;
}
#mobile-v2-phone{
flex-basis: fit-content;
margin:0;
}
}
}
}
}
#premier-header-evaluation {
}
#premier-evaluation {
@media (max-width: 767px) {
& > .wp-block-potential {
flex-wrap: nowrap;
width: 100%;
max-width: 315px;
margin: 0 auto;
& > figure {
flex: 0 0 64px;
}
}
}
}
.premier-evaluation-contact {
padding-inline: 20px !important;
& figure.wp-block-image {
flex: 0 0 64px;
}
& .premier-evaluation-contact-phone {
& > a {
@media (max-width: 767px) {
}
}
}
}
#premier-prescription-card {
& .premier-prescription-card-container {
@media (max-width: 600px) {
padding-inline: 20px !important;
& .premier-prescription-card-box {
padding: 0 0 20px 0 !important;
& .wp-block-media-text__content {
margin-top: 20px;
& > p {
text-align: center;
}
& > ul {
margin-inline: auto;
padding-left: 60px !important;
width: max-content;
}
}
}
& a.wp-block-button__link {
padding-inline: 20px !important;
}
}
}
}
#mobile-banner-text {
display: none;
}
#homepage-banner {
.wp-block-cover {
min-height: 500px
}
}
@media (max-width: 767px) {
#homepage-banner {
.wp-block-cover {
min-height: 325px;
.wp-block-cover__inner-container {
padding: 0 !important;
}
}
}
#premier-banner-text {
display: none !important;
}
#mobile-banner-text {
display: block !important;
.wp-block-buttons {
width: 100%;
> .wp-block-button {
width: 100%;
}
}
}
}
#premier-benefits {
.wp-block-columns {
.wp-block-column {
position: relative;
counter-increment: benefits;
&::before {
content: counter(benefits);
position: absolute;
top: -15px;
left: -15px;
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 700;
font-size: 24px;
line-height: 24px;
color: #fff;
background: #003283;
border-radius: 50%;
height: 64px;
width: 64px;
display: flex;
align-items: center;
justify-content: center;
}
}
}
@media (max-width: 767px) {
.wp-block-buttons {
.wp-block-button {
display: flex;
justify-content: center;
width: 100%;
.wp-block-button__link {
padding-inline: 10px;
justify-content: center;
font-size: 1.25em;
}
}
}
}
@media (max-width: 781px) {
.wp-block-columns {
justify-content: center;
flex-direction: column;
align-content: center;
&:not(.is-not-stacked-on-mobile) > .wp-block-column {
max-width: 380px !important;
}
}
.no-break-line {
br {
display: none;
}
}
h3.has-large-font-size {
font-size: 1.5em !important;
}
}
}
#homepage-blade {
padding-top: 60px;
padding-bottom: 60px;
.wp-block-media-text {
row-gap: 20px;
.wp-block-media-text__media {
img {
border-radius: 16px;
}
}
.wp-block-media-text__content {
p {
margin-top: 30px;
}
ul {
margin-top: 30px;
li {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 15px;
&::before {
content: url('/wp-content/uploads/2026/05/Container-10.png');
margin-right: 15px;
}
}
}
}
}
@media (max-width: 600px) {
.wp-block-media-text__content {
padding-inline: 0px;
}
}
}
#premier-common-q {
h2.wp-block-heading {
font-weight: 700;
}
.wp-block-group {
ul {
margin-top: 30px;
margin-bottom: 30px;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 15px 0;
justify-content: space-between;
li {
flex-basis: 100%;
font-weight: 400;
padding: 0px 10px;
display: flex;
gap: 10px;
line-height: 1.3;
margin-block-start: 0;
align-items: center;
> a {
color: #CAD5E2;
}
@media (min-width: 768px) {
flex-basis: 30%;
}
@media (min-width: 992px) {
flex-basis: 20%;
}
&::before {
content: url('data:image/svg+xml,');
}
}
}
}
}
#homepage-sunset-blocks {
.wp-block-group.is-layout-grid {
row-gap: 40px;
@media (max-width: 599px) {
grid-template-columns: repeat(1, minmax(0, 1fr));
.no-break-line {
br {
display: none;
}
}
}
@media (max-width: 991px) {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
}
#premier-faq {
h2.wp-block-heading {
font-weight: 700;
}
}
.wp-block-accordion-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.33);
padding-bottom: 10px;
margin-block: 10px;
.wp-block-accordion-panel {
margin-top: 5px;
}
&.is-open {
& > .wp-block-accordion-heading {
.wp-block-accordion-heading__toggle-icon {
transform: rotate(0);
&:before {
content: "\2212";
}
}
}
}
.wp-block-accordion-heading__toggle {
.wp-block-accordion-heading__toggle-title {
color: black;
}
.wp-block-accordion-heading__toggle-icon {
margin-left: 10px;
border: 2px solid #094E44;
border-radius: 100%;
/* color: #094E44; */
color: transparent;
font-weight: 700;
position: relative;
align-items: center;
justify-content: center;
align-self: flex-start;
&:before {
content: "\002B";
position: absolute;
top: 0;
left: 0;
width: 1.2em;
height: 1.2em;
color: #094E44;
border-radius: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
}
&:hover {
.wp-block-accordion-heading__toggle-title {
text-decoration: none;
}
}
}
}
.wp-block-accordion-panel {
p {
color: #666666;
}
ul {
padding-left: 10px;
list-style-type: "\2212 ";
color: #666666;
li {
padding-left: 5px;
}
}
}
.faq-middle-cta {
.wp-block-buttons {
width: 100%;
.wp-block-button {
width: 100%;
}
}
@media (min-width: 768px) {
flex-wrap: nowrap;
.wp-block-buttons {
width: 250px;
.wp-block-button {
width: 250px;
}
}
}
@media (min-width: 992px) {
.wp-block-buttons {
width: 516px;
flex-flow: nowrap;
}
}
}
#what-we-do {
.what-we-do-columns {
.wp-block-group {
@media (max-width: 529px) {
flex-basis: 320px;
h2 {
flex-basis: auto;
}
p {
margin-top: 0px !important;
}
}
}
}
}
#premier-contact-us {
@media (max-width: 767px) {
.mailing-address-container {
p {
letter-spacing: -1.7px;
}
}
ul.wp-block-list {
li {
a {
display: block;
}
}
}
}
}
#premier-cta {
h2.wp-block-heading {
font-weight: 700;
}
.wp-block-group {
> p {
color: #CAD5E2 !important;
}
}
.wp-block-buttons .wp-block-button__link {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
color: #fff !important;
border: 2px solid #00D492;
/*min-width: 320px;*/
padding: 15px 30px;
}
@media (max-width: 767px) {
.wp-block-buttons {
.wp-block-button {
display: flex;
justify-content: center;
width: 100%;
.wp-block-button__link {
justify-content: center;
padding-inline: 10px;
}
}
}
}
}
#premier-footer {
#premier-footer-container {
@media (max-width: 767px) {
gap: 30px;
& > .wp-block-column {
& #premier-footer_icons {
& > .wp-block-image {
img {
display: block;
margin: 0 auto;
}
}
& > .wp-block-social-links {
justify-content: center;
}
}
}
}
@media (min-width: 768px) and (max-width: 991px) {
flex-wrap: wrap !important;
gap: 30px;
& > .wp-block-column {
flex: 0 0 100% !important;
& #premier-footer_icons {
grid-template-columns: repeat(2, minmax(0, 1fr));
& > .wp-block-social-links {
justify-content: flex-end;
}
}
& #premier-footer_navs {
& > .wp-block-columns {
flex-wrap: nowrap !important;
& > .wp-block-column {
}
}
}
}
}
}
.footer-copyright {
flex-wrap: nowrap;
@media (max-width: 991px) {
flex-wrap: wrap;
justify-content: center;
}
}
}
#premier-testimonials {
}
.premier-pagination {
& > .wp-block-query-pagination-numbers {
display: flex;
align-items: center;
gap: 40px;
& > .page-numbers {
color: #333333;
&.current {
color: #00BC7D;
}
}
@media (max-width: 767px) {
gap: 30px;
}
}
& .is-arrow-chevron {
font-size: 24px;
line-height: 1;
color: #333333;
}
}
.free-evaluation-header {
@media (max-width: 767px) {
h2, p {
}
}
}
#premier-free-evaluation {
form {
position: relative;
/*top: -100px;*/
.gf_page_steps {
position: relative;
display: flex;
margin: 0 auto;
column-gap: 100px;
justify-content: center;
flex-wrap: nowrap;
padding: 0 20px 20px;
&::before {
content: ' ';
background: #fff;
width: 100%;
position: absolute;
top: 0;
left: 0;
height: stretch;
/* z-index: 0; */
}
@media (max-width: 767px) {
column-gap: 65px;
}
.gf_step {
display: flex;
flex-direction: column;
align-items: center;
max-width: 155px;
z-index: 1;
.gf_step_number {
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 700;
font-size: 28px;
line-height: 1;
border: 2px solid #122F5E;
border-radius: 100%;
width: 56px;
height: 56px;
display: flex;
justify-content: center;
align-items: center;
color: var(--wp--preset--color--contrast);
position: relative;
&::after {
content: "";
border-top: 1px dashed #4285F4;
max-width: 175px;
min-width: 25px;
width: calc(25vw - 40px);
position: absolute;
left: 125%;
}
@media (min-width: 600px) and (max-width: 767px) {
&::after {
width: calc(25vw - 50px);
}
}
@media (max-width: 599px) {
&::after {
width: calc(25vw - 50px);
}
}
}
&:last-child {
.gf_step_number {
&::after {
display: none;
}
}
}
.gf_step_label {
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 16px;
line-height: 1.5;
text-align: center;
color: #122F5E;
@media (max-width: 767px) {
font-size: 14px;
}
}
&:first-child {
.gf_step_label {
font-size: 14px;
}
}
&.gf_step_active {
.gf_step_number {
background: var(--wp--preset--color--contrast);
color: #fff;
}
}
&.gf_step_completed {
.gf_step_number {
color: transparent;
display: flex;
&::before {
content: "✓";
color: #00D492;
position: relative;
left: 7px;
}
}
}
}
}
.validation_error {
display: none;
}
.gf6-page2-header {
text-align: center;
margin-bottom: 50px;
h2 {
font-family: var(--wp--preset--font-family--noto-serif);
font-weight: 700;
font-size: 32px;
line-height: 1.2;
text-align: center;
margin-bottom: 0;
color: #000000;
& + p {
margin-top: 5px;
color: #000000;
font-size: 24px;
& + p {
font-size: 20px;
}
}
}
p {
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 24px;
line-height: 1.2;
text-align: center;
color: #000000;
}
}
.gform_body {
padding: 20px 20px 60px 20px;
.gform_page {
&#gform_page_6_2{
.validation_message {
text-align: left!important;
}
}
.gform_page_fields {
ul.gform_fields {
list-style: none;
padding: 0;
max-width: 760px;
margin: 0 auto;
gap: 40px 20px;
display: flex;
flex-direction: column;
align-items: stretch;
@media (max-width: 767px) {
gap: 20px 20px;
}
li.gform_hidden {
display: none;
}
li.gfield {
list-style: none;
text-align: center;
.gfield_label {
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 22px;
line-height: 1.5;
text-align: center;
margin-bottom: 10px;
display: block;
color: #000000;
& > span.gfield_required {
display: none;
}
@media (max-width: 767px) {
font-size: 20px;
}
}
.instruction{
display: none!important;
}
.validation_message {
margin-top: 15px;
color: red;
}
.gfield_select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding: 16px 20px;
font-size: 18px;
font-family: inherit;
line-height: 1.4;
color: #000;
background-color: #ffffff;
border: 2px solid #0F172B80;
border-radius: 8px;
cursor: pointer;
outline: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3e%3cpath d='M1 1L7 7L13 1' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 20px center;
padding-right: 50px;
/*&:focus {*/
/* border-color: #00BC7D;*/
/* box-shadow: 0 0 0 2px rgba(26, 26, 26, 0.1);*/
/*}*/
&:has(option:checked:not(.gf_placeholder)) {
border-color: #00BC7D;
}
option {
padding: 12px;
font-size: 16px;
color: #1a1a1a;
background-color: #ffffff;
}
option.gf_placeholder {
color: #1a1a1a;
}
}
.ginput_container_radio {
.gfield_radio {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 12px;
li {
flex: 1;
margin: 0;
padding: 0;
}
input[type="radio"] {
position: absolute;
opacity: 0;
pointer-events: none;
width: 0;
height: 0;
}
label {
display: block;
width: 100%;
padding: 12px 24px;
text-align: center;
background-color: #ffffff;
border: 2px solid #0F172B80;
border-radius: 6px;
font-size: 18px;
font-weight: 700;
color: #000;
cursor: pointer;
transition: all 0.2s ease;
box-sizing: border-box;
user-select: none;
&:hover {
background-color: #f3f4f6;
border-color: #9ca3af;
}
}
input[type="radio"] {
&:checked + label {
border-color: #00BC7D;
}
&:focus-visible + label {
outline: 2px solid #2563eb;
outline-offset: 2px;
}
}
&:has(input[type="radio"]:checked) li:not(:has(input[type="radio"]:checked)) label {
opacity: 0.2;
}
}
}
.ginput_container {
input[type=text], input[type=email], input[type=tel] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 16px 20px;
font-size: 18px;
font-family: inherit;
color: #000;
background-color: #ffffff;
border: 2px solid #0F172B80;
border-radius: 8px;
cursor: pointer;
outline: none;
&::placeholder {
font-size: 18px;
font-family: inherit;
color: #000000;
}
}
}
ul {
list-style: none;
li {
}
}
&:has(.validation_message) {
.ginput_container_radio {
.gfield_radio {
label {
border-color: rgba(223, 32, 16, 0.5);
}
}
}
.gfield_select {
border-color: rgba(223, 32, 16, 0.5);
}
}
}
}
#gform_fields_6_2 {
flex-direction: row;
flex-wrap: wrap;
#field_6_13, #field_6_22{
display: none;
}
.gfield_label {
text-align: left;
}
#field_6_9 {
width: 100%;
.gfield_label {
display: none;
}
#input_6_9 {
display: flex;
justify-content: space-between;
column-gap: 20px;
@media (max-width: 767px) {
flex-direction: column;
row-gap: 20px;
}
.name_first, .name_last {
display: flex;
flex-direction: column;
width: 100%;
label {
font-size: 22px;
color: #000000;
line-height: 1.5;
text-align: left;
@media (max-width: 767px) {
font-size: 20px;
}
}
}
}
}
#field_6_10 {
width: 100%;
.ginput_container_email {
display: flex;
justify-content: space-between;
input {
flex-basis: 100%;
}
}
}
#field_6_11 {
width: 49%;
.ginput_container_phone {
display: flex;
justify-content: space-between;
input {
flex-basis: 100%;
}
}
@media (max-width: 767px) {
width: 100%;
}
}
#field_6_12 {
width: 48%;
.ginput_container_address {
.address_zip {
display: flex;
justify-content: space-between;
input {
flex-basis: 100%;
}
label {
display: none;
}
}
}
@media (max-width: 767px) {
width: 100%;
}
}
}
}
}
.gform_page_footer {
margin-top: 40px;
display: flex;
justify-content: center;
flex-wrap: wrap;
column-gap: 20px;
&:not(.top_label){
flex-direction: column;
align-items: center;
font-size: 16px;
line-height: 20px;
row-gap: 50px;
}
&.top_label{
}
.gform_continue_note{
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}
.gform_next_button {
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 700;
font-size: 24px;
line-height: 1;
text-align: center;
color: #fff;
padding: 24px 20px;
width: 320px;
max-width: 100%;
border: none;
background: #122F5E;
border-radius: 10px;
box-shadow: 12px 12px 24px 0px #00000040;
cursor: pointer;
}
.gform_previous_button {
cursor: pointer;
padding: 20px;
height: 18px;
width: 18px;
border: 2px solid #818DA2;
border-radius: 10px;
@media (max-width: 767px) {
padding: 20px 10px;
}
}
input[type=submit].button {
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 700;
font-size: 24px;
line-height: 1;
text-align: center;
color: #fff;
padding: 16px 20px;
width: 320px;
max-width: 100%;
border: none;
background: #122F5E;
border-radius: 10px;
box-shadow: 12px 12px 24px 0px #00000040;
cursor: pointer;
@media (max-width: 767px) {
width: 250px;
max-width: calc(100% - 90px);
}
}
#tos-submit{
border: none;
font-family: var(--wp--preset--font-family--noto-sans);
padding: 0;
cursor: pointer;
font-weight: 400;
font-size: 14px;
line-height: 100%;
text-decoration: underline;
background: none;
color: #000;
}
.gform_premier_tos {
margin-top: 40px;
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 14px;
line-height: 1.5;
text-align: center;
color: #000;
width: 100%;
a{
color: #000;
text-decoration: underline;
}
}
}
}
}
}
.free-evaluation-cta {
@media (max-width: 991px) {
flex-flow: column;
}
}
/* Gravity Forms AJAX loading spinner: pin to a fixed square size so the flex
footer (align-items:stretch) and global image max-width:100% can't stretch it. */
.gform_wrapper .gform_ajax_spinner {
width: 30px !important;
height: 30px !important;
max-width: 30px !important;
min-width: 0 !important;
flex: 0 0 auto !important;
align-self: center !important;
object-fit: contain !important;
display: inline-block;
vertical-align: middle;
margin-left: 12px;
}
#ssdi-benefits-calc {
#payment_counter {
text-shadow: 2px 2px 0px #BDCCE5;
&:before{
content: '$';
}
}
#annualIncomeValue{
&:before {
content: '$';
}
}
#calculator-output.message{
display: flex;
flex-wrap: wrap;
&::after{
content: "Our calculator doesn't estimate benefits for users younger than 23. Refer to your Social Security Statement.";
display: block;
width: 100%;
}
}
.slider-wrapper {
position: relative;
input[type=range] {
width: 100%;
/*accent-color: #00BC7D;*/
+ div {
position: absolute;
top: -40px;
background: #00154A;
padding: 5px 5px;
border-radius: 8px;
span {
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 22px;
line-height: 1;
text-align: center;
color: #FFFFFF;
&:after {
content: " ";
width: 20px;
height: 20px;
display: block;
position: absolute;
background: #00154A;
rotate: 45deg;
bottom: -2px;
left: calc(50% - 10px);
z-index: -1;
}
}
}
}
.slider-labels {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 10px;
span {
font-family: var(--wp--preset--font-family--noto-serif);
font-weight: 400;
font-size: 18px;
line-height: 1;
}
}
}
/* SLIDER */
input[type=range] {
height: 35.2px;
-webkit-appearance: none;
}
/*progress support*/
input[type=range].slider-progress {
--range: calc(var(--max) - var(--min));
--ratio: calc((var(--value) - var(--min)) / var(--range));
--sx: calc(0.5 * 26px + var(--ratio) * (100% - 26px));
}
input[type=range]:focus {
outline: none;
}
/*webkit*/
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
width: 26px;
height: 26px;
border-radius: 16px;
background: #FFFFFF;
border: 2px solid #13305F;
box-shadow: 0 4px 4px #94929240;
margin-top: calc(8px * 0.5 - max(26px * 0.5, 2px));
}
input[type=range]::-webkit-slider-runnable-track {
height: 8px;
border: none;
border-radius: 4px;
background: #307FE24D;
box-shadow: none;
}
input[type=range]::-webkit-slider-thumb:hover {
background: #FFFFFF;
}
input[type=range]:hover::-webkit-slider-runnable-track {
background: #e5e5e5;
}
input[type=range]::-webkit-slider-thumb:active {
background: #FFFFFF;
}
input[type=range]:active::-webkit-slider-runnable-track {
background: #f5f5f5;
}
input[type=range].slider-progress::-webkit-slider-runnable-track {
background: linear-gradient(#00BC7D, #00BC7D) 0/var(--sx) 100% no-repeat, #307FE24D;
}
input[type=range].slider-progress:hover::-webkit-slider-runnable-track {
background: linear-gradient(#00BC7D, #00BC7D) 0/var(--sx) 100% no-repeat, #e5e5e5;
}
input[type=range].slider-progress:active::-webkit-slider-runnable-track {
background: linear-gradient(#00BC7D, #00BC7D) 0/var(--sx) 100% no-repeat, #f5f5f5;
}
/*mozilla*/
input[type=range]::-moz-range-thumb {
width: max(calc(26px - 2px - 2px), 0px);
height: max(calc(26px - 2px - 2px), 0px);
border-radius: 16px;
background: #FFFFFF;
border: 2px solid #13305F;
box-shadow: 0 4px 4px #94929240;
}
input[type=range]::-moz-range-track {
height: 8px;
border: none;
border-radius: 4px;
background: #307FE24D;
box-shadow: none;
}
input[type=range]::-moz-range-thumb:hover {
background: #FFFFFF;
}
input[type=range]:hover::-moz-range-track {
background: #e5e5e5;
}
input[type=range]::-moz-range-thumb:active {
background: #FFFFFF;
}
input[type=range]:active::-moz-range-track {
background: #f5f5f5;
}
input[type=range].slider-progress::-moz-range-track {
background: linear-gradient(#00BC7D, #00BC7D) 0/var(--sx) 100% no-repeat, #307FE24D;
}
input[type=range].slider-progress:hover::-moz-range-track {
background: linear-gradient(#00BC7D, #00BC7D) 0/var(--sx) 100% no-repeat, #e5e5e5;
}
input[type=range].slider-progress:active::-moz-range-track {
background: linear-gradient(#00BC7D, #00BC7D) 0/var(--sx) 100% no-repeat, #f5f5f5;
}
/*ms*/
input[type=range]::-ms-fill-upper {
background: transparent;
border-color: transparent;
}
input[type=range]::-ms-fill-lower {
background: transparent;
border-color: transparent;
}
input[type=range]::-ms-thumb {
width: 26px;
height: 26px;
border-radius: 16px;
background: #FFFFFF;
border: 2px solid #13305F;
box-shadow: 0 4px 4px #94929240;
margin-top: 0;
box-sizing: border-box;
}
input[type=range]::-ms-track {
height: 8px;
border-radius: 4px;
background: #307FE24D;
border: none;
box-shadow: none;
box-sizing: border-box;
}
input[type=range]::-ms-thumb:hover {
background: #FFFFFF;
}
input[type=range]:hover::-ms-track {
background: #e5e5e5;
}
input[type=range]::-ms-thumb:active {
background: #FFFFFF;
}
input[type=range]:active::-ms-track {
background: #f5f5f5;
}
input[type=range].slider-progress::-ms-fill-lower {
height: 8px;
border-radius: 4px 0 0 4px;
margin: 0;
background: #00BC7D;
border: none;
border-right-width: 0;
}
input[type=range].slider-progress:hover::-ms-fill-lower {
background: #00BC7D;
}
input[type=range].slider-progress:active::-ms-fill-lower {
background: #00BC7D;
}
}
#in-this-article {
list-style: none;
margin: 0;
padding: 0;
li {
border-bottom: 1px solid #00000033;
padding: 10px 0 15px 0;
a {
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 20px;
line-height: 100%;
&:hover {
color: #0f3e92 !important;
}
}
}
}
#premier-article-main-content {
row-gap: 15px;
article {
h2 {
font-size: var(--wp--preset--font-size--custom-5);
font-weight: 600;
color: #094e44;
}
}
aside {
h2 {
font-size: 24px !important;
color: #0F172B;
max-width: 100%;
outline: none;
}
ul {
max-width: 100%;
}
.article-cta-sidebar {
max-width: 100%;
}
}
@media (max-width: 991px) {
flex-flow: column-reverse wrap !important;
margin-top: 0;
> .wp-block-column:last-child{
flex-basis: unset !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.article-cta-sidebar {
flex-flow: nowrap;
& * {
text-align: left;
}
.wp-block-buttons-is-layout-flex {
flex: 0 0 240px;
max-width: 240px;
}
}
}
}
#premier-article-related-articles {
.related-articles {
h2 {
font-size: 24px !important;
color: #0F172B;
}
.wp-block-group {
min-height: 100%;
h3 {
font-size: 18px !important;
+ p {
margin-top: auto;
font-size: 16px !important;
a {
display: flex;
align-items: center;
line-height: 1.4;
img {
margin-left: 10px;
}
}
}
}
}
@media (max-width: 767px) {
overflow-x: scroll;
padding-bottom: 30px!important;
margin-bottom: 15px!important;
> .wp-block-columns{
flex-wrap: nowrap !important;
width: max-content;
}
}
}
& > .wp-block-column:nth-child(2) {
@media (max-width: 991px) {
display: none;
}
}
}
#premier-more-articles {
.more-articles {
.wp-block-column:not(.wp-block-group) {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
h3 {
margin-bottom: 20px;
}
p {
a {
display: flex;
align-items: center;
line-height: 1.4;
img {
margin-left: 10px;
}
}
}
}
.more-articles-cta {
& > .wp-block-group {
width: 100%;
}
.wp-block-buttons {
width: 100%;
.wp-block-button {
flex: 0 0 100%;
max-width: 270px;
}
}
}
}
}
#why-choose-us {
@media (max-width: 781px) {
padding: 15px !important;
#why-choose-us-table {
display: flex;
flex-direction: column;
gap: 15px;
#why-choose-us-table__header {
display: none !important;
~ div:not(.wp-block-buttons) {
border: 1px solid #C4CBD9;
border-radius: 12px;
gap: 0;
.wp-block-column {
&:first-child {
padding: 15px !important;
border-bottom: 1px solid #C4CBD9;
}
> .wp-block-group {
> .wp-block-group {
padding: 10px !important;
&.has-background {
border-radius: 0px 0px 0px 12px;
border-right: 1px solid #C4CBD9;
figure:after {
content: "Premier Disability";
font-size: 14px;
}
}
&:not(.has-background) {
border-radius: 0px 0px 12px 0px;
figure:after {
content: "Others";
font-size: 14px;
}
}
figure {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
}
}
}
}
}
}
.why-choose-us-table-footer {
flex-flow: column;
width: max-content;
align-items: flex-start;
margin: 0 auto 20px !important;
gap: 10px;
}
h3 {
font-size: clamp(24px, 2vw, 28px);
}
}
}
#state-stats {
table{
table-layout: unset;
}
thead {
border: none;
th {
background: #F5F5F5;
border: none;
color: #6A7282;
font-weight: 400;
font-size: 16px;
line-height: 100%;
padding: 15px 20px;
&:first-child {
border-radius: 12px 0 0 12px;
text-align: left;
}
&:last-child {
border-radius: 0 12px 12px 0;
}
}
@media (max-width: 767px) {
display: none;
}
}
tbody {
tr {
border-bottom: 1px solid #CAD5E2;
td {
border: none;
text-align: center;
&:first-child{
text-align: left;
padding-left: 15px;
}
}
}
@media (max-width: 767px) {
display: flex;
flex-direction: column;
width: 100%;
border: none;
gap: 15px;
tr{
border: 1px solid #CAD5E2;
background: #fff;
border-radius: 12px;
padding: 20px 15px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
row-gap: 15px;
td{
width: 50%;
padding: 0;
text-align: left;
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 18px;
line-height: 1;
&:first-child{
width: 100%;
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 20px;
line-height: 1.2;
margin-bottom: 5px;
padding-left: 0px;
}
&:nth-child(2) {
display: flex;
flex-direction: column;
row-gap: 5px;
&:before {
content: "Hearing Wait Time (Months)";
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 14px;
line-height: 1;
color: #6A7282;
}
}
&:nth-child(3) {
display: flex;
flex-direction: column;
row-gap: 5px;
&:before {
content: "Cases pending";
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 14px;
line-height: 1;
color: #6A7282;
}
}
&:nth-child(4) {
display: flex;
flex-direction: column;
row-gap: 5px;
&:before {
content: "Processing Time (Days)";
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 14px;
line-height: 1;
color: #6A7282;
}
}
&:nth-child(5) {
display: flex;
flex-direction: column;
row-gap: 5px;
&:before {
content: "Approval Rate";
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 14px;
line-height: 1;
color: #6A7282;
}
}
}
}
}
}
&.state-info {
tbody {
tr {
td {
&:first-child {
text-align: center;
@media (max-width: 767px) {
text-align: left;
}
}
}
}
}
}
}
.page-template-state{
.entry-content{
& > h2{
font-weight: 600!important;
font-size: 28px!important;
line-height: 100%!important;
}
}
#state-stats{
tbody {
tr {
td {
}
}
@media (max-width: 767px) {
tr{
padding-block: 30px;
td{
&:first-child{
&:before {
display: block;
margin-bottom: 10px;
content: 'Hearing Office';
font-size: 14px;
font-weight: 700;
color: #094E44;
line-height: 1.2;
}
}
&:nth-child(2) {
&:before {
content: "Hearing Wait Time (Months)";
}
}
&:nth-child(3) {
&:before {
content: "Approval Rate";
}
}
&:nth-child(4) {
&:before {
}
}
&:nth-child(5) {
&:before {
}
}
}
}
}
}
}
}
#state-sidebar {
@media (max-width: 1275px) {
display: none !important;
}
}
#state-average {
@media (max-width: 781px) {
padding-inline: 0 !important;
box-shadow: none !important;
}
#state-time-average {
h2 {
@media (max-width: 781px) {
margin: 0 auto 10px;
text-align: center;
font-size: 24px !important;
}
}
h3 {
@media (max-width: 781px) {
text-align: center;
font-size: 20px !important;
}
}
p {
@media (max-width: 781px) {
&:first-child {
font-size: 36px !important;
}
&:last-child {
font-size: 24px !important;
}
}
}
.wp-block-columns {
row-gap: 15px;
@media (min-width: 782px) {
flex-wrap: wrap !important;
}
.wp-block-column {
@media (max-width: 781px) {
display: flex;
justify-content: center;
}
}
.wp-block-group {
display: flex;
align-items: center;
p:first-child {
font-size: 32px !important;
color: #094e44;
}
p:last-child {
font-size: 24px !important;
color: #094e44;
}
@media (max-width: 781px) {
width: fit-content !important;
}
}
}
@media (max-width: 1275px) {
.state-name-for-average {
flex-basis: 110px !important;
}
}
@media (max-width: 991px) {
.wp-block-columns {
flex-flow: column;
text-align: center;
.wp-block-column {
flex-basis: auto !important;
}
}
}
@media (max-width: 781px ) {
margin-block-end: 20px;
.wp-block-columns {
padding-block: 12px;
}
}
}
#national-time-average {
@media (max-width: 781px) {
display: flex;
flex-direction: column;
margin-block-end: 20px;
}
h2 {
@media (max-width: 781px) {
text-align: center;
}
}
@media (min-width: 768px) {
flex-wrap: nowrap !important;
}
h3 {
font-size: 18px !important;
font-weight: 600;
@media (min-width: 782px) {
color: transparent !important;
}
}
.wp-block-columns {
row-gap: 15px;
@media (min-width: 782px) {
/*flex-wrap: wrap !important;*/
}
.wp-block-column {
.wp-block-columns {
@media (max-width: 781px) {
justify-content: center;
}
}
}
.wp-block-group {
p {
font-size: 20px !important;
color: #094e44;
}
}
}
}
}
#premier-medical-condition {
.accdient-national-average {
@media (min-width: 1440px) {
justify-content: space-between
}
@media (min-width: 768px) and (max-width: 991px) {
flex-flow: row nowrap;
justify-content: space-around;
& > p {
max-width: 105px;
}
}
@media (max-width: 767px) {
box-shadow: none !important;
padding: 0px !important;
& > .wp-block-group {
padding: 20px 10px !important;
width: 100%;
}
}
}
.state-accident-table {
table {
thead {
tr {
th {
font-size: 16px;
color: #6A7282;
font-weight: 400;
background-color: #F5F5F5;
&:first-child {
padding-left: 20px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
&:last-child {
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
}
}
}
tbody {
tr {
td {
font-size: 18px;
color: #0F172B;
font-weight: 400;
border-bottom: 1px solid #CAD5E2;
&:first-child {
padding-left: 20px;
}
}
}
}
}
@media (max-width: 767px) {
margin-top: 15px !important;
}
}
}
#states-map {
#text-abb {
display: none !important;
}
}
.careers-title {
@media (max-width: 781px) {
text-align: center !important;
}
}
#careers-cta {
@media (max-width: 781px) {
flex-wrap: wrap;
}
#careers-cta__gradient {
@media (min-width: 781px) and (max-width: 1119px) {
flex-basis: 70%;
}
@media (max-width: 1120px) {
flex-wrap: wrap;
text-align: center;
}
}
}
.wp-block-embed-vimeo {
iframe {
border-radius: 8px;
}
}
#premier-topbar {
padding-block: 6px !important;
.wp-block-group {
> p {
a {
display: inline-flex;
align-items: center;
gap: 7px;
}
}
}
+ .wp-container-2 {
margin-block-start: 0;
}
}
#affiliate_area{
display: flex;
justify-content: space-between;
gap: 20px;
position: relative;
@media (max-width: 991px) {
flex-direction: column;
margin: 15px 0;
}
.affwp-errors, .affwp-notice{
position: absolute;
right: 0;
top: 0;
}
#affwp-register-form{
max-width: 100%;
background: #EBF3FC;
border-radius: 12px;
margin: 0;
padding: 40px 0;
@media (min-width: 992px) {
width: 60%;
}
fieldset{
margin: 0;
padding: 0;
legend{
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 700;
font-size: 24px;
line-height: 1.4;
text-align: center;
margin-bottom: 15px;
color: #094E44;
}
p{
padding: 0 15px;
&:last-child{
display: flex;
justify-content: center;
}
label{
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 22px;
line-height: 100%;
margin: 25px 0 15px 0;
display: block;
}
input[type="text"], input[type="email"], textarea{
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 18px;
line-height: 24px;
background: #fff;
border-radius: 10px;
border: 2px solid #0F172B80;
padding: 15px;
@media (min-width: 992px) {
padding: 20px;
}
}
input[type="submit"]{
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 700;
font-size: 22px;
line-height: 24px;
text-align: center;
background: #122F5E;
padding: 20px 60px;
width: 100%;
max-width: 320px;
border-radius: 10px;
color: #fff;
&:after{
content: url('data:image/svg+xml,');
height: 18px;
width: 18px;
}
}
}
}
}
#affwp-login-form{
flex: 1;
background: #EBF3FC;
border-radius: 12px;
padding: 40px 15px;
margin-top: 0;
@media (min-width: 992px) {
max-width: 370px;
}
fieldset{
legend{
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 700;
font-size: 24px;
line-height: 1.4;
text-align: center;
margin-bottom: 15px;
color: #094E44;
}
p{
label{
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 22px;
line-height: 100%;
margin: 25px 0 15px 0;
display: block;
}
input[type="text"], input[type="password"]{
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 18px;
line-height: 24px;
background: #fff;
border-radius: 10px;
border: 2px solid #0F172B80;
padding: 20px;
}
}
input[type="submit"]{
display: block;
margin: 0 auto;
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 700;
font-size: 22px;
line-height: 24px;
text-align: center;
background: #122F5E;
padding: 20px 60px;
border-radius: 10px;
color: #fff;
width: 100%;
max-width: 320px;
}
.affwp-lost-password{
text-align: center;
}
}
}
}
#premier-state-stats-national-avg{
@media (max-width: 767px) {
flex-wrap: wrap!important;
justify-content: center;
box-shadow: none!important;
h2{
flex: 1 1 100%;
text-align: center;
}
}
}
#award-wait-map {
/* palette */
--ink: #1c2b30;
--muted: #4f6168;
--brand: #094E44;
--accent: #f65d26;
--accent-deep:#b8431a;
--line: #d6dcde;
--field: #fbfcfc;
--no-data: #e4e7e9;
/* choropleth ramp (low -> high) */
--c1:#D0E2FF; --c2:#A0C5FF; --c3:#7AADFF; --c4:#5081CF; --c5:#1A4B99;
box-sizing: border-box;
margin: 0 auto;
}
#award-wait-map *,
#award-wait-map *::before,
#award-wait-map *::after { box-sizing: border-box; }
/* ---------- header ---------- */
#award-wait-map .awm-head {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: center;
.awm-titles{
display: none;
}
}
#award-wait-map .awm-controls {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 12px;
}
/* segmented tabs */
#award-wait-map .awm-tabs {
display: inline-flex;
padding: 0;
background: #F6F6F6;
border: 1px solid #CCCCCC;
border-radius: 8px;
}
#award-wait-map .awm-tab {
appearance: none;
border: 0;
background: transparent;
color: var(--muted);
padding: 9px 18px;
cursor: pointer;
transition: background-color .18s ease, color .18s ease;
font-weight: 400;
font-size: 14px;
line-height:1;
}
#award-wait-map .awm-tab:hover { color: var(--brand); }
#award-wait-map .awm-tab.is-active {
background: var(--brand);
border: 1px solid var(--brand);
color: #fff;
border-radius: 0 8px 8px 0;
&:first-child{
border-radius: 8px 0 0 8px;
}
}
#award-wait-map .awm-tab:focus-visible {
outline: 3px solid var(--accent);
outline-offset: 2px;
}
/* ---------- stage: legend + map ---------- */
#award-wait-map .awm-stage {
display: flex;
gap: 28px;
margin-top: 28px;
align-items: flex-start;
}
/* legend */
#award-wait-map .awm-legend {
flex: 0 0 auto;
width: 168px;
padding-top: 4px;
}
#award-wait-map .awm-legend-title {
margin: 0 0 12px;
font-size: 16px;
font-weight: 400;
color: #000000;
}
#award-wait-map .awm-legend-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 9px;
}
#award-wait-map .awm-legend-row {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
color: var(--ink);
}
#award-wait-map .awm-swatch {
flex: 0 0 auto;
width: 10px;
height: 90px;
border-radius: 3px;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
}
/* map */
#award-wait-map .awm-mapwrap {
position: relative;
flex: 1 1 auto;
min-width: 0;
width: 100%;
}
#award-wait-map .awm-map {
display: block;
width: 100%;
height: auto;
}
@media (prefers-reduced-motion: no-preference) {
#award-wait-map .awm-map { animation: awm-fade .5s ease both; }
}
@keyframes awm-fade { from { opacity: 0; } to { opacity: 1; } }
#award-wait-map .awm-state {
stroke: #ffffff;
stroke-width: 0.75;
stroke-linejoin: round;
cursor: pointer;
transition: fill .28s ease;
}
#award-wait-map .awm-state.no-data {
fill: var(--no-data);
cursor: default;
pointer-events: none;
}
#award-wait-map .awm-state.is-selected { fill: var(--accent) !important; }
#award-wait-map .awm-state:focus { outline: none; }
#award-wait-map .awm-outline {
fill: none;
pointer-events: none;
stroke-linejoin: round;
visibility: hidden;
}
#award-wait-map .awm-outline.hover { stroke: var(--brand); stroke-width: 2; }
#award-wait-map .awm-outline.focus { stroke: var(--brand); stroke-width: 2.5; }
@media (prefers-reduced-motion: reduce) {
#award-wait-map .awm-state,
#award-wait-map .awm-tab { transition: none; }
#award-wait-map .awm-map { animation: none; }
}
/* tooltip (pointer devices only) */
#award-wait-map .awm-tooltip {
position: absolute;
z-index: 5;
width: fit-content;
padding: 12px 14px;
background: #094E44D9;
border: none;
border-radius: 8px;
box-shadow: 0 6px 22px rgba(13, 74, 89, .18);
pointer-events: none;
opacity: 0;
transform: translateY(2px);
transition: opacity .14s ease, transform .14s ease;
}
#award-wait-map .awm-tooltip.is-visible { opacity: 1; transform: translateY(0); }
#award-wait-map .awm-tt-name {
margin: 0 0 2px;
color: #fff;
font-family: var(--wp--preset--font-family--noto-serif);
font-weight: 600;
font-size: 24px;
line-height: 1.6;
}
#award-wait-map .awm-tt-stat {
margin: 0;
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-style: Regular;
font-size: 20px;
line-height: 1.6;
color: #fff;
b {
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 700;
font-size: 20px;
line-height: 1.6;
text-transform: capitalize;
+ div{
margin-top: 15px;
}
}
p{
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 16px;
line-height: 24px;
line-height: 1;
display: flex;
align-items: flex-start;
gap: 10px;
&:after{
content: url('data:image/svg+xml,');
color: #fff;
width: 11px;
height: 11px;
display: block;
}
}
}
@media (hover: none) {
#award-wait-map .awm-tooltip {
display: none;
}
}
/* ---------- mobile state picker + dark info card (mobile only) ---------- */
#award-wait-map .awm-touch { display: none; }
#award-wait-map .awm-select {
appearance: none;
width: 100%;
font: inherit;
font-size: 18px;
font-weight: 700;
color: #000000;
letter-spacing: -0.5px;
background-color: #fff;
border: 1px solid var(--line);
border-radius: 12px;
padding: 20px 48px 20px 18px;
cursor: pointer;
box-shadow: 0 1px 3px rgba(13,74,89,.08);
/* chevron drawn inline so the file stays asset-free */
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%230d4a59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 18px center;
}
#award-wait-map .awm-select:focus-visible {
outline: none;
}
#award-wait-map .awm-panel {
margin-top: 14px;
padding: 20px;
background: var(--brand);
color: #fff;
border-radius: 12px;
}
#award-wait-map .awm-panel[hidden] { display: none; }
#award-wait-map .awm-panel-name {
margin: 0 0 6px;
font-size: 24px;
font-weight: 800;
line-height: 1.15;
}
#award-wait-map .awm-panel-stat {
margin: 0 0 20px;
font-size: 17px;
font-weight: 400;
color: rgba(255,255,255,.92);
}
#award-wait-map .awm-panel-stat b { font-weight: 800; color: #fff; }
#award-wait-map .awm-cta {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: #fff;
color: #0F172B;
text-decoration: none;
font-weight: 700;
font-size: 20px;
line-height: 1.4;
padding: 20px 15px;
border-radius: 10px;
transition: background-color .16s ease, transform .12s ease;
}
#award-wait-map .awm-cta:hover { background: #eef3f4; }
#award-wait-map .awm-cta:active { transform: translateY(1px); }
#award-wait-map .awm-cta:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
#award-wait-map .awm-cta svg { width: 18px; height: 18px; flex: 0 0 auto; }
/* ---------- source line ---------- */
#award-wait-map .awm-source {
margin: 22px 0 0;
font-size: 13px;
color: #000000;
@media (max-width: 991px) {
text-align: center;
}
}
/* ---------- responsive ---------- */
@media (max-width: 991px) {
#award-wait-map { padding: 16px; }
#award-wait-map .awm-stage { flex-direction: column; gap: 16px; margin-top: 18px; }
#award-wait-map .awm-legend-list {
flex-direction: row;
flex-wrap: wrap;
gap: 8px 16px;
justify-content: space-between;
}
#award-wait-map .awm-mapwrap { order: 1; }
#award-wait-map .awm-legend { order: 2; width: 100%; }
#award-wait-map .awm-legend-row {
flex-direction: column;
flex: 1;
}
#award-wait-map .awm-tabs { align-self: flex-start; }
#award-wait-map .awm-swatch{
width: 100%;
height: 12px;
}
}
@media (max-width: 767px) {
/* mobile state picker + info card */
#award-wait-map { padding: 0px; }
#award-wait-map .awm-touch {
display: block;
margin-top: 18px;
}
#award-wait-map .awm-touch:not(:has([hidden])) {
padding: 2px;
border-radius: 12px;
background-color: var(--brand);
}
}
/* visually-hidden helper for screen-reader labels */
#award-wait-map .awm-sr {
position: absolute !important;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden; clip: rect(0 0 0 0);
white-space: nowrap; border: 0;
}
.phcf-state-field{
label{
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 22px;
line-height: 100%;
text-align: left;
display: block;
margin-bottom: 10px;
}
#phcf-state{
border: 2px solid #0F172B;
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 22px;
line-height: 24px;
padding: 15px;
border-radius: 10px;
width: 100%;
-webkit-appearance: none;
appearance: none;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: calc(100% - 20px) center;
}
}
.phcf-price-field{
display: flex;
flex-wrap: wrap;
gap: 10px;
.phcf-legend{
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 22px;
line-height: 1;
text-align: left;
display: block;
width: 100%;
}
.phcf-check{
border: 2px solid #0F172B;
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 18px;
line-height: 1.2;
padding: 15px;
border-radius: 10px;
width: 100%;
background: #fff;
text-align: center;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
flex: 1 1;
min-width: fit-content;
@media (min-width: 768px) {
width: 44%;
min-width: 275px;
}
@media (min-width: 785px) {
justify-content: center;
}
input{
width: 24px;
height: 24px;
accent-color: #00154A;
outline: none;
}
}
}
#phcf-results-list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 15px;
> *{
border-radius: 6px;
border: 1px solid #818DA2;
padding: 12px;
margin: 0;
width: 100%;
display: flex;
align-items: center;
gap: 10px;
@media (min-width: 768px) {
width: 45%;
}
&:before{
content: url('data:image/svg+xml,');
height: 24px;
width: 24px;
}
}
.phcf-clinic-loc{
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 700;
font-size: 18px;
line-height: 100%;
display: block;
margin-bottom: 5px;
}
.phcf-clinic-name{
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 22px;
line-height: 1.2;
display: block;
}
}
.single-clinic{
p > img{
max-width: 100%;
}
}
.about-us-tablet-bp {
@media (max-width: 991px) {
flex-wrap: wrap !important;
& > .wp-block-column:not(.hero-container) {
flex-basis: 100% !important;
}
.win-guarantee {
h2 {
text-align: center;
}
}
.hero-container {
max-width: 624px;
margin-inline: auto;
}
p {
text-align: center;
}
h3 + p {
text-align: left;
}
}
}
.about-us-hero-text {
@media (min-width: 768px) {
width: 100%;
max-width: 525px;
margin-left: -25px;
}
@media (max-width: 767px) {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
p {
span {
display: block;
font-size: 16px;
}
}
}
}
.win-guarantee-list {
figure {
width: 100%;
max-width: 64px;
}
}
.about-us-reviews-slider{
position: relative;
&::after{
content: " ";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 75px;
background: linear-gradient(90deg, transparent 0%, #fff 50%);
}
.premier-reviews-slider__text{
order: 2;
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #45556C;
font-style: normal;
}
.premier-reviews-slider__author{
.premier-reviews-slider__name{
font-family: var(--wp--preset--font-family--noto-serif);
font-weight: 700;
font-size: 24px;
line-height: 28px;
color: #0F172B;
letter-spacing: -0.45px;
span{
font-family: var(--wp--preset--font-family--noto-sans);
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #1C398E;
letter-spacing: -0.31px;
@media (max-width: 767px) {
display: block;
}
}
}
}
}
#premier-calculator-cta{
display: none;
.wp-block-button{
flex-basis: 335px;
}
}
#premier-testimonial-cta{
.wp-block-column{
&:first-child {
@media (min-width: 782px){
/*flex-basis: 100%!important;*/
}
}
+ .wp-block-column{
/*flex-basis: auto;*/
}
}
@media (max-width: 1280px){
.wp-block-button{
flex: 1 1 100%;
}
}
}
.success-stories_verified{
p{
display: flex;
align-items: center;
gap: 3px;
padding-top: 5px;
}
}
/* ===== "In This Article" ===== */
#premier-article-main-content > .wp-block-column:last-child .pd-toc-icon { display: none; }
@media (max-width: 991px) {
#premier-article-main-content > .wp-block-column:last-child .pd-toc-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
#premier-article-main-content > .wp-block-column:last-child .pd-toc-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 1.4em;
height: 1.4em;
font-size: 1.1em;
font-weight: 700;
line-height: 1;
border: 2px solid #094E44;
border-radius: 50%;
color: #094E44;
height: 20px;
width: 20px;
}
#premier-article-main-content > .wp-block-column:last-child .pd-toc-icon::before { content: "+"; }
#premier-article-main-content > .wp-block-column:last-child .pd-toc-heading.is-open .pd-toc-icon::before { content: "\2212"; } /* − */
#premier-article-main-content > .wp-block-column:last-child #in-this-article { display: none; }
#premier-article-main-content > .wp-block-column:last-child .pd-toc-heading.is-open + #in-this-article { display: block; }
#premier-article-main-content > .wp-block-column:last-child .pd-toc-heading:focus-visible {
outline: 2px solid #0f3e92;
outline-offset: 2px;
}
}
@media (min-width: 992px) {
#premier-article-main-content > .wp-block-column:last-child #in-this-article { display: block; }
}
@media (max-width: 767px) {
.premier-evaluation-journey{
> .wp-block-group{
padding: 15px!important;
}
}
}