/*
Theme Name: Site - besthearingcaretoday
Theme URI: https://cdn.wcn.dev/canvas/canvas/
Author: West County Net
Author URI: https://www.westcounty.com
Description: A foundational starting point theme that uses the full site editor.
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.4
Version: 1.0.0
Template: canvas
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wcncanvas
Tags: full, site, editing, customizable, editable
*/

/* :root {
  --wp--preset--font-family--abril-titling-regular: "abril-titling", serif;
} */

body { background-color: rgb(255, 255, 255); }
* { box-sizing: border-box; }
img { display: block; outline: none; border: none; max-width: 100%; height: auto; }
.lp-centered { text-align: center; }
.lp-centered img { margin-left: auto; margin-right: auto; }
.container { max-width: 900px; }
.container-lg { max-width: 1280px; }
.container-fluid,
.container,
.container-lg { margin-right: auto; margin-left: auto; }
.container-lg,
.container,
.container-fluid { padding-right: 15px; padding-left: 15px; }
@media (min-width:525px) {
.container-lg,
.container,
.container-fluid { padding-right: 15px; padding-left: 15px; }
}
.row { box-sizing: border-box; display: flex; -webkit-box-flex: 0; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; margin: 0px -15px; }
.row.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }
.lp-col.reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }
.lp-col { flex-direction: column; }
.lp-flex { display: flex; }
.lp-box { flex-direction: column; }
.lp-btn { min-width: 160px; }
.lp-promo-btn { display: inline-block; max-width: 100%; }
.lp-promo-btn span { display: block; }
.wcn-location-info { display: block; font-size: 32px; }
.no-break { display: inline-block; }
.object-fit-cover { object-fit: cover; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); }
.photo-wrapper { position: relative; overflow: hidden; box-sizing: border-box; }
.lp-image-styled { box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 12px; border-radius: 15px; }
.lp-subsection-outer { display: flex; align-items: center; }
.main { padding-bottom: 60px; }
.sb-blogcategories { display: none; }
.lp-banner .container { position: relative; }
.lp-banner h2 { color: rgb(255, 255, 255); font-size: 34px; font-weight: normal; }
.lp-heading-img-wrap { position: absolute; right: 40px; bottom: -140px; max-width: 400px; z-index: 2; }
.lp-heading-img { background: rgb(255, 255, 255); overflow: hidden; border-radius: 15px; filter: drop-shadow(rgba(0, 0, 0, 0.15) 2px 2px 15px); box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 15px; }
.lp-heading-img * { margin: 0px; }
.lp-heading-img img { width: auto; }
.lp-heading-img p { margin: 0px; }
@media screen and (max-width:991px) {
.lp-heading-img-wrap { position: unset; margin-bottom: 40px; }
}
h2 span.lp-h2-title { font-size: 20px; }
.lp-breadcrumbs { background: rgb(255, 255, 255); padding: 20px 0px; border-bottom: 2px dashed rgb(245, 245, 245); }
.lp-breadcrumbs ul { margin: 0px; padding: 0px; }
.lp-breadcrumbs ul li { margin: 0px; display: inline-block; list-style-type: none; font-size: 19px; color: var(--lp-color-text); }
.lp-breadcrumbs ul li a { font-size: 19px; color: var(--wp--preset--color--primary); font-weight: bold; text-decoration: underline; }
.lp-breadcrumbs a,
.lp-breadcrumbs a:link,
.lp-breadcrumbs a:visited { color: var(--wp--preset--color--primary); font-weight: 500; border: 0px !important; }
.lp-breadcrumbs a:hover,
.lp-breadcrumbs a:focus { color: var(--lp-color-highlight); }
.lp-breadcrumbs li i.wcn-single-icon { margin: 0px 5px 0px 7px; height: 9px; width: 9px; background-color: var(--lp-color-text); }
.lp-breadcrumbs li i.wcn-single-icon fill { color: var(--lp-color-text); }
.lp-breadcrumbs li:last-of-type::after { content: ""; }
@media (max-width:767px) {
.lp-breadcrumbs * { font-size: 16px; }
}
.lp-testimonials .col-md-12 { position: relative; }
.lp-testimonials .lp-testimonial { background: rgb(246, 246, 246); }
.lp-testimonials i.wcn-single-icon { background-color: rgb(119, 103, 142); width: 75px; opacity: 0.3; position: absolute; z-index: 2; }
.ask-doctor-videos a { margin: 0px; }
.ask-doctor-videos h4 { margin-top: 30px; }
.ask-doctor-videos .row { padding-bottom: 20px; }
.ask-doctor-videos .row.videos-section { padding: 0px; }
.howto-video-tile .tile-title { font-size: 1.8rem; font-weight: 700; color: rgb(124, 129, 128); padding: 1rem 0px; }
.howto-video-tile .cta-image { position: relative; max-width: 400px; }
.howto-video-tile .cta-image .cta-tile-image { border: 2px solid rgb(221, 221, 221); margin: 15px auto; }
.howto-video-tile .modal { padding-right: 0px !important; }
.howto-video-tile .vid-container { padding: 0px 0px 56.25%; background-color: black; margin: auto !important; }
.howto-video-tile .cta-image:hover .play-icon { opacity: 1; }
#main-content .howto-video-tile .cta-image a:hover { opacity: 1; }
.howto-video-tile .play-icon { background-color: rgba(255, 255, 255, 0.8); }
@media (min-width:600px) {
.howto-video-tile .play-icon { width: 80px; height: 80px; }
.howto-video-tile .play-icon::after { border-top-width: 20px; border-bottom-width: 20px; border-left-width: 35px; }
}
@media (min-width:840px) {
.howto-video-tile .vid-container { background-color: black; margin: auto !important; }
}
@media (min-width:992px) {
.howto-video-tile .tile-title { font-size: 2.2rem; }
}
.play-icon { margin: 0px; opacity: 0; position: absolute; top: 50%; left: 50%; width: 90px; height: 90px; border-radius: 50%; text-decoration: none; border: 2px solid rgb(204, 204, 204); transition: all 0.25s ease 0s; text-indent: -9999px; direction: ltr; transform: translate(-50%, -50%); }
.play-icon::after { content: ""; display: block; width: 0px; height: 0px; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 50px solid rgb(30, 155, 233); transition: all 0.25s ease 0s; top: 50%; left: 55%; position: absolute; transform: translate(-50%, -50%); }
.play-icon:hover { display: block; }
.lp-cta-tiles .cta-tile-img { padding-top: 60%; }
.lp-cta-tiles .cta-tile { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 4px; border-radius: 4px; max-width: 400px; margin: 0px auto; height: 100%; display: flex; flex-direction: column; }
.lp-cta-tiles .cta-tile-img img { width: 100%; height: 100%; }
.lp-cta-tiles .tech-logo { margin: 20px auto 0px; height: 46px; width: auto; }
.lp-cta-tiles .cta-tile-info { padding: 20px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; flex-grow: 1; }
.cta-tile h5 { font-size: 29px; margin: 8px 0px; }
.lp-cta-tiles .col-md-4 { margin-bottom: 30px; }
section.lp-expanding-list .collapse { display: none; }
section.lp-expanding-list .expanding-list-item { background: rgb(255, 255, 255); border-radius: 15px; margin: 15px 0px; padding: 15px 30px 15px 15px; box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 12px; }
section.lp-expanding-list a { margin: 0px; }
section.lp-expanding-list a.lp-show-expanded { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; }
section.lp-expanding-list a.lp-show-expanded:hover { cursor: pointer; text-decoration: none !important; }
section.lp-expanding-list .expanding-list-item .expanding-arrow-up { display: none; }
section.lp-expanding-list .expanding-list-item.expanded .expanding-arrow-up { display: block; }
section.lp-expanding-list .expanding-list-item.expanded .expanding-arrow-down { display: none; }
section.lp-expanding-list .lp-expanding-list-text * { line-height: 1.5; }
section.lp-expanding-list hr { border-width: 2px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(196, 187, 208); width: 100%; opacity: 0.5; margin-bottom: 25px; margin-top: 15px; }
section.lp-expanding-list p { font-size: 17.5px; margin-top: 0px; line-height: 1.5; }
section.lp-expanding-list .expanding-list-item h6 { font-size: 23px; font-weight: 500; margin: 10px; }
section.lp-expanding-list a.lp-show-expanded:hover h6 { color: var(--wp--preset--color--primary); }
.lp-content-block { background: rgb(250, 250, 250); border-left: 3px solid rgb(228, 225, 234); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 20px -4px; border-radius: 15px; margin: 3em auto; padding: 10px 50px 15px; }
.lp-box { background: var(--wp--preset--color--primary); border-radius: 15px; }
.lp-box * { color: rgb(255, 255, 255); }
.lp-box .lp-phone { color: rgb(255, 255, 255); font-size: 32px; display: block; }
.lp-bottom-bar-bg { background-color: var(--wp--preset--color--primary); background-size: cover; background-position: center center; position: relative; padding: 50px 30px; }
.lp-bottom-bar-bg .container-lg { position: relative; z-index: 4; }
.lp-bottom-bar-bg * { color: rgb(255, 255, 255); }
.lp-bottom-bar-bg::after { content: ""; background: transparent; position: absolute; inset: 0px; width: 100%; height: 100%; z-index: 0; }
.lp-locations-list { background: var(--lp-color-ltgrey); padding-top: 50px; padding-bottom: 60px; }
.lp-locations-list .lp-location-item { padding: 40px 50px; margin-bottom: 30px; background: rgb(255, 255, 255); }
.lp-locations-list .lp-location-item h5 { font-size: 32px; }
.lp-locations-list .lp-address-wrap { display: flex; flex-wrap: wrap; }
.lp-locations-list .lp-localinfo-contact { display: block; padding: 0px; }
.lp-locations-list .lp-map { display: flex; align-items: center; }
.lp-locations-list .lp-map img { width: auto; }
.lp-locations-list .lp-ctas { padding: 0px; }
.lp-locations-list .lp-btn { display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; padding: 15px 30px; margin: 10px; }
.lp-event-sidebar .lp-event-sidebar-img { margin-top: 40px; }
.lp-event-sidebar .lp-schedule-appt-cta .phone-link { margin-bottom: 0px; }
.lp-event-sidebar hr { height: 0px; max-width: 90%; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgba(196, 187, 208, 0.75); margin: 30px auto; }
.lp-event-details-items-wrap { margin: 35px auto; max-width: 450px; }
.lp-event-details-item { padding: 20px 0px; border-top: 1px solid rgba(0, 0, 0, 0.15); }
.lp-event-details-item:first-of-type { padding-top: 0px; border: 0px; }
.lp-event-details-address p { margin: 0px; }
.lp-event-subsection-1,
.lp-event-subsection-2,
.lp-event-subsection-3 { margin: 45px 0px; }
.lp-event-subsection-1 { margin-top: 20px; }
.lp-event-subsection-3 { margin-bottom: 20px; }
@media (max-width:420px) {
.lp-event-details-img,
.lp-event-details-info { width: 100%; max-width: 100%; flex-basis: 100%; }
}
section.lp-styles-1 { padding-bottom: 50px; }
section.lp-styles-2 { background: var(--lp-color-ltgrey); padding: 45px 0px 60px; }
section.lp-bottom-list-nav { padding-top: 60px; }
section.lp-bottom-list-nav ul { list-style: none; }
section.lp-bottom-list-nav ul li { border-bottom: 1px solid rgba(196, 187, 208, 0.5); }
section.lp-bottom-list-nav ul li:last-of-type { border: none; }
section.lp-bottom-list-nav .bottom-list-title { text-align: right; }
section.lp-form-1 .lp-form-wrapper { width: 100%; max-width: 800px; margin: 0px auto; }
.lp-form-header { margin-bottom: 35px; }
.lp-form-header h2 { margin-top: 0px; }
.sb-form-schedule-appointment .sb-formfield { margin-top: 0px; margin-bottom: 26px; }
.sb-form-schedule-appointment legend { margin-bottom: 10px; font-weight: bold; }
.sb-form-schedule-appointment .sb-fieldset--additional-comments { margin-top: 10px; }
.sb-form-schedule-appointment .sb-fieldset--additional-comments legend { display: none; }
.sb-form-schedule-appointment label,
form label { text-align: left; margin-bottom: 4px; display: block; }
.sb-form-schedule-appointment input,
.sb-form-schedule-appointment textarea,
.sb-form-schedule-appointment select,
form input,
form textarea,
form select { display: block; position: relative; box-sizing: border-box; text-align: left; padding: 13px 20px; width: 100%; }
.lp-scheduling-modal .sb-form-schedule-appointment input,
.lp-scheduling-modal .sb-form-schedule-appointment textarea,
.lp-scheduling-modal .sb-form-schedule-appointment select { border: 1px solid grey; }
form .sb-formfield { width: 100%; }
form .sb-formfield--select-a-date-1,
form .sb-formfield--select-a-date-2 { width: 100%; }
.sb-form-schedule-appointment fieldset legend { padding-top: 10px; margin-bottom: 15px; text-align: left; }
.sb-form-schedule-appointment input.button,
form input.button { display: inline-block; width: auto; cursor: pointer; }
.sb-form-schedule-appointment .input-group,
form .input-group { position: relative; }
.input-group-addon { position: absolute; right: 15px; top: 15px; color: black; font-size: 24px; }
.sb-form-schedule-appointment .input-group.date .input-group-addon span { width: 21px; height: 28px; }
@media screen and (max-width:767px) {
.sb-form-schedule-appointment input.button { width: 100%; text-align: center; }
}
ul.errorlist li { font-weight: bold; }
.lp-next-step { padding: 45px 0px 60px; }
.lp-contact-us-bottom { padding: 45px 0px 60px; margin-bottom: -60px; }
.lp-professional-wrap { margin-bottom: 16px; margin-top: 16px; }
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 { flex-basis: 100%; max-width: 100%; padding: 0px 15px; }
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; flex: 0 0 auto; padding: 0px 15px; }
.col-xs { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0px; max-width: 100%; }
.col-xs-1 { flex-basis: 8.33333%; max-width: 8.33333%; }
.col-xs-2 { flex-basis: 16.6667%; max-width: 16.6667%; }
.col-xs-3 { flex-basis: 25%; max-width: 25%; }
.col-xs-4 { flex-basis: 33.3333%; max-width: 33.3333%; }
.col-xs-5 { flex-basis: 41.6667%; max-width: 41.6667%; }
.col-xs-6 { flex-basis: 50%; max-width: 50%; }
.col-xs-7 { flex-basis: 58.3333%; max-width: 58.3333%; }
.col-xs-8 { flex-basis: 66.6667%; max-width: 66.6667%; }
.col-xs-9 { flex-basis: 75%; max-width: 75%; }
.col-xs-10 { flex-basis: 83.3333%; max-width: 83.3333%; }
.col-xs-11 { flex-basis: 91.6667%; max-width: 91.6667%; }
.col-xs-12 { flex-basis: 100%; max-width: 100%; }
.col-xs-offset-0 { margin-left: 0px; }
.col-xs-offset-1 { margin-left: 8.33333%; }
.col-xs-offset-2 { margin-left: 16.6667%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-4 { margin-left: 33.3333%; }
.col-xs-offset-5 { margin-left: 41.6667%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-7 { margin-left: 58.3333%; }
.col-xs-offset-8 { margin-left: 66.6667%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-10 { margin-left: 83.3333%; }
.col-xs-offset-11 { margin-left: 91.6667%; }
.lp-start-xs { -webkit-box-pack: start; justify-content: flex-start; text-align: start; }
.lp-center-xs { -webkit-box-pack: center; justify-content: center; text-align: center; }
.lp-end-xs { -webkit-box-pack: end; justify-content: flex-end; text-align: end; }
.lp-top-xs { -webkit-box-align: start; align-items: flex-start; }
.lp-middle-xs { -webkit-box-align: center; align-items: center; }
.lp-bottom-xs { -webkit-box-align: end; align-items: flex-end; }
.lp-around-xs { justify-content: space-around; }
.lp-between-xs { -webkit-box-pack: justify; justify-content: space-between; }
.lp-first-xs { order: -1; }
.lp-last-xs { -webkit-box-ordinal-group: 2; order: 1; }
.lp-stretch { align-items: stretch; }
@media only screen and (min-width:768px) {
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-offset-0,
.col-sm-offset-1,
.col-sm-offset-2,
.col-sm-offset-3,
.col-sm-offset-4,
.col-sm-offset-5,
.col-sm-offset-6,
.col-sm-offset-7,
.col-sm-offset-8,
.col-sm-offset-9,
.col-sm-offset-10,
.col-sm-offset-11,
.col-sm-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 15px; padding-left: 15px; }
.col-sm { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0px; max-width: 100%; }
.col-sm-1 { flex-basis: 8.33333%; max-width: 8.33333%; }
.col-sm-2 { flex-basis: 16.6667%; max-width: 16.6667%; }
.col-sm-3 { flex-basis: 25%; max-width: 25%; }
.col-sm-4 { flex-basis: 33.3333%; max-width: 33.3333%; }
.col-sm-5 { flex-basis: 41.6667%; max-width: 41.6667%; }
.col-sm-6 { flex-basis: 50%; max-width: 50%; }
.col-sm-7 { flex-basis: 58.3333%; max-width: 58.3333%; }
.col-sm-8 { flex-basis: 66.6667%; max-width: 66.6667%; }
.col-sm-9 { flex-basis: 75%; max-width: 75%; }
.col-sm-10 { flex-basis: 83.3333%; max-width: 83.3333%; }
.col-sm-11 { flex-basis: 91.6667%; max-width: 91.6667%; }
.col-sm-12 { flex-basis: 100%; max-width: 100%; }
.col-sm-offset-0 { margin-left: 0px; }
.col-sm-offset-1 { margin-left: 8.33333%; }
.col-sm-offset-2 { margin-left: 16.6667%; }
.col-sm-offset-3 { margin-left: 25%; }
.col-sm-offset-4 { margin-left: 33.3333%; }
.col-sm-offset-5 { margin-left: 41.6667%; }
.col-sm-offset-6 { margin-left: 50%; }
.col-sm-offset-7 { margin-left: 58.3333%; }
.col-sm-offset-8 { margin-left: 66.6667%; }
.col-sm-offset-9 { margin-left: 75%; }
.col-sm-offset-10 { margin-left: 83.3333%; }
.col-sm-offset-11 { margin-left: 91.6667%; }
.lp-start-sm { -webkit-box-pack: start; justify-content: flex-start; text-align: start; }
.lp-center-sm { -webkit-box-pack: center; justify-content: center; text-align: center; }
.lp-end-sm { -webkit-box-pack: end; justify-content: flex-end; text-align: end; }
.lp-top-sm { -webkit-box-align: start; align-items: flex-start; }
.lp-middle-sm { -webkit-box-align: center; align-items: center; }
.lp-bottom-sm { -webkit-box-align: end; align-items: flex-end; }
.lp-around-sm { justify-content: space-around; }
.lp-between-sm { -webkit-box-pack: justify; justify-content: space-between; }
.lp-first-sm { order: -1; }
.lp-last-sm { -webkit-box-ordinal-group: 2; order: 1; }
}
@media only screen and (min-width:992px) {
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-offset-0,
.col-md-offset-1,
.col-md-offset-2,
.col-md-offset-3,
.col-md-offset-4,
.col-md-offset-5,
.col-md-offset-6,
.col-md-offset-7,
.col-md-offset-8,
.col-md-offset-9,
.col-md-offset-10,
.col-md-offset-11,
.col-md-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 15px; padding-left: 15px; }
.col-md { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0px; max-width: 100%; }
.col-md-1 { flex-basis: 8.33333%; max-width: 8.33333%; }
.col-md-2 { flex-basis: 16.6667%; max-width: 16.6667%; }
.col-md-3 { flex-basis: 25%; max-width: 25%; }
.col-md-4 { flex-basis: 33.3333%; max-width: 33.3333%; }
.col-md-5 { flex-basis: 41.6667%; max-width: 41.6667%; }
.col-md-6 { flex-basis: 50%; max-width: 50%; }
.col-md-7 { flex-basis: 58.3333%; max-width: 58.3333%; }
.col-md-8 { flex-basis: 66.6667%; max-width: 66.6667%; }
.col-md-9 { flex-basis: 75%; max-width: 75%; }
.col-md-10 { flex-basis: 83.3333%; max-width: 83.3333%; }
.col-md-11 { flex-basis: 91.6667%; max-width: 91.6667%; }
.col-md-12 { flex-basis: 100%; max-width: 100%; }
.col-md-offset-0 { margin-left: 0px; }
.col-md-offset-1 { margin-left: 8.33333%; }
.col-md-offset-2 { margin-left: 16.6667%; }
.col-md-offset-3 { margin-left: 25%; }
.col-md-offset-4 { margin-left: 33.3333%; }
.col-md-offset-5 { margin-left: 41.6667%; }
.col-md-offset-6 { margin-left: 50%; }
.col-md-offset-7 { margin-left: 58.3333%; }
.col-md-offset-8 { margin-left: 66.6667%; }
.col-md-offset-9 { margin-left: 75%; }
.col-md-offset-10 { margin-left: 83.3333%; }
.col-md-offset-11 { margin-left: 91.6667%; }
.lp-start-md { -webkit-box-pack: start; justify-content: flex-start; text-align: start; }
.lp-center-md { -webkit-box-pack: center; justify-content: center; text-align: center; }
.lp-end-md { -webkit-box-pack: end; justify-content: flex-end; text-align: end; }
.lp-top-md { -webkit-box-align: start; align-items: flex-start; }
.lp-middle-md { -webkit-box-align: center; align-items: center; }
.lp-bottom-md { -webkit-box-align: end; align-items: flex-end; }
.lp-around-md { justify-content: space-around; }
.lp-between-md { -webkit-box-pack: justify; justify-content: space-between; }
.lp-first-md { order: -1; }
.lp-last-md { -webkit-box-ordinal-group: 2; order: 1; }
}
@media only screen and (min-width:1280px) {
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-offset-0,
.col-lg-offset-1,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 15px; padding-left: 15px; }
.col-lg { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0px; max-width: 100%; }
.col-lg-1 { flex-basis: 8.33333%; max-width: 8.33333%; }
.col-lg-2 { flex-basis: 16.6667%; max-width: 16.6667%; }
.col-lg-3 { flex-basis: 25%; max-width: 25%; }
.col-lg-4 { flex-basis: 33.3333%; max-width: 33.3333%; }
.col-lg-5 { flex-basis: 41.6667%; max-width: 41.6667%; }
.col-lg-6 { flex-basis: 50%; max-width: 50%; }
.col-lg-7 { flex-basis: 58.3333%; max-width: 58.3333%; }
.col-lg-8 { flex-basis: 66.6667%; max-width: 66.6667%; }
.col-lg-9 { flex-basis: 75%; max-width: 75%; }
.col-lg-10 { flex-basis: 83.3333%; max-width: 83.3333%; }
.col-lg-11 { flex-basis: 91.6667%; max-width: 91.6667%; }
.col-lg-12 { flex-basis: 100%; max-width: 100%; }
.col-lg-offset-0 { margin-left: 0px; }
.col-lg-offset-1 { margin-left: 8.33333%; }
.col-lg-offset-2 { margin-left: 16.6667%; }
.col-lg-offset-3 { margin-left: 25%; }
.col-lg-offset-4 { margin-left: 33.3333%; }
.col-lg-offset-5 { margin-left: 41.6667%; }
.col-lg-offset-6 { margin-left: 50%; }
.col-lg-offset-7 { margin-left: 58.3333%; }
.col-lg-offset-8 { margin-left: 66.6667%; }
.col-lg-offset-9 { margin-left: 75%; }
.col-lg-offset-10 { margin-left: 83.3333%; }
.col-lg-offset-11 { margin-left: 91.6667%; }
.lp-start-lg { -webkit-box-pack: start; justify-content: flex-start; text-align: start; }
.lp-center-lg { -webkit-box-pack: center; justify-content: center; text-align: center; }
.lp-end-lg { -webkit-box-pack: end; justify-content: flex-end; text-align: end; }
.lp-top-lg { -webkit-box-align: start; align-items: flex-start; }
.lp-middle-lg { -webkit-box-align: center; align-items: center; }
.lp-bottom-lg { -webkit-box-align: end; align-items: flex-end; }
.lp-around-lg { justify-content: space-around; }
.lp-between-lg { -webkit-box-pack: justify; justify-content: space-between; }
.lp-first-lg { order: -1; }
.lp-last-lg { -webkit-box-ordinal-group: 2; order: 1; }
}
.lp-show-mobile { display: none; }
@media screen and (max-width:991px) {
.lp-hide-mobile { display: none; }
.lp-show-mobile { display: inline-block; }
.row.lp-show-mobile { display: flex; }
}
.lp-modal { display: none; position: fixed; z-index: 1000; padding-top: 100px; left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); }
.lp-modal-content { background-color: rgb(255, 255, 255); margin: auto; }
.lp-scheduling-modal .lp-modal-content { padding: 20px; max-width: 600px; min-height: 400px; width: 80%; }
.lp-video-modal .lp-modal-content { padding: 20px 5px 5px; max-width: 960px; min-height: 400px; width: 80%; }
.lp-modal-close { float: right; font-size: 28px; font-weight: bold; }
.lp-modal-close:hover,
.lp-modal-close:focus { text-decoration: none; cursor: pointer; }
section.finder *,
.sb-locationfinder * { box-sizing: border-box; }
.sb-search-form form div,
.sb-location > div,
.sb-location-infowindow > div { position: static; }
.sb-search-form { display: flex; flex-direction: column; min-height: 150px; }
.sb-search-form form:nth-of-type(2) { order: 2; }
.sb-use-current-location { order: 3; }
.sb-filters-inline { order: 4; }
.sb-locationfinder { height: 850px !important; }
.sb-use-current-location { text-align: right; margin-top: 13px; margin-bottom: 20px; }
.sb-use-current-location a { position: relative; text-decoration: none; font-size: 15px; font-weight: 600; }
.sb-use-current-location a:hover { text-decoration: underline; }
.sb-no-user-location,
.sb-locations-loading,
.sb-locations-notfound { font-size: 15.5px; line-height: 1.5; color: rgb(51, 51, 51); padding: 25px 15px !important; }
.sb-filters-inline { margin-bottom: 0px; background: rgb(255, 255, 255); margin-right: -18px; margin-left: -18px; padding: 5px 18px; }
.sb-filter { margin-top: 8px; }
.sb-filter-form { display: flex; flex-wrap: wrap; margin-bottom: 5px; max-height: 150px; margin-top: 5px; }
.sb-filter-form .sb-filter-item { display: block; margin-bottom: 3px; text-transform: none; }
.sb-filter-form .sb-filter-item:nth-of-type(2n) { padding-left: 5px; width: 45%; }
.sb-filter-form .sb-filter-item:nth-of-type(2n+1) { width: 55%; }
.sb-filter-form .sb-filter-item label { display: -webkit-flex; align-items: center; cursor: pointer; }
.sb-filter-form .sb-filter-item label span { text-transform: none; font-size: 15px; color: rgb(0, 0, 0); }
.sb-filter-form .sb-filter-item label span:hover { text-decoration: underline; cursor: pointer; }
.sb-filter-form .sb-filter-item input[type="checkbox"] { margin-right: 8px; position: relative; }
.sb-filter-form .sb-filter-item,
.sb-search-form,
.sb-location { line-height: 18px; }
.sb-search-form { width: 100%; z-index: 4; position: relative !important; top: 30px !important; left: 30px !important; height: auto !important; padding: 30px 18px 10px !important; }
.sb-locations { width: 100%; z-index: 10; bottom: 0px; overflow: scroll; height: 460px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.46) 2px 2px 5px -2px; position: relative !important; top: 30px !important; left: 30px !important; max-height: 460px !important; }
@media screen and (min-width:768px) {
.sb-search-form,
.sb-locations { width: 330px !important; }
}
.sb-map-container { position: absolute !important; left: 0px !important; top: 0px !important; z-index: 0 !important; }
.sb-googlemap .sb-location-infowindow,
.sb-googlemap .gm-style-iw-t { display: none; }
.sb-googlemap .sb-marker { cursor: default; }
.sb-search-form label { margin: 0px; }
.sb-search-form button { height: 42px; width: 100%; background: black; border: none; border-radius: 0px; color: rgb(255, 255, 255); text-align: center; padding: 0px; font-size: 19px; font-weight: 400; text-transform: uppercase; }
.sb-search-form button:hover { background: rgb(255, 255, 255); border: 1.5px solid rgb(0, 0, 0); color: rgb(0, 0, 0) !important; }
.sb-search-form #id_location { height: 42px; width: 100%; max-width: 100%; border-radius: 0px; font-size: 15px; background: rgb(255, 255, 255); color: rgb(51, 51, 51); border: 1.5px solid rgb(204, 204, 204); margin-bottom: 10px; cursor: unset; font-weight: 400; padding-left: 40px; outline: none; }
::placeholder { color: rgb(51, 51, 51); opacity: 1; }
.searchicon::before { content: "" !important; }
@media screen and (max-width:767px) {
.searchicon { left: 13%; }
.sb-search-form #id_location { padding-left: 55px; }
}
@media (max-width:400px) {
.searchicon { left: 7%; }
}
.sb-filter-results { display: none; }
.sb-location { position: relative; border-bottom: 1px solid rgb(204, 204, 204); padding: 20px 18px !important; }
.sb-location.sb-location-active { transition: all 0.3s ease-out 0s; border-bottom: 1px solid rgb(199, 199, 199); background-color: rgb(244, 244, 244) !important; }
.sb-location-name { font-size: 21px; margin-bottom: 13px; line-height: 1.2; color: rgb(0, 0, 0); text-transform: uppercase; }
.sb-location-distance { right: 20px; font-size: 12px; color: rgb(61, 57, 53); position: absolute !important; }
.sb-location-distance a { font-size: 12px; color: rgb(61, 57, 53); }
.sb-location-address { font-size: 15px; margin-bottom: 10px; max-width: 230px; color: rgb(51, 51, 51); line-height: 21px; }
.sb-location-phone { margin-bottom: 12px; text-decoration: underline; }
.sb-location-phone a { font-size: 15px; line-height: 21px; color: rgb(51, 51, 51) !important; text-decoration: underline !important; }
.sb-location-hours { font-size: 15px; font-weight: 500; line-height: 21px; color: rgb(51, 51, 51); margin-bottom: 15px; }
.sb-location-hours strong { font-weight: 600; }
.sb-locations .sb-location .sb-location-hours { display: none; }
.sb-location-services { margin-bottom: 8px; display: flex; }
.sb-location-services .sb-service-item { width: 12.5%; max-width: 25px; margin-right: 8px; position: relative; }
.sb-location-infowindow .sb-location-services { margin-top: 16px; margin-bottom: 14px; }
.sb-location-links { margin: 10px -5px 0px; line-height: 19.5px; overflow: hidden; }
.sb-location-links span { width: 50%; display: inline-block; padding: 0px 5px; float: left; }
.sb-location-links span a,
.sb-location-links span a:active,
.sb-location-links span a:visited { background: rgb(0, 0, 0); font-weight: 400; text-transform: uppercase; font-size: 13px; padding: 8px 10px; border-radius: 0px; text-align: center; border: 1.5px solid rgb(0, 0, 0); height: 38px; display: flex; align-items: center; justify-content: center; color: white; text-decoration: none; }
.sb-location-links span a:hover,
.sb-location-links span a:focus { border: 1.5px solid rgb(0, 0, 0); background-color: rgb(255, 255, 255); color: rgb(0, 0, 0) !important; text-decoration: none !important; }
.gm-style .gm-style-iw-t { bottom: 60px !important; }
.gm-style .gm-style-iw-c { border-radius: 0px; max-width: 350px !important; }
.sb-location-infowindow .sb-location-phone,
.sb-location-infowindow .sb-location-address,
.sb-location-infowindow .sb-location-hours { position: relative; margin-left: 28px; }
.sb-location-infowindow .sb-location-phone::before { content: ""; top: -2px; }
.sb-location-infowindow .sb-location-address::before { content: ""; }
.sb-location-infowindow .sb-location-hours::before { content: ""; top: -2px; }
.sb-location-infowindow .sb-location-distance::before { margin-top: 0px; padding-bottom: 5px; }
.sb-location-infowindow .sb-location-name { font-size: 21px; }
@media screen and (min-width:768px) {
.sb-search-form,
.sb-filters-panel { top: 20px; left: 20px; }
}
@media (max-width:768px) {
.sb-locations .sb-location.sb-location-active .sb-location-hours { display: block; }
.sb-location-infowindow { display: none; }
.sb-location-active .location-services-mobile { display: block; }
.sb-locationfinder { display: -webkit-flex; flex-direction: column; height: auto !important; }
.sb-search-form { position: unset !important; top: 0px !important; left: 0px !important; height: auto !important; padding-left: 0px !important; padding-right: 0px !important; }
.sb-search-form #id_location { height: 44px; }
.sb-search-form button { height: 44px; }
.sb-map-container { height: 260px; position: unset !important; left: 0px !important; top: 350px !important; }
.sb-location-list-back { height: auto; order: 4; position: unset !important; }
.sb-locations { order: 3; position: unset !important; max-height: 600px !important; }
.sb-search-form > form { padding: 0px 12% 5px; }
.sb-use-current-location { padding: 0px 12%; }
.sb-location { line-height: 20px; padding: 30px 12% !important; }
.sb-filters-inline { padding: 10px 12%; margin: 0px 0px 10px; }
.sb-filter-form { overflow-y: auto; display: flex; flex-wrap: wrap; }
.sb-filter-title { margin-bottom: 12px; }
.sb-filter-form .sb-filter-item { width: 50%; margin-bottom: 4px; }
.sb-location.sb-location-active { background: rgb(255, 255, 255); }
.sb-location.sb-location-active { background-color: rgb(255, 255, 255) !important; }
.sb-location-distance { right: 12%; }
.sb-location-list-back { padding: 5px 12% !important; font-size: 16px !important; height: auto !important; }
.sb-location-list-back a { font-weight: 400; font-size: 20px; letter-spacing: 0.5px; text-decoration: underline !important; margin-right: 20px !important; }
.sb-location-list-back span { font-size: 16.5px; }
.sb-location-name { position: relative; font-size: 21px; }
.sb-location-links { margin: 10px -2% 0px; }
.sb-location-links span { padding: 0px 2%; }
.sb-locations.sb-has-location-active { overflow: hidden; height: auto !important; max-height: 100% !important; }
.sb-location-active .sb-location-address,
.sb-location-active .sb-location-phone,
.sb-location-active .sb-location-hours { position: relative; margin-left: 30px; }
.sb-location-active .sb-location-phone::before { content: ""; }
.sb-location-active .sb-location-address::before { content: ""; }
.sb-location-active .sb-location-hours::before { content: ""; }
}
@media (max-width:520px) {
.searchicon { left: 6.5%; }
.sb-search-form > form,
.sb-use-current-location,
.sb-location,
.sb-location-list-back,
.sb-filters-inline { padding-left: 5% !important; padding-right: 5% !important; }
.sb-location-distance { right: 5%; }
.sb-filters-inline { padding: 10px 5%; }
}
.lp-responsive-iframe { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; }
.lp-responsive-iframe iframe { position: absolute; inset: 0px; width: 100%; height: 100%; }
:root { --lp-color-primary: #1475bb; --lp-color-secondary: #19aae1; --lp-color-white: var(--wp--preset--color--white); --lp-color-accent: var(--wp--preset--color--accent); --lp-font-headline: 'Roboto Slab', serif; --lp-font-primary: 'Open Sans', sans-serif; --lp-body-xs: 14px; --lp-body-sm: 15px; --lp-body-base: 18px; --lp-body-md: 20px; --lp-body-lg: 22px; --lp-body-res: 16px; --lp-radius-xs: 15px; --lp-radius-sm: 25px; --lp-radius-md: 50px; --lp-radius-lg: 100%; --lp-shadow-gen: 0 5px 10px rgba(var(--wp--custom--overlay--drk) 0.5), 0 15px 40px rgba(var(--wp--custom--overlay--drk) 0.2); --lp-shadow-lgt: rgba(var(--wp--custom--overlay--drk) 0.1) 0px 5px 30px 0px; --lp-shadow-md: rgba(var(--wp--custom--overlay--drk) 0.3) 0px 7px 30px 0px; --lp-shadow-drk: rgba(var(--wp--custom--overlay--drk) 0.4) 0px 7px 30px 0px; --lp-shadow-hvr: rgba(var(--wp--custom--overlay--drk) 0.4) 0px 7px 35px 0px; --lp-border-sm: 2px solid var(--wp--preset--color--secondary); --lp-border-md: 7px solid var(--wp--preset--color--secondary); --lp-border-dot: 1px dotted var(--wp--preset--color--secondary); --lp-overlay-lgt: 255, 255, 255, ; --lp-overlay-drk: 5, 19, 36, ; }
body { margin: 0px; }
a.skip { display: none; }
.container-lg,
.container { max-width: 1200px !important; }
.lp-top-bot-pad { padding: 100px 20px; }
.row { margin: 0px; }
dd { margin-inline-start: 0px; }
.main,
body.page-contact-us .lp-localinfo .container { padding: 3em 0em 4em; }
.page-hearing-aids .main,
.page-our-serviceshearing-protection .main,
.page-contact-us .lp-localinfo .container,
.page-promotions .main { padding: 3em 0em; }
.page-our-serviceshearing-testing .main,
.page-our-serviceshearing-aid-fitting .main,
.page-our-servicesear-wax-removal .main,
.page-testimonials .main,
.page-your-hearing .main,
.page-your-hearingresources .main,
.page-confirmation .main,
.page-events .main,
.page-hearing-aidsfinancing .main { padding: 3em 0em 3.5em; }
@media only screen and (max-width:1000px) {
.lp-top-bot-pad { padding: 80px 20px; }
.lp-top-bot-pad-sm { padding: 70px 20px; }
.lp-top-bot-pad-md { padding: 75px 20px 80px; }
}
h1,
h2,
h3,
h4,
h5,
h6,
dt.description-title { line-height: 1.2; color: var(--wp--preset--color--primary); margin: 10px 0px; }
h1 { font-size: 42px; }
h2 { font-size: 36px; }
h3 { font-size: 29px; color: var(--wp--preset--color--primary); }
h4,
dt.description-title { font-size: 24px; }
h5 { font-size: 23px; }
h6 { font-size: 21px; }
dt.description-title { font-weight: bold; }
p,
li,
div,
.wcn-location-info { font-size: var(--wp--preset--font-size--base); line-height: 1.6; color: var(--lp-color-text); }
.entry p { color: var(--lp-color-text); font-size: var(--wp--preset--font-size--base) !important; line-height: 1.6 !important; }
a { color: var(--wp--preset--color--primary); text-decoration: underline; font-weight: bold; }
p a { font-weight: normal; }
p.sm,
body.page-your-hearing span { word-break: break-all; font-size: var(--wp--preset--font-size--xs); }
h5 p { font-weight: normal; letter-spacing: 0px; }
section.lp-expanding-list p,
.posts div span { font-size: var(--wp--preset--font-size--base) !important; }
body.page-your-hearing .lp-content p:last-child span { font-size: var(--wp--preset--font-size--xs) !important; }
@media only screen and (max-width:600px) {
h1 { font-size: 38px; }
h2 { font-size: 32px; }
h3 { font-size: 26px; }
h4,
dt.description-title { font-size: 24px; }
h5 { font-size: 21px; }
h6 { font-size: 19px; }
p,
li,
div,
.wcn-location-info,
.entry p { font-size: var(--wp--preset--font-size--res); }
}
header .nav-wrap { background-color:transparent; transition:background-color 0.4s ease 0s; }
.lp-btn,
.lp-main-button,
.wp-block-button__link,
.wcn-gravity-form button[type="submit"],
.lp-appointment-cta,
.lp-localinfo-cta { line-height: 1; display: inline-block; background:#5cb6e5; text-decoration: none; border: none; padding: 17px 30px; border-radius: var(--wp--preset--spacing--50-px); background-size: 300% 100%; transition: all 0.6s ease-in-out 0s; min-width: auto; text-align: center; font-weight: 600; color:var(--wp--preset--color--primary-dark)!important; }
.wp-block-button__link:where(.has-background) { background: inherit; }
.wp-block-button__link:where(.has-background):hover { filter: brightness(1.2); }
.wp-block-button__link:hover,
.lp-main-button:hover,
.lp-appointment-cta:hover,
.lp-localinfo-cta:hover { background-position: 100% 0px; transition: all 0.6s ease-in-out 0s; color: var(--wp--preset--color--white)!important; background:var(--wp--preset--color--primary-dark)!important; }
a.lp-btn:not(.btn-white-border),
.wcn-gravity-form button[type="submit"],
.lp-appointment-cta,
a.lp-localinfo-cta { text-decoration: none; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--primary-dark)!important; }
a.lp-btn:not(.btn-white-border):hover,
.wcn-gravity-form button[type="submit"]:hover,
.lp-appointment-cta:hover,
a.lp-localinfo-cta:hover { background-position: 100% 0px; transition: all 0.6s ease-in-out 0s; color: var(--wp--preset--color--white)!important; background:var(--wp--preset--color--primary-dark)!important; }
.lp-btn i.wcn-single-icon,
.lp-appointment-cta i.wcn-single-icon { background-color: var(--wp--preset--color--white); width: 17px; height: 14px; position: relative; left: -6px; }
.lp-btn:hover i.wcn-single-icon,
.lp-appointment-cta:hover i.wcn-single-icon { background-color: var(--wp--preset--color--white); }
.dual-btn { display: flex; gap: 0.5em; flex-wrap: wrap; }
.full-btn { width: 100%; max-width: 225px; }
.wide-btn { width: 100%; }
.nav-menu.open a.lp-btn:hover { color: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--white); }
.btn-border,
.is-style-outline a { background: transparent; border: 1px solid var(--wp--preset--color--primary); color: var(--wp--preset--color--primary); }
a.btn-border:hover,
.is-style-outline a:hover { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); }
.btn-border i.wcn-single-icon { background-color: var(--wp--preset--color--primary); }
.btn-border:hover i.wcn-single-icon { background-color: var(--wp--preset--color--white); }
.btn-white-border { background: transparent; border: 1px solid var(--wp--preset--color--white); color: var(--wp--preset--color--white)!important; }
a.btn-white-border:hover,
.is-style-outline a.has-white-color:hover { border: 1px solid var(--wp--preset--color--white); background: var(--wp--preset--color--white); color: var(--wp--preset--color--primary) !important; }
.btn-white-bg { background: linear-gradient(90deg, var(--wp--preset--color--white), var(--wp--preset--color--white)); border: 1px solid var(--wp--preset--color--white); color: var(--wp--preset--color--primary)!important; }
a.btn-white-bg:hover { border: 1px solid var(--wp--preset--color--white); background: linear-gradient(90deg, transparent, transparent); color: var(--wp--preset--color--white)!important; }
.wc-container { position: relative; }
.wc-container .wc-title { font-size: 44px; font-weight: 800; display: block; }
.wc-container .wc-sub { font-size: 24px; color: var(--lp-color-text); }
.lp-anim-fade { animation-name: slideInLeft; animation-duration: 1.5s; }
@keyframes slideInLeft {
0% { opacity: 0; transform: translate3d(20px, 0px, 0px); visibility: visible; }
100% { opacity: 1; }
}
.map-d2-loc h3,
.map-d2-info p,
.map-d2-info a { color: var(--wp--preset--color--white); }
.map-d2-info { padding: 0px; }
.map-d2-loc h3 { border-bottom: 2px solid var(--lp-color-secondary); padding-bottom: 0.5em; }
.map-d2-loc .sb-googlemap img { height: 20rem; object-fit: cover; }
.hp-map div,
.hp-map img { border-radius: var(--wp--preset--spacing--25-px); }
.hp-map button img { border-radius: 0px; }
.lp-modal { padding: 2em 0px; }
.lp-scheduling-modal .lp-modal-content { padding: 2em; }
.lp-modal-content { background: var(--wp--preset--color--white); border-radius: var(--wp--preset--spacing--25-px); }
.lp-modal-close { margin-top: -1em; margin-right: -0.5em; }
fieldset { border: none; width: 100%; padding: 0px; }
.form-inner label { display: none; }
.form-inner { padding: 0px; }
.sb-formfield input,
.sb-formfield textarea,
.sb-formfield select,
.input-group input,
.wcn-gravity-form input,
.wcn-gravity-form textarea,
.wcn-gravity-form select,
.lp-scheduling-modal .sb-form-schedule-appointment input,
.lp-scheduling-modal .sb-form-schedule-appointment textarea,
.lp-scheduling-modal .sb-form-schedule-appointment select { width: 100%; padding: 20px 15px; border: 1px solid rgb(231, 231, 231); background: rgb(247, 247, 247); font-size: var(--wp--preset--font-size--xs); border-radius: var(--wp--preset--spacing--25-px); }
.sb-fieldset--first-appointment,
.sb-fieldset--second-appointment { display: flex; justify-content: space-between; gap: 20px; padding: 0px; }
.sb-fieldset--first-appointment p,
.sb-fieldset--second-appointment p { flex: 1 1 0%; }
.sb-fieldset legend { text-align: left; }
.wcn-gravity-form button[type="submit"] { width: 100%; }
.sb-form-schedule-appointment .sb-formfield { margin-bottom: 0em; }
.sb-form-schedule-appointment fieldset,
form fieldset { gap: 20px; }
.sb-form-schedule-appointment .sb-fieldset--additional-comments legend { display: block; }
@media only screen and (min-width:991px) and (max-width:1050px) {
.sb-form-schedule-appointment fieldset,
form fieldset { flex-direction: column; }
}
@media only screen and (max-width:500px) {
.sb-form-schedule-appointment fieldset,
form fieldset { flex-direction: column; }
}
.site-d-ft-loc div { padding: 0px; }
.ft-col-2 { max-width: 600px; width: 100%; margin: auto; }
@media only screen and (max-width:500px) {
.site-d-ft-loc div { flex-basis: 100%; max-width: 100%; text-align: left; }
.site-d-ft-loc .social-list { margin: 0px; }
}
.lp-banner { background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; padding: 0px 0em; position: relative; background-repeat: no-repeat !important; background-position: 50% 25% !important; background-size: cover !important; }
.lp-gradient { background: linear-gradient(90deg, var(--wp--preset--color--primary), rgba(47, 42, 149, 0.85), rgba(47, 42, 149, 0), rgba(47, 42, 149, 0)); position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.lp-banner .container-lg { padding: 0px; }
.lp-banner-content { position: relative; z-index: 50; max-width: 55%; }
.lp-banner .container,
.lp-banner-content { display: flex; min-height: 380px; flex-direction: column; justify-content: center; }
.lp-banner-content h1,
.lp-banner-content h2 { font-size: 42px; color: var(--wp--preset--color--white); margin: 0px; line-height: 1.2; font-weight: bold; }
.lp-contact-cta-block { margin: 1em auto 4em; }
section.lp-about-4.lp-contact-us-bottom .row { padding: 0px 1em; }
.lp-about-4.lp-contact-us-bottom h2,
.lp-about-4.lp-contact-us-bottom .wcn-location-info { color: var(--wp--preset--color--white); }
.lp-about-4.lp-contact-us-bottom .wcn-location-info { font-size: 40px; text-decoration: none; }
.lp-about-4.lp-contact-us-bottom a.lp-appointment-cta.lp-btn.secondary.wcn-location-info { font-size: var(--wp--preset--font-size--small) !important; margin-top: 1em; }
.lp-about-4.lp-contact-us-bottom a.lp-appointment-cta,
.lp-contact-cta-block a.lp-appointment-cta { background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--white); color: var(--wp--preset--color--primary); }
.lp-about-4.lp-contact-us-bottom a.lp-appointment-cta:hover,
.lp-contact-cta-block a.lp-appointment-cta:hover { background: transparent; border: 1px solid var(--wp--preset--color--white); color: var(--wp--preset--color--white); }
.lp-about-4.lp-contact-us-bottom .lp-appointment-cta i.wcn-single-icon,
.lp-contact-cta-block .lp-appointment-cta i.wcn-single-icon { background-color: var(--wp--preset--color--primary); }
.lp-about-4.lp-contact-us-bottom .lp-appointment-cta:hover i.wcn-single-icon,
.lp-contact-cta-block .lp-appointment-cta:hover i.wcn-single-icon { background-color: var(--wp--preset--color--white); }
.lp-professionals-detail img { max-width: 100%; display: inline-block; float: left; margin-top: 0em; margin-right: 2em; margin-bottom: 2em; border-radius: var(--wp--preset--spacing--25-px); }
.professional img { border-radius: var(--wp--preset--spacing--25-px); margin: 0px auto 1em; }
body.page-our-professionals-detail-page section.lp-professionals-detail .col-xs-12.lp-headline ul { padding-left: 14.5em; }
.professional h5.name,
.professional p.title { margin: 0px; text-align: center; }
.professional p.title { font-weight: normal; color: var(--wp--preset--color--black); }
.professional { background: var(--wp--preset--color--white); box-shadow: var(--wp--preset--shadow--lgt); border-radius: var(--wp--preset--spacing--25-px); margin: 1em; padding: 2em 1em 1.5em; }
.col-sm-4.professional.lp-text-center { flex-basis: 30%; max-width: 30%; }
.professional a { text-decoration: none; }
body.page-about-usour-professionals .main { padding: 3em 0em 4.5em; }
.lp-content-block { background: var(--wp--preset--color--white); border: 0px; box-shadow: var(--wp--preset--shadow--lgt); border-radius: var(--wp--preset--spacing--25-px); margin: 3em auto; padding: 20px 30px !important; }
body.page-our-services section.lp-services-1 .row:nth-child(2) { padding: 0px 1em; }
.lp-content-block h3,
.lp-contact-cta-block h2 { margin: 0px; }
.lp-content-block br { display: none; }
section.lp-services-2 .row.lp-center-xs { padding: 0px 1em; }
.lp-contact-cta-block .lp-btn { margin-top: 1em; }
.lp-contact-cta-block .wcn-location-info { font-size: 40px; color: var(--wp--preset--color--white); text-decoration: none; }
body.page-our-services .main { padding: 3em 0em 0em; }
body.page-our-serviceshearing-protection .container .row { align-items: center; }
body.page-our-serviceshearing-protection .main img { margin: 0px auto; }
.lp-responsive-iframe { margin: 50px 15px 0px; }
body.page-hearing-aidsapps .hearing-aids-1 .lp-centered { border: 0px; box-shadow: var(--wp--preset--shadow--lgt); border-radius: var(--wp--preset--spacing--25-px); padding: 20px 30px; max-width: 100%; flex-basis: 100%; text-align: left; }
body.page-hearing-aidsapps .main .row:nth-child(2) { row-gap: 2em; padding: 1em; }
body.page-hearing-aidsapps .hearing-aids-1 .row:nth-child(2) .lp-centered p:nth-child(2) { margin-bottom: 1.5em; }
body.page-hearing-aidstechnologies .lp-cta-tiles .row:nth-child(2) { max-width: 100%; }
body.page-hearing-aidstechnologies .lp-cta-tiles { background: var(--wp--preset--color--white) !important; }
.lp-tech-1 .row4 { margin: 2em 0px; align-items: center; }
.lp-tech-1 .row3,
section.lp-tech-1 .row.lp-row5 { align-items: center; }
.lp-tech-1 .row3 img,
section.lp-tech-1 .row.lp-row5 img { margin-bottom: 1em; }
section.lp-bottom-list-nav ul { padding: 0px; }
.technologies.lp-cta-tiles .cta-tile-info { justify-content: flex-start; position: relative; }
body.page-hearing-aidstechnologies .main .cta-tile h5 { font-size: 24px; }
.lp-expanding-list-text br { display: none; }
.lp-expanding-list-text span { display: block; margin-top: 1em; line-height: 1.7 !important; }
.expanding-list-item a.lp-show-expanded { text-decoration: none; }
section.lp-tech-3.lp-bottom-list-nav .bottom-list-links a { text-decoration: none; }
section.lp-expanding-list .expanding-list-item h6 { font-size: 20px; text-transform: none; }
.lp-expanding-list-text { padding: 0px 0.5em; }
.ha-item { background: var(--wp--preset--color--white); box-shadow: var(--wp--preset--shadow--lgt); border-radius: var(--wp--preset--spacing--25-px); margin: 15px auto; padding: 20px 10px 40px; }
@media only screen and (max-width:1115px) {
.ha-item p.description { height: 4rem; }
}
@media only screen and (max-width:1070px) {
.ha-item .title h4 { font-size: 22px; }
}
@media only screen and (max-width:991px) {
.ha-item p.description { height: auto; }
}
.lp-heading-img-wrap { bottom: -10em; max-width: 250px; }
.lp-styles-2.lp-cta-tiles .cta-tile-info p { min-height: 5.5em; }
.lp-cta-tiles { background: var(--wp--preset--color--accent) !important; }
.lp-cta-tiles .cta-tile { box-shadow: var(--wp--preset--shadow--lgt); margin: 1em auto; border-radius: var(--wp--preset--spacing--25-px); }
.lp-cta-tiles .cta-tile-img img { border-radius: var(--wp--preset--spacing--25-px) var(--wp--preset--spacing--25-px) 0 0; }
.lp-cta-tiles .row:nth-child(2) { margin: auto; }
.lp-next-step .row:nth-child(2) { max-width: 700px; margin: auto; }
section.hearing-aids-1 .row.lp-hearingaids-content-2 { align-items: center; }
section.hearing-aids-1 .row.lp-hearingaids-content-2 img { margin: 2em auto 0px; }
#hearing-aid-styles { row-gap: 20px; }
body.page-hearing-aidshearing-aid-stylesbehind-the-ear .main,
body.page-hearing-aidshearing-aid-stylescompletely-in-canal .main,
body.page-hearing-aidshearing-aid-stylesin-the-canal .main,
body.page-hearing-aidshearing-aid-stylesinvisible .main,
body.page-hearing-aidshearing-aid-stylesin-the-ear .main,
body.page-hearing-aidshearing-aid-stylesreceiver-in-canal .main { padding: 3em 0em 1em; }
.row.lp-singlesided-item-1.section { border-right: 1px dotted var(--wp--preset--color--primary); }
.lp-singlesided-item-1,
.lp-singlesided-item-2 { max-width: 50%; width: 100%; float: left; justify-content: space-between; margin-bottom: 6em; }
.lp-singlesided-item-1 .item-details,
.lp-singlesided-item-2 .item-details { min-height: 10rem; }
.lp-singlesided-item-1 .col-sm-3,
.lp-singlesided-item-2 .col-sm-3 { flex: 0.7 1 0%; }
.lp-singlesided-item-1 .col-sm-9,
.lp-singlesided-item-2 .col-sm-9 { flex: 2 1 0%; }
section.lp-hearing-accessories .lp-accessory-item { background: var(--wp--preset--color--white); border-radius: var(--wp--preset--spacing--25-px); box-shadow: var(--wp--preset--shadow--lgt); align-items: center; margin: 2em 1em; padding: 1em 2em; }
body.page-hearing-aidsrechargeable-solutions .col-xs-12.col-sm-3 { flex-basis: 15%; max-width: 15%; }
body.page-hearing-aidsrechargeable-solutions .col-xs-12.col-sm-9 { flex-basis: 85%; max-width: 85%; }
section.hearing-aids-1 .lp-rechargable-item-1,
section.hearing-aids-1 .lp-rechargable-item-2,
section.hearing-aids-1 .lp-rechargable-item-3 { background: var(--wp--preset--color--white); border-radius: var(--wp--preset--spacing--25-px); box-shadow: var(--wp--preset--shadow--lgt); align-items: center; margin: 2em 1em; padding: 1em 2em; }
body.page-hearing-aidsrechargeable-solutions section.hearing-aids-1 br { display: none; }
.hearing-aids-1 img,
.lp-accessory-img img { margin: auto; }
body.page-hearing-aidsappsthrive-hearing-control-app section.thrive-care .row:nth-child(2) p { border-radius: var(--wp--preset--spacing--25-px); margin: 30px 0px; background: white; padding: 40px; box-shadow: var(--wp--preset--shadow--lgt); }
body.page-hearing-aidsappsthrive-hearing-control-app a.youtube.wcn-location-info { background: linear-gradient(90deg, var(--wp--preset--color--primary), var(--wp--preset--color--secondary), var(--wp--preset--color--primary), var(--wp--preset--color--secondary)); border: none; padding: 15px 30px; border-radius: var(--wp--preset--spacing--50-px); background-size: 300% 100%; text-transform: uppercase; line-height: 1.2; font-size: var(--wp--preset--font-size--small); text-decoration: none; display: table; transition: all 0.6s ease-in-out 0s; color: var(--wp--preset--color--white) !important; margin-top: 17px !important; }
body.page-hearing-aidsappsthrive-hearing-control-app a.youtube.wcn-location-info:hover { background-position: 100% 0px; transition: all 0.6s ease-in-out 0s; color: var(--wp--preset--color--white) !important; }
body.page-hearing-aidsappsthrive-hearing-control-app section.thrive-care .row:last-child { text-align: center; justify-content: center; }
body.page-hearing-aidsappsthrive-hearing-control-app section.thrive-care small { display: flex; gap: 1em; text-align: center; justify-content: center; }
body.page-your-hearinghearing-aid-how-to-videos .videos-section .col-sm-6 { flex-basis: 33%; max-width: 33%; }
body.page-your-hearingprofessional-care-vs-otc .container .row:nth-child(2) .col-xs-12 div { width: 32% !important; float: left !important; }
body.page-your-hearing .main li span,
body.page-your-hearing p:nth-child(18) span { vertical-align: super; padding: 0px 0px 0px 0.2em; font-size: 10px !important; }
body.page-your-hearing .main span { font-size: var(--wp--preset--font-size--xs) !important; }
#yhj { height: 8600px !important; }
body.page-your-hearingtinnitus .container .row:nth-child(2) .col-md-4 div { text-align: center; }
body.page-your-hearingtinnitus .container .row:nth-child(2) .col-md-4 div img { margin: auto; max-width: 300px; width: 100% !important; height: auto !important; }
body.page-your-hearingtreating-hearing-loss .main br { display: none; }
body.page-your-hearinguntreated-hearing-loss .main .row:nth-child(3) br { display: none; }
body.page-your-hearingprofessional-care-vs-otc .container .row:nth-child(2) .col-xs-12 div { width: 30% !important; float: left !important; margin: 0px !important; }
body.page-your-hearingprofessional-care-vs-otc .container .row:nth-child(2) .col-xs-12 div img { margin-left: 2.7em; }
body.page-your-hearingprofessional-care-vs-otc .container .row:nth-child(2) .col-xs-12 div:nth-last-child(2) img { margin-left: 1.6em; }
body.page-your-hearingprofessional-care-vs-otc .col-xs-12 figure:nth-child(1) img { margin: 0px 0px 0px 2em !important; }
body.page-your-hearingprofessional-care-vs-otc .col-xs-12 figure:nth-child(12) img { margin: 0.5em 2em 0px -2em !important; }
body.page-your-hearingprofessional-care-vs-otc .col-xs-12 img:nth-child(8) { margin-top: 0.25em; width: 45.6% !important; }
body.page-your-hearingprofessional-care-vs-otc .col-xs-12 h4:nth-child(6) { margin-top: -1.4em; }
body.page-your-hearingprofessional-care-vs-otc .col-xs-12 h3:nth-child(11) { margin-top: -1em; }
body.page-your-hearingprofessional-care-vs-otc .main .col-xs-12 p:last-child { display: none; }
.financing .lp-content p:nth-child(4) a { display: flex; gap: 2em; justify-content: center; flex-wrap: wrap; }
.lp-feed-wrap { display: flex; flex-direction: column; row-gap: 30px; margin-top: 1.5em; }
.feed-item { border: 0px; box-shadow: var(--wp--preset--shadow--lgt); border-radius: var(--wp--preset--spacing--25-px); padding: 30px; margin: 0px 1em; }
.feed-item h4 { color: var(--wp--preset--color--primary); }
.feed-item h5 { color: var(--lp-color-text); font-weight: 500; }
.feed-item .lp-flex { justify-content: center; max-width: 20%; margin: 0px 0px 0px auto; }
.lp-testimonial { border: 0px; box-shadow: var(--wp--preset--shadow--lgt); border-radius: var(--wp--preset--spacing--25-px); margin: 15px auto; padding: 20px 30px 30px; background: var(--wp--preset--color--white) !important; }
.lp-testimonials i.wcn-single-icon { display: none; }
p.lp-test-name { font-weight: bold; color: var(--wp--preset--color--primary); margin-bottom: 0; }
.lp-video-testimonials span.text { font-weight: normal; color: var(--lp-color-text); display: block; }
.lp-video-testimonials { margin-top: 3em; }
.lp-video-testimonials-item-1 a { text-decoration: none; }
.video-wrap { position: relative; margin-bottom: 1em; }
.video-wrap img { width: 100%; height: auto; border-radius: var(--wp--preset--spacing--25-px); }
.lp-video-testimonials .row .col-xs-12.col-sm-3 { margin: 1em 0px; }
.play-button { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 80; width: 52px; height: 52px; }
body.blog .sb-row1 { margin-top: 3.5em; }
.sb-blogcategories,
.sb-blogarchives { border-radius: var(--wp--preset--spacing--25-px); border-bottom: 0px !important; }
.sb-blogarchives a { text-decoration: none; }
.sb-feed-post a,
.sb-blog a { color: var(--wp--preset--color--primary) !important; font-weight: bold !important; }
.sb-full-post h1 { font-weight: bold !important; }
body.blog .list ul { padding: 0px; }
body.page-events .lp-cta-tiles { background: var(--wp--preset--color--white) !important; }
.lp-localinfo-contact i.wcn-single-icon { width: 25px; height: 17px; background-color: var(--wp--preset--color--primary); position: relative; top: 2.5px; transform: rotateY(180deg); }
.lp-locations-list .lp-location-item { box-shadow: var(--wp--preset--shadow--lgt); border-radius: var(--wp--preset--spacing--25-px); border: 0px; }
.lp-locations-list .lp-address-wrap { column-gap: 0px; flex-direction: column; }
.lp-subsection-inner .lp-address { margin: 0px; }
.day-row { display: flex; justify-content: space-between; }
.day-row p { margin: 0px; padding: 5px; }
.lp-localinfo-hours .hours .day-row.current-day { border-bottom: 0px solid white; background: var(--wp--preset--color--accent); }
.lp-hours-details ul { display: inline-block; text-align: left; }
.lp-localinfo-ctas { display: flex; flex-direction: column; gap: 20px; margin-top: 1em; max-width: 250px; }
.lp-localinfo-ctas .lp-appointment-cta { max-width: 250px; }
.lp-localinfo-contact a { text-decoration: none; }
.lp-localinfo-contact a.lp-location-directions-link { margin: 1em 0px; }
body.page-locations .lp-localinfo { padding: 4em 0px; }
.lp-location-item .lp-map i.wcn-single-icon { width: 25px; height: 14px; position: relative; top: 1px; }
.lp-location-item .lp-map a.lp-appointment-cta:hover i.wcn-single-icon { background-color: var(--wp--preset--color--primary); }
.lp-location-item .lp-map { text-align: center; }
.lp-location-item .lp-map img { margin: 1em auto; border-radius: var(--wp--preset--spacing--25-px); }
body.page-locations .lp-location-item { margin: 3em auto; background: var(--wp--preset--color--white); box-shadow: var(--wp--preset--shadow--lgt); padding: 1em 1em 2em; border-radius: var(--wp--preset--spacing--25-px); border: 0px; }
body.page-locations .main .lp-localinfo .col-sm-7,
body.page-locations .main .lp-localinfo .col-sm-5 { flex-basis: 50%; max-width: 50%; }
.page-locations .lp-location-item-detail h2 i.wcn-single-icon { max-width: 25px; max-height: 25px; left: 0px; top: 2px; background-color: var(--wp--preset--color--primary); margin-right: 10px; }
.page-locations .lp-location-item-detail .lp-location-item-1 i.wcn-single-icon.lp-icon-location { width: 25px; height: 25px; }
.page-locations .lp-location-item-detail { margin-bottom: 2em; }
.gm-style .gm-style-iw,
.gm-style .gm-style-iw > div { max-height: unset !important; }
a.lp-location-directions-link { display: flex; flex-direction: row-reverse; justify-content: start; gap: 0.3em; }
body.page-locations a.lp-location-directions-link i.wcn-single-icon,
section.lp-promo-2.lp-locations-list a.lp-location-directions-link i.wcn-single-icon { position: relative; top: 4px; }
.lp-localinfo-contact h2,
.lp-location-item-1 h2,
.lp-localinfo-hours h3,
.lp-localinfo-contact h3 { border-bottom: 2px solid var(--wp--preset--color--primary); }
.lp-localinfo-hours h3,
.lp-localinfo-contact h3 { font-size: 36px; }
.lp-localinfo-ctas .lp-appointment-cta i.wcn-single-icon { background-color: var(--wp--preset--color--white); width: 13px; height: 14px; position: relative; top: 1px; }
body.page-contact-us .lp-localinfo-ctas .lp-appointment-cta:hover i.wcn-single-icon { background-color: var(--wp--preset--color--white); }
.sb-location-infowindow { display: block !important; }
.sb-location-infowindow { width: 280px !important; }
.gm-style .gm-style-iw-c { max-width: 270px !important; }
.sb-location-links span { width: 65% !important; }
.lp-promo-btn { margin-bottom: 1.5em; }
.lp-promo-btn span.lp-phone { font-size: 30px; margin-top: 0.3em; }
.lp-promo-3.lp-contact-us-bottom .wcn-location-info { font-size: 30px; text-decoration: none; }
.lp-promo-col-left img { height: auto !important; }
.lp-promo-col-left hr { background: var(--wp--preset--color--secondary); border: 0px; height: 1px; margin: 1em auto 2em; }
.lp-promo-btn span { font-size: 24px; }
.lp-promo-3 a.lp-appointment-cta.lp-btn.secondary.wcn-location-info { margin-top: 0.7em; font-size: var(--wp--preset--font-size--small); }
section.lp-promo-3.lp-contact-us-bottom i.wcn-single-icon { background-color: var(--wp--preset--color--white); }
.lp-subsection-inner h5 { border-bottom: 3px solid var(--wp--preset--color--priamry); }
section.lp-promo-2.lp-locations-list { padding-bottom: 0px; }
.lp-promo-col-left li span { font-size: 16px !important; }
.lp-form-wrapper header { box-shadow: none; position: static; }
section.lp-promo-3.lp-contact-us-bottom { margin-bottom: -35px; }
section.lp-promo-2.lp-locations-list .row.lp-location-item .col-sm-3.lp-ctas.lp-subsection-outer { display: none; }
section.lp-promo-2.lp-locations-list .row.lp-location-item { justify-content: center; max-width: 790px; margin: 1em auto 2em; }
section.lp-promo-2.lp-locations-list .col-sm-5.lp-localinfo-contact.lp-subsection-outer { flex-basis: 40%; max-width: 40%; }
section.lp-promo-2.lp-locations-list .lp-map.col-sm-4 { flex-basis: 60%; max-width: 60%; justify-content: flex-end; }
.lp-breadcrumbs { position: relative; }
body.page-your-hearingdementia .main h3 { text-transform: none; color: var(--wp--preset--color--priamry); }
body.page-your-hearingvideos .main ul { display: inline-flex; justify-content: space-around; list-style: none; padding: 0px; gap: 1em; }
body.page-your-hearingvideos .main ul li:last-child { display: none; }
body.page-your-hearingvideos .main ul li { flex: 1 1 0%; }
body.page-your-hearingvideos .main ul li a img { position: relative; margin-bottom: 1em; }
body.page-your-hearingvideos .main ul li span img { display: none; }
body.page-your-hearingvideos .main ul li a { text-decoration: none; }
body.page-new-product-page .lp-content-1 { padding: 3em 0em 4em; }
body.page-starkey-hearing-foundation iframe { display: flex; margin: 0px auto 1.5em; }
body.page-starkey-hearing-foundation .main p a img { margin: auto; }
@media only screen and (max-width:1299px) {
.lp-responsive-iframe { margin: 50px 0px 0px; }
}
@media only screen and (max-width:1220px) {
.columns .container-lg,
.columns .container { padding-left: 25px !important; padding-right: 25px !important; }
}
@media only screen and (max-width:1164px) {
body.page-your-hearingprofessional-care-vs-otc .container .row:nth-child(2) .col-xs-12 div { width: 35% !important; }
body.page-hearing-aidsapps .hearing-aids-1 .lp-centered { flex-basis: 100%; max-width: 100%; }
body.page-hearing-aidsapps .hearing-aids-1 .row:nth-child(2) .lp-centered p:nth-child(2) { min-height: auto; }
}
@media only screen and (max-width:1149px) {
.lp-subsection-inner .lp-address { margin: 0px; }
.lp-subsection-inner a.lp-location-directions-link { margin: 0.5em 0px; }
}
@media only screen and (max-width:1132px) {
.lp-singlesided-item-1 .item-details,
.lp-singlesided-item-2 .item-details { min-height: 12rem; }
}
@media only screen and (max-width:1100px) {
body.page-contact-us .lp-localinfo .col-md-7,
body.page-contact-us .lp-localinfo .col-md-5 { flex-basis: 100%; max-width: 100%; }
body.page-contact-us .lp-map { margin-top: 2em; }
}
@media only screen and (max-width:1058px) {
.ha-item .description { height: 3rem; }
body.page-your-hearingprofessional-care-vs-otc iframe { display: flex; margin: auto; }
}
@media only screen and (max-width:1014px) {
body.page-hearing-aidsrechargeable-solutions .col-xs-12.col-sm-3 { flex-basis: 25%; max-width: 25%; }
body.page-hearing-aidsrechargeable-solutions .col-xs-12.col-sm-9 { flex-basis: 75%; max-width: 75%; }
}
@media only screen and (max-width:1000px) {
body.page-your-hearingprofessional-care-vs-otc .container .row:nth-child(2) .col-xs-12 div { width: 40% !important; }
}
@media only screen and (max-width:992px) {
.col-sm-4.professional.lp-text-center { flex-basis: 45%; max-width: 45%; }
}
@media only screen and (max-width:991px) {
body.page-our-serviceshearing-protection .main .container .row:nth-child(1) .lp-subsection { margin-bottom: 0px; }
body.page-your-hearingtinnitus .col-md-4 div { margin: 0px !important; }
body.page-your-hearingtinnitus .main img { margin: auto; }
body.page-your-hearingtinnitus .col-md-4 p { text-align: center; }
body.page-your-hearingask-the-doctor .videos-section { display: grid; grid-template-columns: repeat(2, 1fr); }
.feed-item .lp-flex { max-width: 100%; justify-content: flex-start; }
.feed-item .lp-flex { justify-content: center; }
.feed-item .col-md-8 { text-align: center; }
.feed-item { padding: 45px 30px 30px; }
.technologies.lp-cta-tiles .cta-tile-info { min-height: auto; }
.cta-description { min-height: auto; }
body.blog .sb-row1 { flex-direction: column; }
body.blog .sb-col { width: 100% !important; }
.sb-blogcategories,
.sb-blogarchives { margin: 0px 0px 3em; }
body.page-contact-us .lp-localinfo .col-md-6 { flex-basis: 50%; max-width: 50%; }
.lp-counselear-scheduler iframe { height: 220px; }
.lp-promo-2 .lp-location-item { flex-direction: column; row-gap: 20px; align-items: center; }
.lp-promo-2 .lp-location-item div { flex-basis: 100%; max-width: 100%; flex-direction: column; gap: 0px; text-align: center; }
.lp-subsection-inner .lp-btn { max-width: 280px; }
.lp-promo-col-left img { margin: auto; height: auto !important; }
section.lp-promo-2.lp-locations-list .col-sm-5.lp-localinfo-contact.lp-subsection-outer,
section.lp-promo-2.lp-locations-list .lp-map.col-sm-4 { flex-basis: 100%; max-width: 100%; }
section.lp-promo-2.lp-locations-list .lp-map img { height: auto; }
section.lp-promo-1 .lp-form-wrapper { margin-top: 2em; }
a.lp-location-directions-link { justify-content: center; }
}
@media only screen and (max-width:985px) {
body.page-about-usour-professionalsyolanda-kananen section.lp-professionals-detail .col-xs-12.lp-headline p:nth-child(3) { padding-top: 1.5em; }
}
@media only screen and (max-width:930px) {
body.page-your-hearingprofessional-care-vs-otc .main .col-xs-12 img { float: none !important; height: auto !important; margin: auto !important; }
body.page-your-hearingprofessional-care-vs-otc .col-xs-12 figure:nth-child(1) img,
body.page-your-hearingprofessional-care-vs-otc .col-xs-12 figure:nth-child(15) img,
body.page-your-hearingprofessional-care-vs-otc .col-xs-12 figure:nth-child(21) img { margin: 1.3em auto 2em !important; }
body.page-your-hearingprofessional-care-vs-otc .col-xs-12 figure:nth-child(12) img { margin: 0.5em auto 0px !important; }
figure { margin: 0px; }
}
@media only screen and (max-width:1070px) {
body.page-locations .lp-location-item { flex-direction: column; }
body.page-locations .row.lp-location-item .col-sm-4 { flex-basis: 100%; max-width: 100%; text-align: center; }
body.page-locations .row.lp-location-item .col-sm-4 .store-hours.hours { max-width: 18rem; margin: auto; }
body.page-locations .row.lp-location-item .col-sm-4 .lp-localinfo-ctas { margin: 1em auto; }
body.page-locations a.lp-location-directions-link { justify-content: center; }
}
@media only screen and (max-width:913px) {
body.page-about-usour-professionalsdiana-foster section.lp-professionals-detail .col-xs-12.lp-headline p { padding-top: 2.5em; }
}
@media only screen and (max-width:910px) {
.lp-banner-content { max-width: 100%; text-align: center; }
.lp-banner { background-position: 75% 50% !important; }
.lp-gradient { background: linear-gradient(90deg, rgba(47, 42, 149, .6), rgba(47, 42, 149, .6), rgba(47, 42, 149, .6), rgba(47, 42, 149, .6)); }
}
@media only screen and (max-width:900px) {
body.page-your-hearingprofessional-care-vs-otc .container .row:nth-child(2) .col-xs-12 div { width: 48% !important; }
.row.lp-singlesided-item-1.section { border-right: 0px dotted var(--wp--preset--color--primary); }
.lp-singlesided-item-1,
.lp-singlesided-item-2 { max-width: 100%; margin-bottom: 4em; }
.lp-singlesided-item-1 .item-details,
.lp-singlesided-item-2 .item-details { min-height: auto; }
}
@media only screen and (max-width:880px) {
.lp-professionals-detail img { flex-basis: 20%; max-width: 100%; }
section.lp-professionals-detail .col-xs-12.lp-headline p { flex-basis: 70%; max-width: 100%; }
}
@media only screen and (max-width:830px) {
.professional { flex-basis: 44%; max-width: 44%; }
section.lp-professionals .row { justify-content: center; }
}
@media only screen and (max-width:797px) {
body.page-about-usour-professionalsyolanda-kananen section.lp-professionals-detail .col-xs-12.lp-headline p:nth-child(3) { padding-top: 0.7em; }
}
@media only screen and (max-width:768px) {
.row { flex-direction: row; }
.lp-banner .container,
.lp-banner-content { min-height: 20rem; }
.lp-banner-content h1,
.lp-banner-content h2 { font-size: 44px; }
#hearing-aid-styles .col-xs-12 { flex-basis: 50%; max-width: 50%; }
body.page-hearing-aidstechnologieslivio .main .col-sm-6,
body.page-hearing-aidstechnologiesevolv-ai .main .col-sm-6,
body.page-hearing-aidstechnologiespicasso .main .col-sm-6,
body.page-hearing-aidstechnologiesgenesis-ai .main .col-sm-6 { flex-basis: 100%; max-width: 100%; }
.lp-tech-image { margin-bottom: 2em; }
.lp-tech-image img { margin: auto; }
section.lp-bottom-list-nav .bottom-list-title { text-align: center; width: 100%; flex-basis: 100%; max-width: 100%; }
body.page-your-hearinghearing-aid-how-to-videos .videos-section .col-sm-6 { flex-basis: 50%; max-width: 50%; }
.sb-blogcategories,
.sb-blogarchives { margin: 0px 0px 5em !important; }
}
@media only screen and (max-width:767px) {
iframe { width: 100%; }
.lp-bottom-bar-bg .col-sm-6.col-md-4 { flex-basis: 50%; max-width: 50%; padding: 0px; }
.lp-styles-2.lp-cta-tiles .cta-tile-info p { min-height: auto; }
body.page-our-serviceshearing-protection .row:nth-child(n+4):nth-child(-n+6) .col-sm-2 { flex-basis: 28%; max-width: 28%; }
body.page-our-serviceshearing-protection .row:nth-child(n+4):nth-child(-n+6) .col-sm-10 { flex-basis: 72%; max-width: 72%; }
body.page-your-hearingprofessional-care-vs-otc .container .row:nth-child(2) .col-xs-12 div { width: 100% !important; }
body.page-your-hearingprofessional-care-vs-otc .main img { margin: auto; }
body.page-your-hearingprofessional-care-vs-otc .container .row:nth-child(2) .col-xs-12 div { text-align: center; }
body.page-your-hearingprofessional-care-vs-otc .container .row:nth-child(2) .col-xs-12 div img,
body.page-your-hearingprofessional-care-vs-otc .container .row:nth-child(2) .col-xs-12 div:nth-last-child(2) img { margin: auto; }
body.page-locations .main .lp-localinfo .col-sm-7,
body.page-locations .main .lp-localinfo .col-sm-5 { flex-basis: 100%; max-width: 100%; margin: 1em auto; }
.page-locations .lp-location-item-detail { gap: 2em; }
}
@media only screen and (max-width:766px) {
.lp-professionals-detail img { flex-basis: 100%; max-width: 100%; float: none; margin: auto; display: block; }
body.page-about-usour-professionalsyolanda-kananen section.lp-professionals-detail .col-xs-12.lp-headline p:nth-child(3),body.page-about-usour-professionalsdiana-foster section.lp-professionals-detail .col-xs-12.lp-headline p { padding-top: 0px; }
body.page-our-professionals-detail-page section.lp-professionals-detail .col-xs-12.lp-headline ul { padding-left: 2em; }
}
@media only screen and (min-width:710px) {
.lp-accessory-img { max-width: 20%; flex-basis: 20%; }
.lp-accessory-img img { width: 100%; }
.lp-accessory-info { max-width: 80%; flex-basis: 80%; }
}
@media only screen and (max-width:710px) {
body.page-hearing-aidsrechargeable-solutions .col-xs-12.col-sm-3,
body.page-hearing-aidsrechargeable-solutions .col-xs-12.col-sm-9 { flex-basis: 100%; max-width: 100%; }
}
@media only screen and (max-width:709px) {
.lp-professionals-detail img { flex-basis: 35%; max-width: 100%; }
section.lp-professionals-detail .col-xs-12.lp-headline p { flex-basis: 60%; max-width: 100%; }
#hearing-aid-styles .col-xs-12 { flex-basis: 100%; max-width: 100%; }
.ha-item .description { height: auto; }
body.page-your-hearingask-the-doctor .videos-section { display: block; }
.howto-video-tile .cta-image { margin: auto; }
.lp-accessory-img img { width: 30%; margin: auto; }
.lp-accessory-info { text-align: center; }
.lp-accessory-info ul { text-align: left; }
.lp-localinfo-wrap .row { flex-direction: column; }
body.page-contact-us .lp-localinfo .col-md-6 { flex-basis: 100%; max-width: 100%; width: 100%; margin: auto; padding: 0px; }
.lp-localinfo-hours { margin-top: 2em; }
.lp-localinfo-contact,
.lp-localinfo-hours h3 { text-align: center; }
.lp-localinfo-ctas { margin: 1em auto; }
.col-sm-6.lp-location-item-1 { text-align: center; }
}
@media only screen and (max-width:707px) {
body.page-about-usour-professionalsdiana-foster section.lp-professionals-detail .col-xs-12.lp-headline p { padding-top: 1em; }
}
@media only screen and (max-width:700px) {
.lp-bottom-bar-bg { background-position: 75% 50%; }
.lp-bottom-bar-bg::after { background: linear-gradient(90deg, rgb(var(--wp--custom--overlay--lgt) 0.85), rgb(var(--wp--custom--overlay--lgt) 0.85), rgb(var(--wp--custom--overlay--lgt) 0.85), rgb(var(--wp--custom--overlay--lgt) 0.85)); }
.lp-bottom-bar-bg .col-sm-6.col-md-4 { text-align: center; }
.lp-bottom-bar-bg .row .col-sm-6.col-md-4 { flex-basis: 100%; max-width: 100%; }
}
@media only screen and (max-width:689px) {
.col-sm-4.professional.lp-text-center { flex-basis: 100%; max-width: 100%; }
}
@media only screen and (max-width:600px) {
.lp-banner { background-position: 71% 50% !important; }
section.lp-professionals-detail .col-xs-12.lp-headline { flex-flow: column; }
body.page-your-hearingprofessional-care-vs-otc .main .col-xs-12 img { width: 100% !important; }
.sb-form-schedule-appointment fieldset,
form fieldset { flex-direction: column; }
.col-sm-12.col-md-7.col-lg-7.lp-promo-col-left { padding: 0px; }
.form-inner { padding: 2em 0px 1em; }
}
@media only screen and (max-width:500px) {
.lp-bottom-bar-bg { background-position: 70% 40%; }
.lp-banner .container,
.lp-banner-content { min-height: 17rem; }
.lp-banner-content h1,
.lp-banner-content h2 { font-size: 36px; text-align: center; }
.lp-professionals-detail img { display: block; float: none; margin: 0px auto; }
.lp-bottom-bar-bg { min-height: 280px; }
.lp-about-4.lp-contact-us-bottom h2,
.lp-about-4.lp-contact-us-bottom .wcn-location-info,
.lp-contact-cta-block h2 { font-size: 24px; }
.lp-about-4.lp-contact-us-bottom .wcn-location-info,
.lp-contact-cta-block .wcn-location-info { font-size: 28px; }
.lp-contact-cta-block { padding: 3em 1em; }
.lp-next-step .lp-btn { width: 100%; max-width: 320px; margin: 7px auto; }
section.hearing-aids-1 .lp-responsive-iframe { height: 340px; }
.row.lp-singlesided-item-1.section,
.row.lp-singlesided-item-2.section { flex-direction: column; width: 100%; }
.lp-singlesided-item-1 .col-sm-9,
.lp-singlesided-item-2 .col-sm-9 { text-align: center; }
.lp-singlesided-item-1 .col-sm-9 ul,
.lp-singlesided-item-2 .col-sm-9 ul { text-align: left; }
.lp-responsive-iframe { margin: 50px 0px 0px; }
body.page-our-serviceshearing-protection .row:nth-child(n+4):nth-child(-n+6) .col-sm-2,
body.page-our-serviceshearing-protection .row:nth-child(n+4):nth-child(-n+6) .col-sm-10 { flex-basis: 100%; max-width: 100%; }
body.page-our-serviceshearing-protection .main img { margin: auto !important; }
body.page-your-hearinghearing-aid-how-to-videos .videos-section .col-sm-6 { flex-basis: 100%; max-width: 100%; }
.feed-item .lp-flex { justify-content: center; }
.lp-accessory-img img { width: auto; margin: auto; }
.lp-map img { height: 300px; object-fit: cover; }
.lp-promo-2 .lp-location-item { padding: 40px 20px; }
.lp-event-col-right { padding: 0px; }
}
@media only screen and (max-width:400px) {
body.page-your-hearingonline-hearing-test .columns .container { padding-left: 10px !important; padding-right: 10px !important; }
.lp-subsection.lp-centered iframe { height: 450px; }
}
.lp-cta-tiles .cta-tile { margin: 0 auto; height: 100%; display: flex; flex-direction: column; }
.lp-cta-tiles .cta-tile-info { padding: 20px 20px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; flex-grow: 1; }
.cta-tile h5 { font-size: 29px; margin: 0; }
.lp-cta-tiles .col-md-4 { margin-bottom: 40px; }
section.technologies.lp-cta-tiles .cta-title,
section.technologies.lp-cta-tiles .cta-description,
section.technologies.lp-cta-tiles .cta-btn { height: auto !important; }
.lp-cta-tiles .cta-tile-img { border-top-right-radius: 5px; border-top-left-radius: 5px; }
.lp-cta-tiles .cta-tile-logo { height: 100px; display: flex; align-items: center; justify-content: center; width: 100%; }
.lp-cta-tiles .tech-logo { margin: 0 auto; }
.lp-cta-tiles .cta-tile-info { padding: 0 20px 20px 20px; justify-content: space-around; justify-content: flex-start; padding-bottom: 100px; position: relative; }
.lp-cta-tiles .cta-btn { position: absolute; bottom: 20px; }
.main-content { margin: 15px 0; width: 100%; }
.main-content .accordion-item { border-bottom: 1px solid #ccc; }
.main-content .description-title { font-size: 26px; color: black; padding-left: 10px; line-height: 55px; transition: 0.3s; margin-top: 2px; margin-bottom: 2px; position: relative; }
.main-content .description-title:hover { color: #aaa; cursor: pointer; }
.main-content .expand-collapse { margin-right: 8px; position: absolute; right: 0; top: 50%; }
.main-content .expand-collapse .expand-section { position: absolute; top: 50%; right: 0; margin-top: -6px; width: 12px; height: 12px; }
.main-content .expand-collapse .close-section { position: absolute; top: 50%; right: 0; margin-top: -6px; width: 12px; height: 12px; }
.main-content .expand-collapse .expand-section:before { top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; content: ""; position: absolute; background-color: #4a4a4a; transition: transform 0.25s ease-out; }
.main-content .expand-collapse .expand-section:after { top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px; content: ""; position: absolute; background-color: #4a4a4a; transition: transform 0.25s ease-out; }
.main-content .expand-collapse .close-section:before { transform: rotate(90deg); top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; content: ""; position: absolute; background-color: #4a4a4a; transition: transform 0.25s ease-out; }
.main-content .expand-collapse .close-section:after { transform: rotate(180deg); top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px; content: ""; position: absolute; background-color: #4a4a4a; transition: transform 0.25s ease-out; }
.main-content .description { font-size: 18px; max-height: 0; overflow: hidden; margin-left: 0px; padding-left: 10px; transition: max-height 0.2s ease-out; }
.main-content .description p { margin-top: 4px; }
.bs-row { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.col-md-half { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
@media (min-width:768px) {
.col-md-half { flex: 0 0 50%; max-width: 50%; }
}
.footnote p { font-size: 13px; color: #aaa; }
.custom-shape-divider-bottom-1714136518 { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg); }
.custom-shape-divider-bottom-1714136518 i.wcn-single-icon { position: relative; display: block; width: calc(100% + 1.3px); height: 150px; }
.custom-shape-divider-bottom-1714136518 .shape-fill { fill: #FFFFFF; }
.lp-featured--3-14-genesisai { background-size: cover; padding: 60px 0; }
.lp-featured--3-14-genesisai .col-sm-4 { display: flex; justify-content: center; align-items: center; }
.lp-featured--3-14-genesisai .col-sm-8 { display: flex; align-items: center; }
.lp-genesis-ai-wrap h2 { font-family: mr-eaves-xl-modern, sans-serif !important; font-size: 68px !important; font-weight: 800 !important; line-height: 1 !important; color: #fff !important; }
.lp-featured--3-14-genesisai p.disclaimer { font-size: 16px; margin-bottom: 0; }
.lp-genesisai-btn { font-family: mr-eaves-sans, sans-serif; font-weight: 700; line-height: 1; padding: 5px 15px; position: relative; font-size: 25px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center; border: 0px none rgb(255, 255, 255); color: rgb(255, 255, 255); cursor: pointer; text-decoration: none solid rgb(255, 255, 255); position: relative; line-height: 23px; background-color: rgb(14, 17, 20); border-radius: 40px; padding: 10px 22px; transition: all 0.5s ease 0s; text-align: center; font-weight: 700; outline: rgb(255, 255, 255) none 0px; max-width: 260px; margin: 0 auto; }
.lp-genesisai-btn::before { content: ''; display: block; position: absolute; border-radius: 1000px; top: -2px; bottom: -2px; right: -2px; left: -2px; z-index: -1; background: linear-gradient(270deg, #343434 0%, #fff 20%, #343434 70%); background-size: 140%; background-position: 30% 0; transition: background 0.3s; }
.lp-genesisai-btn::after { z-index: -1; content: ''; position: absolute; background: linear-gradient(-90deg, #0072ce 0%, #bb29bb 20%, #f2c75c 50%, #bb29bb 70%); background-size: 100% 200%; left: 0px; right: 0px; top: 1px; height: 100%; filter: blur(9px); transform: skew(8deg, 0deg); transition: all 0.2s linear; }
.lp-genesisai-btn:hover,
.lp-genesisai-btn:active { text-decoration: none; }
.lp-genesisai-btn:hover { text-decoration: none; color: #fff; }
.lp-genesisai-btn:hover::before { background-position: 130% 0; }
.lp-genesisai-btn:hover::after { filter: blur(19px); }
.lp-genesis-ai-wrap p { color: #fff; font-weight: 300; font-size: 22px; line-height: 1.4; letter-spacing: 1px; font-family: gill-sans-nova, sans-serif; }
.lp-genesis-ai-aids-img { max-width: 100%; width: 329px; margin: 0 auto 15px auto; }
.lp-genesis-ai-aids-img { position: relative; margin-top: -20px; }
.lp-genesisai-btn-wrap { position: relative; z-index: 6; margin: 0; }
@media screen and (max-width:574px) {
.lp-genesis-ai-wrap h2 { font-size: 52px !important; line-height: .9 !important; }
}
.sb-location-infowindow { width: 300px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; text-align: left; overflow: hidden; padding: 10px; margin-bottom: -15px; }
.sb-location-infowindow .sb-location-name { font-weight: bold; }
.gm-style .gm-style-iw { background-color: #fff !important; top: 0 !important; left: 0 !important; width: 100% !important; padding: 0 !important; display: block !important; }
.gm-style .gm-style-iw > div { overflow: hidden !important; }
.gm-style .gm-style-iw > div > div { overflow: hidden !important; }
.sb-marker { cursor: pointer; position: relative; }
.sb-marker { width: 35px; height: 48px; top: -48px; left: -17px; background-size: cover; background-image: url("/wp-content/uploads/themes/theme-beachcitieshs/assets/images/dot_pinlet-2-medium.png"); }
.sb-marker:hover,
.sb-marker.sb-marker-selected { background-image: url("/wp-content/uploads/themes/theme-beachcitieshs/assets/images/dot_pinlet-2-medium-red.png"); }
.sb-marker.sb-marker-currentlocation { background-image: url("/wp-content/uploads/themes/theme-beachcitieshs/assets/images/dot_pinlet-2-medium-orange.png"); }
.sb-pointer { background-color: green; width: 20px; height: 20px; border-radius: 20px; position: relative; left: -10px; top: -10px; opacity: .5; }
.sb-googlemap { width: 100%; height: 600px; position: relative; line-height: 1.5em; user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -o-user-select: none; -moz-user-select: none; }
.sb-googlemap a { color: #000; }
.sb-googlemap img { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); cursor: pointer; }
.sb-map-container { width: 100%; height: 100%; }
.sb-map-bounds { padding: 15px 15px 15px 390px; }
.sb-map-loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; background-color: rgba(0, 0, 0, 0.5); }
#gmap-7822,
#gmap-7822 .sb-googlemap { width: 100%; height: 340px; overflow: hidden; }
.clearfix:before,
.clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
mark.default-phone { color: #fff; background-color: red; font-style: normal; }
.content .payment-icon { max-height: 30px; max-width: 50px; }
.contact-form ul { list-style: none; padding: 0; margin: 0; color: red !important; clear: both; }
.form-error label { color: red !important; }
.form-error-top { color: red !important; }
.form-error input,
.form-error textarea { border-color: red !important; color: red !important; }
.form-required label:after { content: '*'; }
.podium-mobile-widget-active { overflow: hidden; height: 100%; width: 100%; position: fixed; }
.sr-only { position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; visibility: hidden; }
body.page-about-us-our-professionals .lp-professional-wrap { margin-top: 16px; margin-bottom: 16px; }
body.page-blog .posts img { max-width: 100%; padding: 10px 0; }
body.page-blog .sb-blog { padding: 20px; background-color: white; }
body.page-blog .sb-blogcategories,
body.page-blog .sb-blogarchives { padding: 20px; background: #f6f6f6; border-bottom: 1px solid black; margin: 20px 0; }
body.page-blog .list ul li { list-style-type: none; }
body.page-blog small.social { display: none; }
body.page-blog h2.title,
body.page-blog h2.title a,
body.page-blog h1.entry-title,
body.page-blog h1.title { font-size: 1.875rem; line-height: 1.2; text-decoration: none; font-weight: normal; margin-bottom: 20px; margin-top: 20px; }
body.page-blog .posts h2 { margin-top: 10px; margin-bottom: 10px; }
body.page-blog .posts ul { margin-left: 20px; margin-bottom: 8px; }
body.page-blog .entry p { font-size: 16px; line-height: 24px; margin-bottom: 8px; }
body.page-blog .sb-blog .box { padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px; }
body.page-blog .sb-blog .box:last-of-type { border-bottom: 0; }
body.page-blog .sb-blog a,
body.page-blog .list a { color: var(--wp--preset--color--primary); }
@media screen and (max-width:768px) {
.sb-col { float: none; width: 100% !important; }
}
body.page-blog body { background-image: none; background-color: #fff; }
body.page-blog .sb-row0 { background-image: url("/wp-content/uploads/themes/theme-beachcitieshs/assets/images/activeears-banner-img-2oz.jpg"); background-size: 100% auto; position: relative; background-repeat: no-repeat; }
body.page-blog .sb-row1 { ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; margin: 0 auto; max-width: 1280px; padding-left: 25px; padding-right: 25px; }
body.page-blog .entry p:first-child { margin-top: 0; }
@media (min-width:768px) {
.sb-blogcategories,
.sb-blogarchives { margin: 40px 0 40px 40px; }
}
@media screen and (max-width:767px) {
.sb-row1 { display: block; width: 100%; max-width: 100%; }
.sb-col { width: auto !important; float: none !important; }
}
body.page-contact-us #gmap-4440,
body.page-contact-us #gmap-4440 .sb-googlemap { width: 100%; height: 340px; overflow: hidden; }
@media only screen and (min-width:1001px) {
#sb-module-10648251 .box { display: none; }
}
@media only screen and (min-width:701px) and (max-width:1000px) {
#sb-module-10648251 .box { display: none; }
}
@media only screen and (max-width:700px) {
#sb-module-10648251 .box { display: none; }
}
body.page-hearing-aids .lp-hearingaids-brands-carousel { max-width: 100%; width: 100%; padding: 50px 8% 0 8%; }
body.page-hearing-aids .lp-hearingaids-brands-carousel-item.slick-slide { display: flex; justify-content: center; align-items: center; }
body.page-hearing-aids .lp-hearingaids-brands-carousel .slick-track { display: flex; justify-content: center; align-items: center; width: 100%; }
body.page-hearing-aids .lp-ha-section { margin: 96px 0; padding-top: 0; padding-bottom: 0; }
body.page-hearing-aids .lp-hearing-aids-1 { margin-top: 1.5rem; }
body.page-hearing-aids .lp-ha-section.lp-cta-tiles,
body.page-hearing-aids .lp-ha-section .lp-cta-tiles { background: transparent !important; }
body.page-hearing-aids .lp-ha-section.lp-cta-tiles .cta-tile,
body.page-hearing-aids .lp-ha-section .lp-cta-tiles .cta-tile { background: #FFFFFF; box-shadow: 0px 6px 12px -2px rgba(50, 50, 50, 0.1), 0px 3px 7px -3px rgba(0, 0, 0, 0.06), 0px 0px 30px rgba(0, 0, 0, 0.2); border-radius: 17px; }
body.page-hearing-aids .lp-ha-section.lp-cta-tiles .cta-tile-img,
body.page-hearing-aids .lp-ha-section .lp-cta-tiles .cta-tile-img { border-top-right-radius: 17px; border-top-left-radius: 17px; }
body.page-hearing-aids .lp-ha-section.lp-cta-tiles .cta-tile-info { padding-top: 40px; }
body.page-hearing-aids .lp-ha-section.lp-cta-tiles .cta-btn { bottom: 38px; }
@media (min-width:992px) {
.lp-ha-section.lp-cta-tiles .col-md-4 { margin-bottom: 0; }
}
body.page-hearing-aids .lp-hearing-aids-video .video-container { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 40px auto 0 auto; }
body.page-hearing-aids .lp-hearing-aids-video .video-wrapper { display: flex; justify-content: center; align-items: center; position: relative; box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.6); border-radius: 17px; overflow: hidden; }
body.page-hearing-aids .lp-hearing-aids-video .video-container iframe { border: none; }
body.page-hearing-aids .lp-hearing-aids-video .video-container video { width: 100%; height: 100%; border-radius: 17px; position: relative; z-index: 2; }
body.page-hearing-aids .lp-hearing-aids-video .video-container .video-bg { background: #4E4E4E; filter: blur(18px); border-radius: 17px; content: ''; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: .5; }
body.page-hearing-aids .play-button-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: auto; pointer-events: none; z-index: 2; }
body.page-hearing-aids .play-button-wrapper #circle-play-b { cursor: pointer; pointer-events: auto; }
body.page-hearing-aids .play-button-wrapper #circle-play-b i.wcn-single-icon { width: 130px; height: 130px; background-color: #fff; stroke: #fff; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; opacity: 0.7; }
body.page-hearing-aids .lp-hearing-aids-video .mp4-container .video-play { user-select: text !important; cursor: pointer; align-content: space-around; display: flex; align-items: center; flex-direction: column; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; z-index: 2; }
body.page-hearing-aids .lp-hearing-aids-video .video-container .video-play i.wcn-single-icon { width: 140px; height: 140px; }
body.page-hearing-aids .lp-featured--3-14-genesisai { background-size: cover; padding: 60px 0; }
body.page-hearing-aids .lp-featured--3-14-genesisai .col-sm-4 { display: flex; justify-content: center; align-items: center; }
body.page-hearing-aids .lp-featured--3-14-genesisai .col-sm-8 { display: flex; align-items: center; }
body.page-hearing-aids .lp-genesis-ai-wrap h2 { font-family: mr-eaves-xl-modern, sans-serif !important; font-size: 68px !important; font-weight: 800 !important; line-height: 1 !important; color: #fff !important; }
body.page-hearing-aids .lp-featured--3-14-genesisai p.disclaimer { font-size: 16px; margin-bottom: 0; }
body.page-hearing-aids .lp-genesisai-btn { font-family: mr-eaves-sans, sans-serif; font-weight: 700; line-height: 1; padding: 5px 15px; position: relative; font-size: 25px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center; border: 0px none rgb(255, 255, 255); color: rgb(255, 255, 255); cursor: pointer; text-decoration: none solid rgb(255, 255, 255); position: relative; line-height: 23px; background-color: rgb(14, 17, 20); border-radius: 40px; padding: 10px 22px; transition: all 0.5s ease 0s; text-align: center; font-weight: 700; outline: rgb(255, 255, 255) none 0px; max-width: 260px; margin: 0 auto; }
body.page-hearing-aids .lp-genesisai-btn::before { content: ""; display: block; position: absolute; border-radius: 1000px; top: -2px; bottom: -2px; right: -2px; left: -2px; z-index: -1; background: linear-gradient(270deg, #343434 0%, #fff 20%, #343434 70%); background-size: 140%; background-position: 30% 0; transition: background 0.3s; }
body.page-hearing-aids .lp-genesisai-btn::after { z-index: -1; content: ""; position: absolute; background: linear-gradient(-90deg, #0072ce 0%, #bb29bb 20%, #f2c75c 50%, #bb29bb 70%); background-size: 100% 200%; left: 0px; right: 0px; top: 1px; height: 100%; filter: blur(9px); transform: skew(8deg, 0deg); transition: all 0.2s linear; }
body.page-hearing-aids .lp-genesisai-btn:hover,
body.page-hearing-aids .lp-genesisai-btn:active { text-decoration: none; }
body.page-hearing-aids .lp-genesisai-btn:hover { text-decoration: none; color: #fff; }
body.page-hearing-aids .lp-genesisai-btn:hover::before { background-position: 130% 0; }
body.page-hearing-aids .lp-genesisai-btn:hover::after { filter: blur(19px); }
body.page-hearing-aids .lp-genesis-ai-wrap p { color: #fff; font-weight: 300; font-size: 22px; line-height: 1.4; letter-spacing: 1px; font-family: gill-sans-nova, sans-serif; }
body.page-hearing-aids .lp-genesis-ai-aids-img { max-width: 100%; width: 329px; margin: 0 auto 15px auto; }
body.page-hearing-aids .lp-genesis-ai-aids-img { position: relative; margin-top: -20px; }
body.page-hearing-aids .lp-genesisai-btn-wrap { position: relative; z-index: 6; margin: 0; }
@media screen and (max-width:991px) {
.lp-featured--3-14-genesisai { background-position: 65% 100%; }
.lp-genesisai-btn-wrap { text-align: center; margin-top: 15px; }
.lp-genesis-ai-aids-img { width: 250px; }
}
@media screen and (max-width:767px) {
.lp-featured--3-14-genesisai .col-sm-8 { justify-content: center; }
.lp-featured--3-14-genesisai { background-image: url("/wp-content/uploads/themes/theme-beachcitieshs/assets/images/starkey-mobile-banner-img.png") !important; }
.lp-genesis-cta-wrap { display: block; gap: 40px; }
.lp-genesis-ai-aids-img { margin: 20px 0 25px 0; }
.lp-genesis-ai-wrap { text-align: center; }
.lp-genesis-ai-aids-img { width: 250px; justify-self: flex-start; }
.lp-genesis-ai-wrap img { margin: 0 auto; }
.lp-genesisai-btn-wrap { margin-bottom: 15px; }
.lp-genesis-ai-wrap h2 { font-size: 58px !important; }
.lp-genesisai-btn { font-size: 25px; }
}
@media screen and (max-width:574px) {
.lp-featured--3-14-genesisai { background-position: center 100%; }
.lp-genesis-ai-wrap p { max-width: 340px; margin: 15px auto; line-height: 1.3; }
.lp-genesisai-btn-wrap { margin-top: 0; }
.lp-featured--3-14-genesisai p.subtitle { font-size: 18px !important; line-height: 1.3 !important; }
.lp-genesisai-btn { font-size: 23px; }
.lp-genesis-ai-wrap h2 { font-size: 52px !important; line-height: 0.9 !important; }
}
body.page-hearing-loss-simulator-iframe [ng\:cloak],
body.page-hearing-loss-simulator-iframe [ng-cloak],
body.page-hearing-loss-simulator-iframe [data-ng-cloak],
body.page-hearing-loss-simulator-iframe [x-ng-cloak],
body.page-hearing-loss-simulator-iframe .ng-cloak,
body.page-hearing-loss-simulator-iframe .x-ng-cloak,
body.page-hearing-loss-simulator-iframe .ng-hide:not(.ng-hide-animate) { display: none !important; }
body.page-hearing-loss-simulator-iframe ng\:form { display: block; }
body.page-hearing-loss-simulator-iframe .ng-animate-shim { visibility: hidden; }
body.page-hearing-loss-simulator-iframe .ng-anchor { position: absolute; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal_wrapper { padding: 12px 12px; box-sizing: border-box; z-index: 9999997; position: fixed; text-align: center; bottom: 0; background: rgba(0, 0, 0, 0.8); left: 0; right: 0; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal { display: inline-block; vertical-align: middle; width: 100%; max-width: 1250px; box-sizing: border-box; z-index: 9999998; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal2 { width: 100%; box-sizing: border-box; padding: 18px 12px 0px 12px; background: #fff; float: left; text-align: center; z-index: 9999999; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal_inner { width: 100%; margin: 0 auto; max-width: 1200px; color: #FFF; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal-headline { font-size: 16px; color: #000000; line-height: 1.1em; width: 100%; float: left; text-align: center; font-weight: 600; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal-body { color: #555; width: 85%; float: left; text-align: justify; line-height: 1.1em; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal-neccessary { color: #000000; width: 100%; float: left; text-align: justify; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal-body a,
body.page-hearing-loss-simulator-iframe #sdgdpr_modal-body a:link,
body.page-hearing-loss-simulator-iframe #sdgdpr_modal-body a:active { text-decoration: underline; color: #0077bf; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal-body a:hover { color: #0077bf; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal_buttons { width: 15%; float: left; padding: 0; padding-bottom: 8px; margin: 0; text-align: center; list-style: none; font-size: 14px; min-width: 75px; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal_buttons span { list-style: none; display: inline-block; width: 80%; max-width: 250px; vertical-align: middle; padding: 8px 16px; cursor: pointer; font-weight: 600; box-sizing: border-box; margin: 8px auto; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal_buttons-agree { background-color: #1e9be9; color: #FFF; border-color: #1e9be9; border-width: 1px; border-style: solid; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal_buttons-agree:hover { background-color: #fff; color: #1e9be9; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal_buttons-complex { background-color: transparent; color: #1e63c6; border-color: #1e63c6; border-width: 1px; border-style: solid; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal_buttons-complex:hover { border-color: #06427e; color: #06427e; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal-sub { width: 100%; float: left; padding: 8px 0 12px; text-align: center; box-sizing: border-box; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal-sub > #sdgdpr_modal-complex { color: #1e63c6; text-decoration: underline; font-size: 16px; }
body.page-hearing-loss-simulator-iframe #sdgdpr_modal-sub > #sdgdpr_modal-complex:hover { color: #06427e; }
body.page-hearing-loss-simulator-iframe .privacy_prompt_link { float: left; width: 100%; text-align: center; }
body.page-hearing-loss-simulator-iframe .privacy_prompt_link a { color: #1e63c6; text-decoration: underline; }
body.page-hearing-loss-simulator-iframe .privacy_prompt_link a:hover { color: #06427e; }
body.page-hearing-loss-simulator-iframe .ub-emb-iframe-wrapper { display: none; position: relative; vertical-align: middle; }
body.page-hearing-loss-simulator-iframe .ub-emb-iframe-wrapper.ub-emb-visible { display: inline-block; }
body.page-hearing-loss-simulator-iframe .ub-emb-iframe-wrapper .ub-emb-close { background-color: hsla(0, 0%, 100%, .6); border: 0; border-radius: 50%; color: #525151; cursor: pointer; font-size: 20px; font-weight: 400; height: 20px; line-height: 1; outline: none; padding: 0; position: absolute; right: 10px; text-align: center; top: 10px; transition: transform .2s ease-in-out, background-color .2s ease-in-out; width: 20px; z-index: 1; }
body.page-hearing-loss-simulator-iframe .ub-emb-iframe-wrapper.ub-emb-mobile .ub-emb-close { transition: none; }
body.page-hearing-loss-simulator-iframe .ub-emb-iframe-wrapper .ub-emb-close:before { content: ""; height: 40px; position: absolute; right: -10px; top: -10px; width: 40px; }
body.page-hearing-loss-simulator-iframe .ub-emb-iframe-wrapper .ub-emb-close:hover { background-color: #fff; -ms-transform: scale(1.2); transform: scale(1.2); }
body.page-hearing-loss-simulator-iframe .ub-emb-iframe-wrapper .ub-emb-close:active,
body.page-hearing-loss-simulator-iframe .ub-emb-iframe-wrapper .ub-emb-close:focus { background: hsla(0, 0%, 100%, .35); color: #444; outline: none; }
body.page-hearing-loss-simulator-iframe .ub-emb-iframe-wrapper .ub-emb-iframe { border: 0; max-height: 100%; max-width: 100%; }
body.page-hearing-loss-simulator-iframe .ub-emb-overlay .ub-emb-iframe-wrapper .ub-emb-iframe { box-shadow: 0 0 12px rgba(0, 0, 0, .3), 0 1px 5px rgba(0, 0, 0, .2); }
body.page-hearing-loss-simulator-iframe .ub-emb-overlay .ub-emb-iframe-wrapper.ub-emb-mobile { max-width: 100vw; }
body.page-hearing-loss-simulator-iframe .ub-emb-overlay { transition: visibility .3s step-end; visibility: hidden; }
body.page-hearing-loss-simulator-iframe .ub-emb-overlay.ub-emb-visible { transition: none; visibility: visible; }
body.page-hearing-loss-simulator-iframe .ub-emb-overlay .ub-emb-backdrop,
body.page-hearing-loss-simulator-iframe .ub-emb-overlay .ub-emb-scroll-wrapper { opacity: 0; position: fixed; transition: opacity .3s ease, z-index .3s step-end; z-index: -1; }
body.page-hearing-loss-simulator-iframe .ub-emb-overlay .ub-emb-backdrop { background: rgba(0, 0, 0, .6); bottom: -1000px; left: -1000px; right: -1000px; top: -1000px; }
body.page-hearing-loss-simulator-iframe .ub-emb-overlay .ub-emb-scroll-wrapper { -webkit-overflow-scrolling: touch; bottom: 0; box-sizing: border-box; left: 0; overflow: auto; padding: 30px; right: 0; text-align: center; top: 0; white-space: nowrap; width: 100%; }
body.page-hearing-loss-simulator-iframe .ub-emb-overlay .ub-emb-scroll-wrapper:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
body.page-hearing-loss-simulator-iframe .ub-emb-overlay.ub-emb-mobile .ub-emb-scroll-wrapper { padding: 30px 0; }
body.page-hearing-loss-simulator-iframe .ub-emb-overlay.ub-emb-visible .ub-emb-backdrop,
body.page-hearing-loss-simulator-iframe .ub-emb-overlay.ub-emb-visible .ub-emb-scroll-wrapper { opacity: 1; transition: opacity .4s ease; z-index: 2147483647; }
body.page-hearing-loss-simulator-iframe .ub-emb-bar { transition: visibility .2s step-end; visibility: hidden; }
body.page-hearing-loss-simulator-iframe .ub-emb-bar.ub-emb-visible { transition: none; visibility: visible; }
body.page-hearing-loss-simulator-iframe .ub-emb-bar .ub-emb-bar-frame { left: 0; position: fixed; right: 0; text-align: center; transition: bottom .2s ease-in-out, top .2s ease-in-out, z-index .2s step-end; z-index: -1; }
body.page-hearing-loss-simulator-iframe .ub-emb-bar.ub-emb-ios .ub-emb-bar-frame { right: auto; width: 100%; }
body.page-hearing-loss-simulator-iframe .ub-emb-bar.ub-emb-visible .ub-emb-bar-frame { transition: bottom .3s ease-in-out, top .3s ease-in-out; z-index: 2147483646; }
body.page-hearing-loss-simulator-iframe .ub-emb-bar .ub-emb-close { bottom: 0; margin: auto 0; top: 0; }
body.page-hearing-loss-simulator-iframe .ub-emb-bar:not(.ub-emb-mobile) .ub-emb-close { right: 20px; }
body.page-our-services-hearing-protection .lp-subsection { margin: 40px 0; }
body.page-your-hearing-hearing-loss-simulator #iFrameHearingTest { width: 100%; min-height: 620px; transition: height 0.25s ease; }
body.page-your-hearing-tinnitus-tinnitus-test #hearingToolsIframeWrap { height: 670px; width: 100%; min-height: 670px; transition: height .1s ease; padding: 20px 0; }
body.page-your-hearing-tinnitus-tinnitus-test #tinnitus-test { width: 100%; min-height: 620px; transition: height 0.5s ease; }
body.page-your-hearing-your-hearing-journey #yhj { width: 100%; transition: height 0.5s ease; }
.sb-row1,
.sb-row6 { position: relative; }
.sb-row1:before,
.sb-row6:before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 1px; background-color: white; }
.lp-header-container:has(.top-header.top-overlay) { background-color: white!important; }
.map-d2-loc .lp-btn { white-space: nowrap; }
.embed.gmap { max-width: 550px; height: 340px; }
h2,
h3,
h4 { font-weight: bold !important; }
.hdr-info .wcn-location-info__loc { display: grid; }
.hdr-info .wcn-location-info__loc a { color: var(--wp--preset--color--primary); }
footer .wcn-location-info__loc a { color: var(--wp--preset--color--primary); text-decoration: underline; }
footer .wcn-location-info__address { margin-top: 0; }
header figure { margin: 0; }
.is-sticky { position: sticky; top: 0px; z-index: 99; }
.footer-sticky { position: sticky; width: 100%; bottom: 0; z-index: 99; }
a.wp-block-wcn-dom-block p { margin: 0 !important; color: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; }
.lp-has-subnav:hover .lp-subnav { display: block; }
.lp-header-logo a img { height: auto !important; }
.site-a-lp-footer-nav ul,
.site-b-lp-footer-nav ul,
.site-d-lp-footer-nav ul { margin-top: 1rem; }
.site-b-lp-footer figure { width: fit-content; margin-left: auto; margin-right: auto; }
.site-a-image img { width: unset !important; }
header img { transition: all 0.25s ease-in-out; }
.top-header { transition: all 0.25s ease-in-out; }
.lp-Slides.active,
.testimonial.active,
.carousel-inner .item.active { display: block; }
.lp-Slides,
.testimonial,
.carousel-inner .item { display: none; }
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; }
.single-map-loc .hp-map { display: block !important; }
ul.social-list { margin-top: 1rem; margin-bottom: 1rem; }
.plus-wrapper { display: flex; justify-content: flex-end; width: 40px; height: 20px; background-color: transparent; align-items: center; }
@media screen and (max-width:1221px) {
.lp-header-inner div.nav-menu.open { padding: 30px 35px !important; }
}
.form-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 1em; }
.form-field { grid-column: 1 / span 2; }
.form-field label { display: none; }
.form-field:has(label[for="input_1_8"]),
.form-field:has(label[for="input_1_9"]) { grid-column: 1; }
.form-field:has(label[for="input_1_8"]) + .form-field,
.form-field:has(label[for="input_1_9"]) + .form-field { grid-column: 2; margin-top: auto; margin-bottom: 3px; }
@media screen and (max-width:570px) {
.form-field:has(label[for="input_1_8"]),
.form-field:has(label[for="input_1_9"]) { grid-column: 1 / span 2; }
.form-field:has(label[for="input_1_8"]) + .form-field,
.form-field:has(label[for="input_1_9"]) + .form-field { grid-column: 1 / span 2; }
}
.form-field.error input,
.form-field.error textarea,
.form-field.error select { border-color: red; }
.form-field .error-message { margin-left: auto; width: fit-content; display: block; color: red; }
.form-field.hide { display: none; }
header.wp-block-template-part { position: sticky; top: 0px; z-index: 99; }
.wcn-gravity-form button[type="submit"] { margin-top: 1em; }
.site-c-loc-bg .embed.gmap { height: unset !important; aspect-ratio: 1/1; }
.site-c-loc-bg { margin-bottom: 1em; }
.site-c-loc-bg .lp-btn:not(:first-child) { margin-top: 1.5em; }
.lp-contact-us-bottom .lp-btn { margin-top: 1em !important; }
.site-a-testimonials .lp-btn,
.site-b-testimonials .lp-btn,
.site-c-testimonials .lp-btn,
.site-d-testimonials .lp-btn,
.site-e-testimonials .lp-btn,
.site-d1-testimonials .lp-btn,
.lp-bg-testimonials .lp-btn,
.testi-box .lp-btn { text-align: center; width: fit-content; margin-left: auto; margin-right: auto; display: flex; margin-top: 1.5em; }
.stars { display: flex; flex-direction: row; width: fit-content; margin-left: auto; margin-right: auto; gap: 2px; }
.stars img { object-fit: contain; width: 20px; height: 20px; }
.sb-googlemap { height: 100% !important; }
.sub-menu li a:hover,
a.menu-nav:focus-within,
.sub-menu li a:focus-within { color: inherit !important; }

/* Customization */
.wcn-two-header .top-header { background: var(--wp--preset--color--white);}
.custom-shape-divider-top svg { width: calc(100% + 1.3px); }

.wcn-two-hero-banner {
    background-position: 55% 0;
    background-size: cover;
    /* background: linear-gradient(180deg,rgba(255, 255, 255, .6) 15%, rgba(100, 57, 101, .7) 50%, rgba(100, 57, 101, 0.4) 100%); */
    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, .25) 100%);
    height: auto;
    /* min-height: 50vh; */
    position: relative;
}

@media only screen and (max-width: 1100px) {

    .wcn-two-header .wcn-header-nav {
        width:fit-content;
    }

    .wcn-two-header .lp-header-inner div {
        text-align: left;
    }
    .wcn-two-header .lp-header-inner .main-nav {
        line-height: 1;
        margin-left: auto;
        margin-right: 15px;
        text-align: center;
    }

    .wcn-two-header .menu a {
        font-size:14px!important;
    }

    .wcn-two-header .menu li .sub-menu a:hover {
        color:var(--wp--preset--color--secondary) !important;
    }
}
@media only screen and (max-width: 767px) {
    body.home .wcn-two-header .top-header {
        background-color: var(--wp--preset--color--white);
    }
    .wcn-two-hero-banner { background: rgba(255, 255, 255, 1); }
    .map__locations-wrap { text-align: center;}
    .map__location { flex-direction: column; text-align: center; }
}

.wcn-two-header .top-overlay, body.home .wcn-two-header .top-overlay {
    box-shadow: none;
}

.map__locations-wrap { padding: 25px; background: rgba(0,0,0,0.5); border-radius: 20px; }

.map__locations-wrap hr { background: var(--wp--preset--color--white); }

.wcn-two-intro-image-inner img { border-radius: 0; }
.wcn-two-intro .circle { display: none; }

/* .wcn-two-teaser .wcn-two-teaser-image img { filter: hue-rotate(65deg) contrast(0.2); } */
.wcn-two-teaser { margin:0!important; }
.wcn-two-teaser .wp-block-buttons { max-width: 85%; }
.wcn-two-teaser .wp-block-buttons:hover { max-width: 85%; }
.wcn-two-teaser .wcn-two-teaser-item:hover { transform: unset; }

header .wcn-location-info__loc { display:flex!important; }
@media screen and (max-width:1100px) {
    header .wcn-location-info { display:none; }
}
header .wcn-logo img { width:100%!important; }
header .wcn-logo a, footer .wcn-logo a { width:100%; }
header .wcn-logo, footer .wcn-logo { max-width: 280px; width:100%!important; margin-left:auto; margin-right:auto; }
@media screen and (max-width:768px) {
  header .wcn-logo, footer .wcn-logo { width:100%!important; }
  header .wcn-logo img { width:70%!important; }
  .wcn-two-hero-banner-inner h1 { font-size: 2rem !important; }
}

.testimonials-two .wp-block-cover__inner-container { position:static; }

.about-gallery { width:100%; }

.wcn-two-promo-event-item { border-bottom:5px solid var(--wp--preset--color--tertiary); }

.lp-localinfo-ctas a:first-child { margin-bottom:0; }

.wcn-two-header .menu a, .wcn-two-header a.menu-nav { font-size: 18px; }
.wp-block-button__link.has-white-color { color:white!important; }
.wp-block-button__link.has-white-color:hover { background-color:white!important; color:var(--wp--preset--color--primary)!important; }

.wcn-two-teaser-item .wp-block-button i { background-color:white!important; }
.wcn-two-teaser-item .wp-block-button__link:hover { background-color:transparent!important; }

.wcn-two-intro-image { max-width:95%; }
.wcn-two-intro-image-inner { position:relative; }
.wcn-two-intro-image-inner:after { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(180deg,rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 1) 100%); z-index:5; }

body.single-landingpage .p-promo-1 .wp-block-starkey-location-phone{ background-color:var(--wp--preset--color--primary)!important; color:white!important; }