/**
 * opto-d10 v1.0.4
 *
 * Custom theme for Canadian Association of Optometrists
 *
 * Package    DRUPAL10
 * Subpackage CAO_THEME
 * Version    1.0.4
 * Author     Jason D. Moss <work@jdmlabs.com> (https://www.jdmlabs.com/)>
 * Copyright  Canadian Association of Optometrists. All rights reserved.
 * License    SEE LICENSE IN <LICENSE.txt> License
 * Link       
 */


:root{--finder--text: oklch(18.32% 0.046 280.84);--finder--text-reversed: oklch(100% 0 0);--finder--blue--dark: oklch(30.25% 0.185 264.17);--finder--blue--light: oklch(94.5% 0.013 221.43);--finder--blue--light-hover: oklch(92.5% 0.013 221.43);--finder--blue--light-border: oklch(90.5% 0.013 221.43);--finder--gray--light: oklch(88.01% 0.014 214.37 / 20%);--finder--orange: oklch(73.68% 0.181 54.42);--finder--orange-light: oklch(90% 0.181 54.42);--finder--red: oklch(59.6% 0.2445721905058381 29.233885192342644);--finder--red-light: oklch(59.6% 0.2445721905058381 29.233885192342644 / 50%);--finder--electric-lime: oklch(92.01% 0.236 126.7);--finder--electric-lime-light: oklch(92.01% 0.236 126.7 / 5%);--focus-ring--blue: 0.175rem dashed var(--finder--blue--dark);--focus-ring--orange: 0.175rem dashed var(--finder--orange);--map-icon: url("../images/icons/plus.svg");--filter-fall: filter-fall 0.15s ease-in-out;--sweep-left: sweep-left 0.2s ease-in-out;--sweep-right: sweep-right 0.2s ease-in-out}@supports not (color: oklch(0% 0 0deg)){:root{--finder--text: rgb(0, 0, 0);--finder--text-reversed: rgb(255, 255, 255);--finder--blue--dark: rgb(0, 20, 137);--finder--blue--light: rgba(228, 239, 243);--finder--blue--light-hover: rgba(221, 232, 236);--finder--blue--light-border: rgba(215, 226, 230);--finder--gray--light: rgb(206, 218, 221, 0.2);--finder--orange: rgb(254, 132, 13);--finder--red: rgb(238, 0, 0);--finder--red-light: rgba(238, 0, 0, 0.5);--finder--debugging: rgb(187, 255, 0);--focus-ring--blue: 0.175rem dashed var(--finder--blue--dark);--focus-ring--orange: 0.175rem dashed var(--finder--orange)}}@keyframes filter-fall{0%{opacity:0;transform:translatey(-1rem)}100%{opacity:1;transform:translatey(0)}}@keyframes sweep-left{0%{opacity:0;margin-inline-end:-2rem}100%{opacity:1;margin-inline-end:0}}@keyframes sweep-right{0%{opacity:0;margin-inline-start:-2rem}100%{opacity:1;margin-inline-start:0}}html{scroll-behavior:smooth}body.node-132{cursor:default}body.node-132 .finder--header{scroll-margin-top:2rem}body.node-132 .finder--header .cao-banner{background-image:url("../images/cao-find-a-doc-header.jpg")}body.node-132 .finder--header .finder--form{display:flex;flex-direction:column;gap:2rem 0}body.node-132 .finder--header section fieldset{display:flex;flex-flow:row wrap;align-items:flex-start;width:100%}body.node-132 .finder--header section.location fieldset{gap:1rem 2rem}body.node-132 .finder--header section fieldset label{width:100%;font-size:.9rem;color:var(--finder--text-reversed)}body.node-132 .finder--header section fieldset label>span:first-of-type{display:inline-block;margin-block-end:.5rem}body.node-132 .finder--header section fieldset label>small{display:inline-block;margin-block:.5rem 0}body.node-132 .finder--header section.accepting fieldset label>span:first-of-type{margin-block-end:0}body.node-132 .finder--header section fieldset input,body.node-132 .finder--header section fieldset select{width:100%;border-radius:.125rem}body.node-132 .finder--header section fieldset input{position:relative;padding:.35rem .25rem;border:.125rem solid var(--finder--text-reversed);font-size:1.125rem;line-height:1.4}body.node-132 .finder--header section fieldset .selector{display:block;position:relative;width:100%;height:2.5rem}body.node-132 .finder--header section fieldset .selector select{z-index:1;padding:.475rem 1rem;border:none;appearance:none}body.node-132 .finder--header section fieldset .selector select,body.node-132 .finder--header section fieldset .selector select option{font-size:1.125rem}body.node-132 .finder--header section fieldset .selector .icon--angle-down{z-index:2;position:relative;bottom:2rem;left:calc(100% - 2.5rem);width:1.25rem;height:.75rem;fill:var(--finder--text)}body.node-132 .finder--header section.actions{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:1.5rem;margin-block-start:1rem}body.node-132 .finder--header section.actions button{font-size:.9rem}body.node-132 .finder--header section.actions button.btn-info{font-weight:700}body.node-132 .finder--header section.actions .filter-toggle{margin-inline-start:-0.5rem;padding:.5rem;border-radius:0;text-underline-offset:.25rem;text-decoration:underline solid;font-weight:700}body.node-132 .finder--header section.actions .filter-toggle,body.node-132 .finder--header section.actions .filter-toggle:link,body.node-132 .finder--header section.actions .filter-toggle:visited{color:var(--finder--text-reversed)}body.node-132 .finder--header section.actions .filter-toggle:active,body.node-132 .finder--header section.actions .filter-toggle:hover,body.node-132 .finder--header section.actions .filter-toggle:focus{background-color:var(--finder--text-reversed);color:var(--finder--text)}body.node-132 .finder--header input:hover,body.node-132 .finder--header input:focus,body.node-132 .finder--header select:hover,body.node-132 .finder--header select:focus,body.node-132 .finder--header button:hover,body.node-132 .finder--header button:focus{outline:none}body.node-132 .finder--header input:focus-visible,body.node-132 .finder--header select:focus-visible,body.node-132 .finder--header button:focus-visible{border-radius:0;outline-offset:.15rem;outline:var(--focus-ring--orange)}@media screen and (min-width: 28.75rem){body.node-132 .finder--header section.location fieldset label:first-of-type{width:calc(60% - 1rem)}body.node-132 .finder--header section.location fieldset label:last-of-type{width:calc(40% - 1rem)}}body.node-132 .finder--filters{display:block;visibility:visible;height:auto;padding-block:4rem;background-color:var(--finder--gray--light);color:var(--finder--text)}body.node-132 .finder--filters[hidden]{padding-block:0}body.node-132 .finder--filters>.container,body.node-132 .finder--filters .filters{display:flex;flex-direction:column;gap:2rem 0}body.node-132 .finder--filters,body.node-132 .finder--filters header,body.node-132 .finder--filters .filters{width:100%}body.node-132 .finder--filters header,body.node-132 .finder--filters .filters{background-color:rgba(0,0,0,0)}body.node-132 .finder--filters pe-accordion{display:flex;flex-direction:column;gap:2rem 0}body.node-132 .finder--filters .checkbox-container{display:flex;flex-flow:row wrap;gap:2rem 8rem;padding-block:0 2rem}body.node-132 .finder--filters .checkbox-container label{font-weight:600;font-size:1.15rem}body.node-132 .finder--filters details{width:calc(100% + 2rem);margin:0 -1rem;padding:1rem;border:.2rem dashed rgba(0,0,0,0);appearance:none}body.node-132 .finder--filters details summary{display:flex;align-content:center;padding-inline:0;text-underline-offset:.5rem;text-decoration:underline dotted .15rem;font-weight:bold;font-size:1.5rem}body.node-132 .finder--filters details summary::marker{content:""}body.node-132 .finder--filters details summary::before{content:var(--map-icon);display:flex;width:2rem;margin-inline-start:-0.75rem}body.node-132 .finder--filters details summary:focus{outline:none}body.node-132 .finder--filters details summary:focus-visible{outline-offset:.15rem;outline:var(--focus-ring--orange)}body.node-132 .finder--filters details[open]{border-color:var(--finder--blue--light-border)}body.node-132 .finder--filters details[open] summary{text-decoration:none}body.node-132 .finder--filters details[open] summary::marker{content:""}body.node-132 .finder--filters details[open] summary::before{content:url("../images/icons/minus.svg");display:flex;width:2rem;margin-inline-start:-0.75rem}body.node-132 .finder--filters details .filter-group{display:flex;flex-flow:row wrap;gap:1rem;padding:1rem 0}body.node-132 .finder--filters details label{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;width:fit-content;padding:.5rem 1rem;border:.15rem solid var(--finder--blue--light);border-radius:.15rem;background-color:var(--finder--blue--light);font-weight:700;font-size:.9rem}body.node-132 .finder--filters details label+*{clear:none}body.node-132 .finder--filters details label:first-of-type:has(input){border-color:var(--finder--orange)}body.node-132 .finder--filters details label:has(input:hover,input:focus){border-color:var(--finder--orange);background-color:oklch(from var(--finder--blue--light) 96.5% c h)}body.node-132 .finder--filters details label:has(input:focus-visible){border-radius:0;outline-offset:.15rem;outline:var(--focus-ring--orange)}body.node-132 .finder--filters details label>span{display:flex;place-content:center;padding:.5rem 1rem}body.node-132 .finder--filters details label>input{position:absolute;width:1rem;height:1rem;opacity:.00001}body.node-132 .finder--filters details label:has(>input:checked){background-color:var(--finder--orange);border-color:var(--finder--orange);color:var(--finder--text)}body.node-132 .finder--filters details[open] summary~*{animation:var(--filter-fall)}body.node-132 .finder--filters .actions{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:1.5rem;margin-block-start:2rem}body.node-132 .finder--filters .actions button{font-weight:700;font-size:.9rem}body.node-132 .finder--filters .actions .toggler{color:var(--finder--text)}body.node-132 .finder--results{scroll-margin-top:2rem;padding-block:4rem}body.node-132 .finder--results>.container{display:flex;flex-direction:column;gap:2rem 0}body.node-132 .finder--results .query-summary{scroll-margin-top:2rem}body.node-132 .finder--results .results--map figure .map-render~*{animation:var(--sweep-right)}body.node-132 .finder--results .results--map figure,body.node-132 .finder--results .results--map .physicians-list{transition:width 1s ease-in-out,height 1s ease-in-out}body.node-132 .finder--results .results--map figure{display:grid;grid-template-columns:100%;align-items:start;justify-content:start;gap:1rem;width:100%;transition:300ms}body.node-132 .finder--results .results--map .map-render{width:100%;min-height:27rem;background-color:var(--finder--blue--light);transition:var(--sweep-left)}body.node-132 .finder--results .results--map .map-render * img{max-width:none;transition:.3s ease-in-out}body.node-132 .finder--results .results--map .physicians-list{display:flex;flex-direction:column;gap:1rem 0;align-self:stretch;overflow-y:auto;max-height:27rem;padding:3rem;border-radius:3rem 0;background-color:var(--finder--blue--dark);color:var(--finder--text-reversed)}body.node-132 .finder--results .results--map .physicians-list .close-panel{align-self:flex-end;margin-block-start:-2rem;margin-inline-end:-2rem;transition:transform .2s ease-in-out}body.node-132 .finder--results .results--map .physicians-list .close-panel:hover,body.node-132 .finder--results .results--map .physicians-list .close-panel:focus{transform:scale(1.2)}body.node-132 .finder--results .results--map .physicians-list h3{margin-block-end:1rem;font-size:1.25rem}body.node-132 .finder--results .results--practice,body.node-132 .finder--results .results--practice>.card-list{display:flex;flex-direction:column;gap:2rem 0}body.node-132 .finder--results .results--practice>.card-list{scroll-margin-top:1rem}body.node-132 .finder--no-results{scroll-margin-top:2rem;padding-block:4rem}body.node-132 .finder--no-results>.container{display:flex;flex-direction:column;gap:2rem 0}body.node-132 article.practice{display:flex;flex-flow:row wrap;justify-content:space-between;gap:2rem;padding:3rem 2rem;border:.125rem solid var(--finder--blue--light);border-radius:3rem 0;background-color:var(--finder--blue--light);transition:all .2s ease-in-out}body.node-132 article.practice:hover{border-bottom-color:var(--finder--blue--light-border)}body.node-132 article.practice h3{font-size:1.25rem;color:var(--finder--blue--dark)}body.node-132 article.practice h4{margin-block-end:0;font-size:1rem;color:var(--finder--text)}body.node-132 article.practice svg{grid-column:1;width:1.5rem;height:1.5rem;margin-block-start:.25rem}body.node-132 article.practice .practice--contact,body.node-132 article.practice .physicians-list{width:100%}body.node-132 article.practice .practice--contact{display:flex;flex-direction:column;gap:1rem 0}body.node-132 article.practice .practice--contact header{margin-block-end:1rem;background-color:rgba(0,0,0,0)}body.node-132 article.practice .practice--contact figure{display:grid;grid-template-columns:1.5rem 1fr;gap:0 1rem}body.node-132 article.practice .practice--contact figure address{grid-column:2;line-height:1.8}body.node-132 article.practice .practice--contact figure .map-link{margin-inline-start:-0.5rem;padding:.5rem;text-underline-offset:.25rem;text-decoration:underline solid;font-weight:700}body.node-132 article.practice .practice--contact figure .map-link:link,body.node-132 article.practice .practice--contact figure .map-link:visited{color:var(--finder--text)}body.node-132 article.practice .practice--contact figure .map-link:active,body.node-132 article.practice .practice--contact figure .map-link:hover,body.node-132 article.practice .practice--contact figure .map-link:focus{background-color:var(--finder--text);color:var(--finder--text-reversed)}body.node-132 article.practice .practice--contact .contact-info{display:flex;flex-direction:column;gap:1.25rem 0}body.node-132 article.practice .practice--contact .contact-info p.website,body.node-132 article.practice .practice--contact .contact-info p.email,body.node-132 article.practice .practice--contact .contact-info p.phone,body.node-132 article.practice .practice--contact .contact-info p.fax{display:grid;grid-template-columns:1.5rem 1fr;justify-items:start;gap:0 1rem;margin-bottom:0}body.node-132 article.practice .practice--contact .contact-info p.website svg,body.node-132 article.practice .practice--contact .contact-info p.email svg,body.node-132 article.practice .practice--contact .contact-info p.phone svg,body.node-132 article.practice .practice--contact .contact-info p.fax svg{grid-column:1;width:1.15rem;height:1.15rem}body.node-132 article.practice .practice--contact .contact-info p.website a,body.node-132 article.practice .practice--contact .contact-info p.website span,body.node-132 article.practice .practice--contact .contact-info p.email a,body.node-132 article.practice .practice--contact .contact-info p.email span,body.node-132 article.practice .practice--contact .contact-info p.phone a,body.node-132 article.practice .practice--contact .contact-info p.phone span,body.node-132 article.practice .practice--contact .contact-info p.fax a,body.node-132 article.practice .practice--contact .contact-info p.fax span{grid-column:2}body.node-132 article.practice .physicians-list h3{margin-block-end:1rem}body.node-132 .paginator ul{list-style:none;display:flex;place-content:center;gap:1.5rem;margin-block-start:2rem}body.node-132 .paginator ul .page-item{display:flex;place-content:center;width:1.5rem;border-bottom:.2rem solid rgba(0,0,0,0)}body.node-132 .paginator ul .page-item:hover,body.node-132 .paginator ul .page-item:focus{border-bottom-color:var(--finder--blue--dark);cursor:pointer}body.node-132 .paginator ul .page-item.current{border-bottom-color:var(--finder--orange)}body.node-132 .paginator ul .page-link{padding:.25rem;font-weight:bold;font-size:1.15rem;color:var(--finder--blue--dark)}@media screen and (min-width: 30rem){body.node-132 article.practice{padding-inline:3rem}}@media screen and (min-width: 48rem){body.node-132 article.practice{flex-direction:row-reverse}body.node-132 article.practice .practice--contact{width:calc(55% - 1rem)}body.node-132 article.practice .physicians-list{width:calc(45% - 1rem)}}@media screen and (min-width: 62rem){body.node-132 .finder--results .results--map figure{grid-template-columns:1fr 20rem}body.node-132 .finder--results .results--map figure .map-render{grid-column:1;min-height:27rem}body.node-132 .finder--results .results--map figure .map-render:has(+[hidden]){grid-column:1/span 2}body.node-132 .finder--results .results--map figure .physicians-list{grid-column:2}}@media screen and (min-width: 75rem){body.node-132 .finder--results .results--map figure{grid-template-columns:1fr 23rem}}body.node-132 .finder--footer{padding-block:4rem;background-color:var(--finder--gray--light)}body.node-132 fieldset input[type=checkbox]{-webkit-appearance:none;appearance:none;display:grid;place-content:center;width:1.5em;height:1.5em;margin:0;background-color:var(--finder--text-reversed);border:.15em solid currentColor;font:inherit;transform:translateY(-0.075em)}body.node-132 fieldset input[type=checkbox]::before{content:"";width:1rem;height:1rem;box-shadow:inset 1em 1em var(--finder--blue--dark);background-color:CanvasText;clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);transform:scale(0);transform-origin:bottom left;transition:120ms transform ease-in-out}body.node-132 fieldset input[type=checkbox]:checked::before{transform:scale(1)}body.node-132 fieldset input[type=checkbox]:focus-visible{outline:var(--focus-ring--orange);outline-offset:max(2px,.15em)}body.node-132 .empty-form-error{margin:2rem 0;padding:1rem 2rem;border:.125rem solid var(--finder--red);border-radius:.125rem;background-color:var(--finder--red-light)}body.node-132 .empty-form-error svg path{fill:var(--finder--red)}body.node-132 .empty-form-error p{font-weight:700;font-size:1rem}body.node-132 .empty-form-error p .field-name{text-underline-offset:.25rem;text-decoration:underline dotted .15rem}body.node-132 .filter-toggle{appearance:none;border:none;background:none;box-shadow:none;text-underline-offset:.25rem;text-decoration:underline solid .15rem}body.node-132 .single-line-grid{display:grid;grid-template-columns:1.5rem auto;align-items:center;justify-content:start;gap:0 1rem;width:100%}body.node-132 .physicians-list ul,body.node-132 .physicians-list ul li{list-style:none;margin:0;padding-inline:0 0 !important}body.node-132 .physicians-list ul{display:flex;flex-direction:column;gap:.5rem 0}body.node-132 .physicians-list ul li{font-weight:600;font-size:1.05rem}body.node-132 .practice-infowindow{min-width:12rem;line-height:1.6;color:var(--finder--text)}body.node-132 .practice-infowindow h4,body.node-132 .practice-infowindow span,body.node-132 .practice-infowindow a{font-family:Roboto,Arial,serif}body.node-132 .practice-infowindow h4,body.node-132 .practice-infowindow strong{font-weight:500}body.node-132 .practice-infowindow h4{font-size:.875rem;color:var(--finder--text)}body.node-132 .practice-infowindow span,body.node-132 .practice-infowindow a{font-size:.8125rem}