html {
line-height:1.15;
-webkit-text-size-adjust:100%
}
body {
margin:0
}
main {
display:block
}
h1 {
font-size:2em;
margin:.67em 0
}
hr {
-webkit-box-sizing:content-box;
box-sizing:content-box;
height:0;
overflow:visible
}
pre {
font-family:monospace,monospace;
font-size:1em
}
a {
background-color:transparent
}
abbr[title] {
border-bottom:none;
text-decoration:underline;
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}
b,
strong {
font-weight:bolder
}
code,
kbd,
samp {
font-family:monospace,monospace;
font-size:1em
}
small {
font-size:80%
}
sub,
sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sub {
bottom:-.25em
}
sup {
top:-.5em
}
img {
border-style:none
}
button,
input,
optgroup,
select,
textarea {
font-family:inherit;
font-size:100%;
line-height:1.15;
margin:0
}
button,
input {
overflow:visible
}
button,
select {
text-transform:none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance:button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
padding:.35em .75em .625em
}
legend {
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal
}
progress {
vertical-align:baseline
}
textarea {
overflow:auto
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details {
display:block
}
summary {
display:list-item
}
[hidden],
template {
display:none
}
:root {
--c-blue-dark-2: #163159;
--c-black:#000;
--c-dmv-black:#394655;
--c-white:#fff;
--c-white-15:hsla(0,0%,100%,0.15);
--c-dark-blue:#163159;
--c-dark-blue-50:rgba(22,49,89,0.5);
--c-dmv-blue:#0077c8;
--c-gray:#5d6c7a;
--c-gray-50:rgba(93,108,122,0.5);
--c-gray-25:rgba(93,108,122,0.25);
--c-gray-10:rgba(93,108,122,0.1);
--c-gray-3:rgba(93,108,122,0.03);
--c-gray-3-hex:#fcfcfc;
--c-field-gray:#fbfbfb;
--c-iron-gray:#d6dade;
--c-mercury-gray:#e5e5e5;
--c-teal-blue:#0b669e;
--c-teal-blue-30:rgba(11,102,158,0.3);
--c-teal-blue-50:rgba(11,102,158,0.5);
--c-teal-blue-7:rgba(11,102,158,0.07);
--c-teal-blue-03:#fafcfe;
--c-highlight-blue:#64c7fa;
--c-highlight-blue-20:#dff4fe;
--c-cloud-blue:#f0f9ff;
--c-green:#00866a;
--c-green-medium:#d3eee7;
--c-green-light:#eef8f6;
--c-green-xlight:#f5fbfb;
--c-red:#b91818;
--c-orange:#ef6c42;
--c-orange-03:rgba(232,135,20,0.03);
--c-orange-10:rgba(239,108,66,0.1);
--c-orange-10-hex:#fdf0ec;
--c-orange-50:rgba(239,108,66,0.5);
--c-orange--highlight:#ffa53a;
--c-yellow:#ffd457;
--c-yellow-10:#fdf8f1;
--c-yellow-20:rgba(255,212,87,0.2);
--c-yellow-20-hex:#fff6dd;
--c-brown:#6b490c;
--link-color:#111;
--skip-focus-text:#21759b;
--font-primary:tt-commons,sans-serif;
--font-heading:"Playfair Display",serif;
--font-sans:tt-commons,sans-serif;
--font-size-xxxxlarge:5rem;
--font-size-xxxlarge:4.6875rem;
--font-size-xxlarge:3.75rem;
--font-size-xlarge:2.5rem;
--font-size-large:2rem;
--font-size-xxmedium:1.875rem;
--font-size-xmedium:1.5rem;
--font-size-medium:1.25rem;
--font-size-small:1.125rem;
--font-size-xsmall:1rem;
--font-size-xxsmall:0.875rem;
--font-weight-black:800;
--font-weight-bold:700;
--font-weight-semibold:600;
--font-weight-medium:500;
--font-weight-normal:400;
--font-weight-light:300;
--spacing-unit-base:1rem;
--font-size-paragraph:1.125rem;
--font-size-base:1rem;
--font-heading1:5rem;
--font-heading1:var(--font-size-xxxxlarge);
--font-heading2:3rem;
--font-heading3:1.75rem;
--font-heading4:1.5rem;
--font-heading4:var(--font-size-xmedium);
--font-heading5:1.75rem;
--font-heading6:1.25rem;
--font-heading6:var(--font-size-medium);
--transition-fast:200ms;
--transition-slow:400ms;
--max-width-tiny:540px;
--max-width-narrow:740px;
--max-width-base:1190px;
--max-width-medium:1326px;
--max-width-large:1246px;
--max-width-wide:1400px;
--max-width-full:1440px
}
@font-face {
font-family:tt-commons;
src:url(../fonts/ttcommons-regular-webfont.woff2) format("woff2"),
url(../fonts/ttcommons-regular-webfont.woff) format("woff")
}
@font-face {
font-family:tt-commons;
font-weight:300;
src:url(../fonts/ttcommons-light-webfont.woff2) format("woff2"),
url(../fonts/ttcommons-light-webfont.woff) format("woff")
}
@font-face {
font-family:tt-commons;
font-weight:500;
src:url(../fonts/ttcommons-medium-webfont.woff2) format("woff2"),
url(../fonts/ttcommons-medium-webfont.woff) format("woff")
}
@font-face {
font-family:tt-commons;
font-weight:600;
src:url(../fonts/ttcommons-demibold-webfont.woff2) format("woff2"),
url(../fonts/ttcommons-demibold-webfont.woff) format("woff")
}
@font-face {
font-family:tt-commons;
font-weight:700;
src:url(../fonts/ttcommons-bold-webfont.woff2) format("woff2"),
url(../fonts/ttcommons-bold-webfont.woff) format("woff")
}
@font-face {
font-family:tt-commons-700-italic;
font-weight:700;
src:url(../fonts/ttcommons-bold-italic.woff2) format("woff2"),
url(../fonts/ttcommons-bold-italic.woff) format("woff")
}
@font-face {
font-family:tt-commons;
font-weight:800;
src:url(../fonts/ttcommons-black-webfont.woff2) format("woff2"),
url(../fonts/ttcommons-black-webfont.woff) format("woff")
}
@font-face {
font-family:tt-commons-800-italic;
font-weight:800;
src:url(../fonts/ttcommons-black-italic.woff2) format("woff2"),
url(../fonts/ttcommons-black-italic.woff) format("woff")
}
@media (prefers-reduced-motion:reduce) {
*,
:after,
:before {
-webkit-animation-duration:1ms!important;
animation-duration:1ms!important;
-webkit-transition-duration:1ms!important;
transition-duration:1ms!important
}
}
html {
font-size:1em
}
* {
-webkit-box-sizing:border-box;
box-sizing:border-box
}
body {
background:#fff;
background:var(--c-white);
color:#5d6c7a;
color:var(--c-gray);
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-size:1rem;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
line-height:1.5;
padding-top:72px;
}
body:before {
content:"medium";
display:none
}
@media (min-width:48em) {
body:before {
content:"medium"
}
}
@media (min-width:64em) {
body:before {
content:"large"
}
}
body.home {
background:#fff;
background:var(--c-white)
}
@media (min-width:48em) {
body {
padding-top:0
}
}
body.admin-bar {
padding-top:26px
}
@media (min-width:48em) {
body.admin-bar {
padding-top:0
}
}
.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5,
.heading-6,
h1,
h2,
h3,
h4,
h5,
h6 {
color:#163159;
color:var(--c-dark-blue);
font-family:Playfair Display,serif;
font-family:var(--font-heading);
font-weight:400;
line-height:1.2;
margin:0 0 1rem
}
.heading-1,
h1 {
font-family:tt-commons-800-italic,sans-serif;
font-size:2.5rem;
font-size:var(--font-size-xlarge);
font-weight:800;
line-height:.95;
text-transform:uppercase
}
@media (min-width:48em) {
.heading-1,
h1 {
font-size:3.75rem;
font-size:var(--font-size-xxlarge)
}
}
@media (min-width:73.5em) {
.heading-1,
h1 {
font-size:5rem;
font-size:var(--font-heading1)
}
}
.heading-1.alt,
h1.alt {
font-size:2rem;
font-size:var(--font-size-large)
}
@media (min-width:48em) {
.heading-1.alt,
h1.alt {
font-size:2.5rem;
font-size:var(--font-size-xlarge)
}
}
@media (min-width:73.5em) {
.heading-1.alt,
h1.alt {
font-size:3.75rem;
font-size:var(--font-size-xxlarge)
}
}
.heading-2,
h2 {
font-size:1.5rem;
font-size:var(--font-size-xmedium);
font-weight:400;
margin-bottom:.5em;
position:relative
}
@media (min-width:48em) {
.heading-2,
h2 {
font-size:1.875rem;
font-size:var(--font-size-xxmedium)
}
}
@media (min-width:73.5em) {
.heading-2,
h2 {
font-size:3rem;
font-size:var(--font-heading2)
}
}
.heading-3,
h3 {
font-size:1.25rem;
font-size:var(--font-size-medium);
font-weight:700;
line-height:1.36
}
@media (min-width:48em) {
.heading-3,
h3 {
font-size:1.5rem;
font-size:var(--font-size-xmedium)
}
}
@media (min-width:73.5em) {
.heading-3,
h3 {
font-size:1.75rem;
font-size:var(--font-heading3)
}
}
.heading-4,
h4 {
font-size:1.5rem;
font-size:var(--font-heading4)
}
.heading-5,
h5 {
font-size:1.75rem;
font-size:var(--font-heading5)
}
.heading-5,
.heading-6,
h5,
h6 {
font-family:tt-commons,sans-serif;
font-family:var(--font-primary)
}
.heading-6,
h6 {
font-size:1.25rem;
font-size:var(--font-heading6);
text-transform:uppercase
}
p {
margin-bottom:1rem
}
.p,
p {
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-size:1rem;
font-weight:400;
line-height:1.4;
margin-top:0
}
.p.xsmall,
.p.xxsmall,
p.xsmall,
p.xxsmall {
font-size:.875rem;
font-size:var(--font-size-xxsmall)
}
.p.medium,
p.medium {
font-size:1.125rem;
font-size:var(--font-size-small)
}
.p.xmedium,
p.xmedium {
font-size:1.25rem;
font-size:var(--font-size-medium);
font-weight:300;
line-height:1.16
}
@media (min-width:64em) {
.p.xsmall,
p.xsmall {
font-size:1rem;
font-size:var(--font-size-xsmall)
}
.p.small,
p.small {
font-size:1.125rem;
font-size:var(--font-size-small)
}
.p.medium,
p.medium {
font-size:1.25rem;
font-size:var(--font-size-medium)
}
.p.xmedium,
p.xmedium {
font-size:1.5rem;
font-size:var(--font-size-xmedium)
}
}
strong {
color:#163159;
color:var(--c-dark-blue)
}
ol,
ul {
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-size:1rem;
font-size:var(--font-size-xsmall);
padding:0
}
dd,
ol,
ul {
margin-bottom:2rem;
margin-bottom:calc(2*var(--spacing-unit-base));
margin-left:2rem;
margin-left:calc(2*var(--spacing-unit-base))
}
dd dd,
dd ol,
dd ul,
ol dd,
ol ol,
ol ul,
ul dd,
ul ol,
ul ul {
margin-bottom:0
}
.dark,
.dark * {
color:#fff;
color:var(--c-white)
}
.dark svg {
fill:#fff;
fill:var(--c-white)
}
img {
height:auto;
max-width:100%
}
figcaption {
color:#5d6c7a;
color:var(--c-gray);
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-size:.875rem;
font-weight:400;
letter-spacing:1px;
line-height:1.4
}
table {
border:1px solid rgba(93,108,122,.25);
border:1px solid var(--c-gray-25);
border-collapse:collapse;
border-radius:3px;
border-spacing:0;
width:100%
}
table thead {
background-color:#163159;
background-color:var(--c-dark-blue);
border-radius:3px 3px 0 0
}
table thead tr {
border:0
}
table thead th {
color:#fff;
color:var(--c-white);
font-weight:500;
padding:.75rem;
text-align:left
}
table thead th:first-child {
border-radius:3px 0 0 0
}
table thead th:last-child {
border-radius:0 3px 0 0
}
table tbody {
border:0
}
table td {
border:0;
padding:.75rem
}
table tr {
border-bottom:1px solid rgba(93,108,122,.25);
border-bottom:1px solid var(--c-gray-25)
}
table tbody tr:nth-child(2n) {
background-color:rgba(93,108,122,.03);
background-color:var(--c-gray-3)
}
.alignleft {
float:left;
margin-right:1rem;
text-align:left
}
.alignright {
float:right;
margin-left:1rem;
text-align:right
}
.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
text-align:center
}
.wp-caption {
max-width:100%
}
.wp-caption.aligncenter {
text-align:center
}
.wp-caption.alignright {
text-align:right
}
.wp-caption-text {
margin:0
}
.screen-reader-text {
clip:rect(1px,1px,1px,1px);
height:1px;
overflow:hidden;
position:absolute!important;
width:1px
}
.skip-link:focus {
background-color:#fff;
background-color:var(--c-white);
border-radius:3px;
-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);
box-shadow:0 0 2px 2px rgba(0,0,0,.6);
clip:auto!important;
color:#21759b;
color:var(--skip-focus-text);
display:block;
font-size:1rem;
font-size:var(--font-size-xsmall);
font-weight:900;
height:auto;
left:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:9999
}
.cf:after {
clear:both;
content:"";
display:block
}
.text-center {
text-align:center
}
.hidden {
display:none
}
.overline {
color:#000;
color:var(--c-black);
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-weight:700;
font-weight:var(--font-weight-bold);
text-transform:uppercase
}
.mt-0 {
margin-top:0!important
}
.mt-30 {
margin-top:1.875rem!important
}
.mr-30 {
margin-right:1.875rem!important
}
.ml-30 {
margin-left:1.875rem!important
}
.mr-60 {
margin-right:3.75rem!important
}
.ml-60 {
margin-left:3.75rem!important
}
.mb-0 {
margin-bottom:0!important
}
.mb-10 {
margin-bottom:.625rem!important
}
.mb-20 {
margin-bottom:1.25rem!important
}
.mb-30,
.mb-60 {
margin-bottom:1.875rem!important
}
@media (min-width:48em) {
.mb-60 {
margin-bottom:3.75rem!important
}
}
.mb-90 {
margin-bottom:1.875rem!important
}
@media (min-width:48em) {
.mb-90 {
margin-bottom:5.625rem!important
}
}
.txt-c--dmv-blue {
color:#0b669e;
color:var(--c-teal-blue)
}
.horiz {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.horiz.centered {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.horiz.space-between {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.horiz.space-around {
-ms-flex-pack:distribute;
justify-content:space-around
}
.horiz.end {
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}
.horiz.start {
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start
}
.horiz.x2>*,
.horiz.x3>*,
.horiz.x4>* {
-webkit-box-flex:1;
-ms-flex:1 1 90%;
flex:1 1 90%
}
@media (min-width:30em) {
.horiz.x2 {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.horiz.x2>* {
-webkit-box-flex:1;
-ms-flex:1 1 45%;
flex:1 1 45%;
padding:1em
}
}
@media (min-width:64em) {
.horiz.x3,
.horiz.x4 {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.horiz.x3>* {
-ms-flex:1 1 30%;
flex:1 1 30%
}
.horiz.x3>*,
.horiz.x4>* {
-webkit-box-flex:1;
padding:1em
}
.horiz.x4>* {
-ms-flex:1 1 45%;
flex:1 1 45%
}
.horiz>.push {
-webkit-box-flex:1.5;
-ms-flex:1.5;
flex:1.5;
padding:1em
}
.padding-match {
padding:1em
}
form .horiz.x2>*,
form .horiz.x3>*,
form .horiz.x4>*,
form .horiz>.push,
form .padding-match {
padding:0 1em
}
.horiz.no-grow>* {
-webkit-box-flex:0!important;
-ms-flex-positive:0!important;
flex-grow:0!important
}
.horiz.no-padding>* {
padding:0
}
}
.container {
margin:0 auto;
padding-left:1.25rem;
padding-right:1.25rem;
width:100%
}
.container.container--tiny {
max-width:540px;
max-width:var(--max-width-tiny)
}
.container.container--narrow {
max-width:740px;
max-width:var(--max-width-narrow)
}
.container.container--medium {
max-width:1326px;
max-width:var(--max-width-medium)
}
.container.container--wide {
max-width:1400px;
max-width:var(--max-width-wide)
}
.container.container--full {
max-width:90pc;
max-width:var(--max-width-full)
}
@media (min-width:48em) {
.container {
padding-left:2rem;
padding-right:2rem
}
}
@media (min-width:64em) {
.container {
padding-left:3.75rem;
padding-right:3.75rem
}
}
.content-wrapper {
background-color:#fff;
background-color:var(--c-white);
border-radius:5px;
display:block;
margin:0;
padding:0;
position:relative;
width:100%
}
.content-wrapper.content-wrapper--offset {
margin:-12rem auto 0
}
@media (min-width:48em) {
.content-wrapper.content-wrapper--offset {
margin:-16rem auto 0
}
}
.content-wrapper--pad {
padding:1rem
}
@media (min-width:48em) {
.content-wrapper--pad {
padding:3.75rem
}
}
.page-wrapper {
display:block;
min-height:75pc;
padding:0
}
.page-wrapper .container {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
@media (min-width:73.5em) {
.page-wrapper .container {
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
}
.page-wrapper--locations {
background-color:#e5e5e5;
background-color:var(--c-mercury-gray)
}
.hero.hero--styleguide {
background-color:#0b669e;
background-color:var(--c-teal-blue);
background-image:url(./illustration-bridge.svg);
background-repeat:no-repeat;
background-size:cover;
-webkit-box-shadow:0 4px 4px rgba(60,69,92,.05);
box-shadow:0 4px 4px rgba(60,69,92,.05);
-webkit-clip-path:polygon(0 0,100% 0,100% 75%,0 100%);
clip-path:polygon(0 0,100% 0,100% 75%,0 100%);
display:block;
min-height:460px;
padding:24px 0;
position:relative
}
.hero--styleguide .hero__title {
color:#fff;
color:var(--c-white);
display:inline-block;
font-size:3.5rem;
font-weight:800;
line-height:.93;
margin-top:2rem;
position:relative;
text-align:left;
z-index:2
}
@media (min-width:48em) {
.hero--styleguide .hero__title {
font-size:5rem;
margin-top:0
}
}
.hero--styleguide .hero__content:after {
background:url(./blob-styleguide.png) no-repeat;
background-size:contain;
content:"";
height:49%;
left:0;
position:absolute;
top:0;
width:90%;
z-index:1
}
.heading {
color:#163159;
color:var(--c-dark-blue)
}
.heading-wrapper.heading-wrapper--hr {
position:relative
}
.heading-wrapper.heading-wrapper--hr:after {
background-color:rgba(93,108,122,.25);
background-color:var(--c-gray-25);
border:0;
content:"";
height:1px;
position:absolute;
right:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
width:100%
}
.heading-wrapper.heading-wrapper--hr .heading {
background-color:#fff;
background-color:var(--c-white);
display:inline-block;
padding:0 3rem 0 0;
z-index:1
}
.ca-logo__svg {
fill:#0b669e;
fill:var(--c-teal-blue)
}
.ca-logo-img--large {
max-width:200px;
width:100%
}
.site-header {
background:#fff;
background:var(--c-white);
padding:0;
position:fixed;
top:0;
width:100%;
z-index:100
}
@media (min-width:48em) {
.site-header {
position:relative;
top:auto
}
}
.site-header.site-header--inner-page {
-webkit-clip-path:none;
clip-path:none;
min-height:360px
}
.site-header__top-bar {
background:-webkit-gradient(linear,left top,right top,from(#0979c4),to(rgba(9,121,196,.85)));
background:linear-gradient(90deg,#0979c4,rgba(9,121,196,.85));
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
padding:0
}
.site-header__top-bar,
.site-header__top-bar .container {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.site-header__top-bar .container {
padding-bottom:.75rem;
padding-top:.75rem
}
@media (min-width:48em) {
.site-header__top-bar {
border-bottom:0;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
}
.mobile-is-active .site-header__top-bar {
border-bottom:0
}
.site-header__ca-logo {
-webkit-box-flex:0;
-ms-flex:0 0 56px;
flex:0 0 56px;
width:56px
}
@media (min-width:48em) {
.site-header__ca-logo {
margin-right:20px
}
}
.site-header__ca-logo:focus {
outline:1px dotted #fff;
outline:1px dotted var(--c-white)
}
.site-header__ca-logo-img {
display:block;
height:34px;
width:56px
}
@media (min-width:48em) {
.site-header__ca-logo-img {
height:42px
}
}
.site-header__ca-dmv-logo {
-webkit-box-flex:0;
-ms-flex:0 0 114px;
flex:0 0 114px
}
.site-header__ca-dmv-logo:focus {
outline:1px dotted #fff;
outline:1px dotted var(--c-white)
}
.site-header__ca-dmv-logo-img {
display:block;
height:49px
}
@media (min-width:48em) {
.site-header__ca-dmv-logo-img {
height:56px
}
}
.site-header__ca-dmv-logo-img--mobile {
display:block
}
@media (min-width:48em) {
.site-header__ca-dmv-logo-img--mobile {
display:none
}
}
.site-header__top-bar-mobile {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:1pc;
width:100%
}
@media (min-width:48em) {
.site-header__top-bar-mobile {
display:none
}
}
.mobile-is-active .site-header__top-bar-mobile,
.site-header__main {
background-color:#fff;
background-color:var(--c-white)
}
.site-header__main {
-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);
box-shadow:0 4px 10px rgba(0,0,0,.1)
}
.site-header__main .container {
display:block
}
.site-header__main-nav {
background-color:#0077c8;
background-color:var(--c-dmv-blue);
display:none;
height:calc(100vh - 72px);
left:0;
margin:0;
position:fixed;
top:72px;
width:100vw;
z-index:10
}
@media (min-width:48em) {
.site-header__main-nav {
background-color:transparent;
display:block;
height:auto;
left:auto;
padding-top:0;
position:static;
top:auto;
width:auto
}
}
.site-header__main-nav--expanded {
display:block;
overflow-y:scroll;
position:fixed
}
.site-header__row {
display:block;
margin-bottom:22px;
padding:0
}
@media (min-width:48em) {
.site-header__row {
border-bottom:1px solid hsla(0,0%,100%,.2);
padding:10px 0
}
}
.site-header__row .container {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.site-header__top-bar-links {
display:none;
margin:0;
width:100%
}
@media (min-width:48em) {
.site-header__top-bar-links {
display:block;
margin-left:auto
}
}
.site-header__mobile-headline {
display:block
}
@media (min-width:48em) {
.site-header__mobile-headline {
display:none
}
}
.site-header__mobile-headline-text {
color:#fff;
color:var(--c-white);
font-family:Playfair Display,serif;
font-family:var(--font-heading);
font-size:2rem;
font-size:var(--font-size-large);
line-height:1.3;
text-align:center
}
.site-header__mobile-headline-text-secondary {
color:#ffd457;
color:var(--c-yellow);
font-size:1.25rem;
font-size:var(--font-size-medium);
text-align:center
}
.site-header__mobile-headline-illustration {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}
.site-header__mobile-headline-illustration img {
margin-left:auto;
width:200px
}
.site-header__headline {
display:none;
max-width:35pc;
padding:4pc 0;
text-align:left
}
@media (min-width:48em) {
.site-header__headline {
display:block
}
}
.site-header__headline-title {
color:#fff;
color:var(--c-white);
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-size:5rem;
font-size:var(--font-size-xxxxlarge);
line-height:1.13;
margin-bottom:24px
}
.site-header__headline-sub {
color:#ffd457;
color:var(--c-yellow);
display:block;
font-size:2rem;
font-size:var(--font-size-large)
}
.site-header__search-wrapper {
display:none;
margin-left:auto
}
@media (min-width:48em) {
.site-header__search-wrapper {
display:block;
margin-left:24px
}
}
.site-header__search input[type=text] {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#fff;
background-color:var(--c-white);
background-position:15px 9pt;
background-repeat:no-repeat;
border:1px dashed transparent;
border-radius:200px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:49px;
margin-right:22px;
padding:0 9pt 0 3pc;
width:194px
}
.site-header__search input[type=text]:focus {
border:1px dashed #163159;
border:1px dashed var(--c-dark-blue);
outline:0
}
@media (min-width:64em) {
.site-header__search input[type=text] {
width:260px
}
}
.site-header__search-form {
position:relative
}
.site-header__search-form .icon-wrapper {
left:1pc;
position:absolute;
top:11px
}
.site-header__search .site-header__search-submit {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:transparent;
border:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:50px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:absolute;
right:0;
top:0;
width:55px
}
.site-header__search .site-header__search-submit .icon {
fill:#fff;
fill:var(--c-white);
pointer-events:none;
z-index:1
}
.site-header__search .site-header__search-submit:after {
background-color:#0b669e;
background-color:var(--c-teal-blue);
content:"";
display:block;
height:100%;
pointer-events:none;
position:absolute;
right:0;
top:0;
-webkit-transform:skew(-20deg);
transform:skew(-20deg);
width:100%;
z-index:0
}
.site-header__search .site-header__search-submit:focus,
.site-header__search .site-header__search-submit:hover {
cursor:pointer;
outline:0
}
.site-header__search .site-header__search-submit:focus:after,
.site-header__search .site-header__search-submit:hover:after {
background-color:#163159;
background-color:var(--c-dark-blue);
outline:1px dashed #fff;
outline:1px dashed var(--c-white)
}
.site-header__main-nav .site-header__search {
display:block;
padding:9pt 18px 9pt 9pt;
width:100%
}
.site-header__main-nav .site-header__search input[type=text] {
background-color:#fff;
background-color:var(--c-white);
border:1px solid rgba(93,108,122,.5);
border:1px solid var(--c-gray-50);
border-radius:25px;
-webkit-box-shadow:0 1px 4px rgba(0,0,0,.05);
box-shadow:0 1px 4px rgba(0,0,0,.05);
max-width:100%;
width:95%
}
.site-header__main-nav .site-header__search-submit {
height:50px;
width:55px
}
@media (min-width:48em) {
.site-header__main-nav .site-header__search-submit {
height:40px
}
}
.nav-primary {
display:block
}
.nav-primary__menu {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
list-style:none;
margin:0;
padding:0
}
@media (min-width:48em) {
.nav-primary__menu {
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
}
.nav-primary__menu .menu-item a {
border-bottom:1px solid rgba(11,102,158,.07);
border-bottom:1px solid var(--c-teal-blue-7);
color:#163159;
color:var(--c-dark-blue);
display:block;
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-size:1rem;
font-size:var(--font-size-xsmall);
padding:1rem .75rem;
text-decoration:none
}
@media (min-width:48em) {
.nav-primary__menu .menu-item a {
border:1px solid transparent;
display:inline-block;
font-size:1.125rem;
font-size:var(--font-size-small)
}
}
@media (min-width:87.5em) {
.nav-primary__menu .menu-item a {
padding:1rem 0;
white-space:nowrap
}
}
.nav-primary__menu .menu-item a:focus,
.nav-primary__menu .menu-item a:hover {
text-decoration:underline
}
.nav-primary__menu .menu-item a:focus {
outline:1px dotted #0b669e;
outline:1px dotted var(--c-teal-blue)
}
.nav-primary__menu .menu-item>a {
background-color:#fff;
background-color:var(--c-white);
border-bottom:1px solid rgba(11,102,158,.07);
border-bottom:1px solid var(--c-teal-blue-7);
color:#163159;
color:var(--c-dark-blue);
display:block;
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-size:1rem;
font-size:var(--font-size-xsmall);
font-weight:700;
padding:1rem .75rem;
position:relative;
text-align:left;
text-decoration:none;
width:100%
}
@media (min-width:48em) {
.nav-primary__menu .menu-item>a {
border:1px solid transparent;
display:inline-block;
font-size:1.125rem;
font-size:var(--font-size-small)
}
}
@media (min-width:73.5em) {
.nav-primary__menu .menu-item>a {
padding:1rem 0
}
}
@media (min-width:87.5em) {
.nav-primary__menu .menu-item>a {
white-space:nowrap
}
}
.nav-primary__menu .menu-item>a:focus {
outline:1px dotted #163159;
outline:1px dotted var(--c-dark-blue)
}
.nav-primary__menu>.menu-item.menu-item-has-children>a {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-left:0;
border-right:0;
border-top:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
position:relative;
width:100%
}
@media (min-width:48em) {
.nav-primary__menu>.menu-item.menu-item-has-children>a {
display:list-item;
height:100%
}
}
@media (min-width:87.5em) {
.nav-primary__menu>.menu-item.menu-item-has-children>a {
white-space:nowrap
}
}
.nav-primary__menu>.menu-item.menu-item-has-children>a:focus,
.nav-primary__menu>.menu-item.menu-item-has-children>a:hover {
cursor:pointer
}
.nav-primary__menu>.menu-item.menu-item-has-children>a:before {
background:transparent;
bottom:-1px;
content:"";
display:block;
height:4px;
left:0;
opacity:0;
position:absolute;
-webkit-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out;
width:100%
}
.nav-primary__menu>.menu-item.menu-item-has-children>a:after {
background:url(../images/icons/plus.svg) no-repeat;
background-position:100%;
background-size:9pt;
content:"";
display:block;
height:9pt;
margin-left:auto;
pointer-events:none;
position:relative;
-webkit-transform:none;
transform:none;
width:9pt
}
@media (min-width:48em) {
.nav-primary__menu>.menu-item.menu-item-has-children>a:after {
display:none
}
}
.nav-primary__menu>.menu-item.menu-item-has-children>a.is-active:after {
background:url(../images/icons/minus.svg) no-repeat;
height:2px
}
.nav-primary__menu>.menu-item.menu-item-has-children>a.is-active:before {
background-color:#0b669e;
background-color:var(--c-teal-blue);
bottom:-1px;
content:"";
display:block;
height:4px;
left:0;
position:absolute;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
width:100%
}
.menu-item-parent-link {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.menu-item-parent-link .icon {
height:20px;
margin-left:auto
}
@media (min-width:48em) {
.menu-item-parent-link .icon {
display:none
}
}
.nav-primary__menu>.menu-item-has-children>a,
.nav-primary__menu>.menu-item>a {
font-size:1.3125rem
}
.nav-primary__menu>.menu-item-has-children>a:focus,
.nav-primary__menu>.menu-item-has-children>a:hover,
.nav-primary__menu>.menu-item>a:focus,
.nav-primary__menu>.menu-item>a:hover {
text-decoration:none
}
.nav-primary__menu>.menu-item-has-children>a:before,
.nav-primary__menu>.menu-item>a:before {
background:transparent;
bottom:-1px;
content:"";
display:block;
height:4px;
left:0;
opacity:0;
position:absolute;
-webkit-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out;
width:100%
}
.nav-primary__menu>.menu-item-has-children>a:focus:before,
.nav-primary__menu>.menu-item-has-children>a:hover:before,
.nav-primary__menu>.menu-item>a:focus:before,
.nav-primary__menu>.menu-item>a:hover:before {
background-color:#0b669e;
background-color:var(--c-teal-blue);
opacity:1;
width:100%
}
.nav-primary__menu .menu-item__sub-menu-container {
background-color:#fff;
background-color:var(--c-white);
border-bottom:1px solid rgba(93,108,122,.25);
border-bottom:1px solid var(--c-gray-25);
-webkit-box-shadow:inset 0 4px 10px rgba(0,0,0,.1);
box-shadow:inset 0 4px 10px rgba(0,0,0,.1);
display:none;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
list-style:none;
margin:0;
opacity:0;
padding:0;
width:100vw
}
@media (min-width:48em) {
.nav-primary__menu .menu-item__sub-menu-container {
display:none;
height:auto;
left:0;
min-height:440px;
position:absolute;
top:162px
}
}
.nav-primary__menu .menu-item__sub-menu-container.sub-menu-container--expanded {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
opacity:1
}
@media (min-width:48em) {
.admin-bar .nav-primary__menu .menu-item__sub-menu-container {
top:162px
}
}
.nav-primary__menu .menu-item__sub-menu-containerInner {
display:block;
margin:0 auto;
max-width:90pc;
max-width:var(--max-width-full);
padding:1.5rem 1.25rem;
width:100%
}
@media (min-width:48em) {
.nav-primary__menu .menu-item__sub-menu-containerInner {
padding:3.75rem
}
}
.nav-primary__menu .menu-item__sub-menu-containerInner>.sub-menu {
display:none;
list-style:none;
margin:0;
padding:0 0 1pc;
width:100%
}
.nav-primary__menu .sub-menu-container--expanded .menu-item__sub-menu-containerInner>.sub-menu {
display:block
}
.nav-primary__menu .menu-item__sub-menu-containerInner>.sub-menu>.menu-item {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.nav-primary__menu .menu-item__sub-menu-containerInner>.sub-menu>.menu-item .labeled-list {
-webkit-box-flex:1;
-ms-flex:1 1 100%;
flex:1 1 100%
}
@media (min-width:48em) {
.nav-primary__menu .menu-item__sub-menu-containerInner>.sub-menu>.menu-item .labeled-list {
-webkit-box-flex:1;
-ms-flex:1 1 25%;
flex:1 1 25%;
padding-left:0
}
}
.nav-primary__menu .menu-item__sub-menu-containerInner .widget_nav_menu .menu {
height:auto;
list-style:none;
margin:0;
padding:0;
width:100%
}
@media (min-width:48em) {
.nav-primary__menu .menu-item__sub-menu-containerInner .widget_nav_menu .menu {
border-left:4px solid var(--c-tea-blue-03);
margin-bottom:24px;
padding:0 0 0 9pt
}
}
.nav-primary__menu .menu-item__sub-menu-containerInner .widget_nav_menu .menu .menu-item {
width:100%
}
.nav-primary__menu .menu-item__sub-menu-containerInner>.sub-menu .menu-item-has-children a {
display:none
}
.nav-primary__menu .menu-item__sub-menu-containerInner .sub-menu .menu-item a {
border-bottom:0;
color:#394655;
color:var(--c-dmv-black);
display:block;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-size:1rem;
font-size:var(--font-size-xsmall);
font-weight:400;
line-height:1;
margin-bottom:18px;
padding:0;
position:relative;
text-decoration:none;
white-space:normal;
width:100%
}
.nav-primary__menu .menu-item__sub-menu-containerInner .sub-menu .menu-item a:focus,
.nav-primary__menu .menu-item__sub-menu-containerInner .sub-menu .menu-item a:hover {
text-decoration:underline
}
@media (min-width:48em) {
.nav-primary__menu .menu-item__sub-menu-containerInner .sub-menu .menu-item a {
border-bottom:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
}
.nav-primary__menu .menu-item__sub-menu-containerInner .sub-menu .menu-item-title a {
color:#0b669e;
color:var(--c-teal-blue);
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-size:1rem;
font-weight:600;
font-weight:var(--font-weight-semibold)
}
@media (min-width:48em) {
.nav-primary__menu .menu-item__sub-menu-containerInner .sub-menu .menu-item-title a {
font-size:1.125rem
}
}
.nav-primary__menu .menu-item__sub-menu-containerInner .sub-menu .menu-item-title a:focus,
.nav-primary__menu .menu-item__sub-menu-containerInner .sub-menu .menu-item-title a:hover {
color:#0077c8;
color:var(--c-dmv-blue)
}
.nav-primary__menu .menu-item__sub-menu-container .sub-menu .sub-menu a {
background-image:linear-gradient(transparent calc(100% - 2px),#0b669e 0),linear-gradient(transparent calc(100% - 13px),transparent 0);
background-image:linear-gradient(transparent calc(100% - 2px),var(--c-teal-blue) 0),linear-gradient(transparent calc(100% - 13px),transparent 0);
background-repeat:no-repeat;
background-size:0 100%,100% 100%;
color:#163159;
color:var(--c-dark-blue);
display:inline;
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-size:1rem;
font-size:var(--font-size-xsmall);
font-weight:600;
line-height:2;
-webkit-transition:all .2s;
transition:all .2s
}
.nav-primary__menu .menu-item__sub-menu-container .sub-menu .sub-menu a:focus,
.nav-primary__menu .menu-item__sub-menu-container .sub-menu .sub-menu a:hover {
background-size:100% 100%,100% 100%;
text-decoration:none
}
.nav-primary__menu .menu-item--overview a {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:url(../images/icons/arrow-right-blue.svg) no-repeat 100%;
border-bottom:0;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
padding:9pt 24px 9pt 0
}
.menu-item__sub-menu-containerInner .widget_nav_menu .widgettitle {
display:none
}
@media (min-width:48em) {
.mega-menu-overlay {
background:rgba(17,41,115,.7);
-webkit-box-shadow:0 0 17px 10px rgba(17,41,115,.7);
box-shadow:0 0 17px 10px rgba(17,41,115,.7);
display:block;
height:100vh;
left:0;
position:fixed;
top:0;
width:100vw;
z-index:100
}
}
.nav-primary-dropdown-active .site-header {
z-index:110!important
}
.site-header__main-nav--mobile .nav-primary__menu .menu-item__sub-menu-container .menu-item__sub-menu {
display:block;
overflow:scroll
}
.site-header__main-nav--mobile .nav-primary__menu .menu-item__sub-menu-container>.sub-menu .menu-item {
width:100%
}
.site-header__main-nav--mobile .nav-primary__menu .menu-item__sub-menu-container>.sub-menu .menu-item>.sub-menu {
background-color:var(--c-tea-blue-03);
border:0;
display:none;
list-style:none;
margin:0;
padding:9pt 0
}
.site-header__main-nav--mobile .nav-primary__menu .menu-item__sub-menu-container>.sub-menu .menu-item>.sub-menu.is-active {
display:block
}
.site-header__main-nav--mobile .nav-primary__menu .menu-item__sub-menu-container>.sub-menu .menu-item a {
background-color:transparent;
border-bottom:1px solid rgba(93,108,122,.25);
border-bottom:1px solid var(--c-gray-25);
border-bottom:0;
color:#163159;
color:var(--c-dark-blue);
display:block;
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-size:1rem;
font-size:var(--font-size-xsmall);
margin-bottom:0;
padding:9pt 2pc;
width:100%
}
.site-header__main-nav--mobile .nav-primary__menu .menu-item__sub-menu-container>.sub-menu .menu-item a:focus {
background-color:rgba(11,102,158,.3);
background-color:var(--c-teal-blue-30);
background-image:none;
outline:1px dashed rgba(11,102,158,.07);
outline:1px dashed var(--c-teal-blue-7)
}
.site-header__main-nav--mobile .nav-primary__menu .menu-item__sub-menu-container>.sub-menu>.menu-item {
position:relative
}
.site-header__main-nav--mobile .nav-primary__menu .menu-item__sub-menu-container>.sub-menu>.menu-item:before {
background-color:#fbfbfb;
background-color:var(--c-field-gray);
content:"";
height:100%;
left:45px;
position:absolute;
top:0;
width:4px;
z-index:0
}
.site-header__main-nav--mobile .nav-primary__menu .menu-item__sub-menu-container>.sub-menu>.menu-item a {
color:#163159;
color:var(--c-dark-blue);
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-weight:700;
padding:9pt 2pc 9pt 75px
}
.site-header__main-nav--mobile .nav-primary__menu .menu-item__sub-menu-container>.sub-menu>.menu-item a:focus,
.site-header__main-nav--mobile .nav-primary__menu .menu-item__sub-menu-container>.sub-menu>.menu-item a:hover {
background-color:transparent
}
.site-header__main-nav--mobile .nav-primary__menu .menu-item__sub-menu-container {
-webkit-box-shadow:none;
box-shadow:none;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
padding:0;
width:100%
}
.site-header__main-nav--mobile .nav-primary__menu .menu-item__sub-menu-container .menu-item__sub-menu .menu-item {
width:100%
}
.menu-item--back {
display:list-item
}
@media (min-width:48em) {
.menu-item--back {
display:none
}
}
.site-body--mobile {
overflow:hidden
}
.menu-item--tier3 .sub-menu-toggle__level-3 {
background-color:transparent;
border-bottom:1px solid #fbfbfb;
border-bottom:1px solid var(--c-field-gray);
border-bottom:0;
color:#163159;
color:var(--c-dark-blue);
display:block;
font-size:1rem;
font-size:var(--font-size-xsmall);
padding:9pt 2pc;
width:100%
}
.site-header__main-nav--mobile .nav-primary__menu .sub-menu--tier3 .menu-item {
padding:0 14px
}
.site-header__main-nav--mobile .nav-primary__menu .sub-menu--tier3 .menu-item a {
border-left:1px solid #163159;
border-left:1px solid var(--c-dark-blue)
}
.nav-primary__tier-2 {
background-color:#fafcfe;
background-color:var(--c-teal-blue-03);
display:none
}
.nav-primary__tier-2--expanded {
display:block
}
.sub-menu-toggle__tier-2 {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#fff;
background-color:var(--c-white);
border:0;
color:#0b669e;
color:var(--c-teal-blue);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-size:1rem;
font-size:var(--font-size-xsmall);
font-weight:600;
line-height:1.4;
padding:9pt;
text-align:left;
text-transform:capitalize;
width:100%
}
@media (min-width:48em) {
.sub-menu-toggle__tier-2 {
display:none
}
}
.sub-menu-toggle__tier-2 .icon {
margin-left:auto
}
.sub-menu-toggle__tier-2:focus {
outline:1px dashed #163159;
outline:1px dashed var(--c-dark-blue)
}
.sub-menu-toggle__tier-2:before {
background-color:#fafcfe;
background-color:var(--c-teal-blue-03);
background-image:url(../images/icons/plus-blue.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:10px;
content:"";
display:block;
height:30px;
margin-right:9pt;
width:30px;
z-index:1
}
.sub-menu-toggle__tier-2.is-active:before {
background-image:url(../images/icons/minus-blue.svg)
}
.toggle-has-children {
background-image:url(../images/icons/plus-blue.svg);
background-position:95%;
background-repeat:no-repeat
}
.toggle-has-children.is-active {
background-image:url(../images/icons/minus-blue.svg)
}
.nav-primary__tier-2 .sub-menu {
background-color:#fafcfe;
background-color:var(--c-teal-blue-03);
list-style:none;
margin:0;
padding:9pt 0
}
.nav-primary__menu .menu-item__sub-menu-container .menu-item__sub-menu .nav-primary__tier-2 .menu-item a {
background-color:#fafcfe;
background-color:var(--c-teal-blue-03);
border-bottom:0;
color:#fafcfe;
color:var(--c-teal-blue-03);
display:block;
padding:9pt 2pc
}
.nav-primary__menu .menu-item__sub-menu-container .menu-item__sub-menu .nav-primary__tier-2 .menu-item a:focus {
background-color:#fafcfe;
background-color:var(--c-teal-blue-03);
background-image:none;
outline:1px dashed #fafcfe;
outline:1px dashed var(--c-teal-blue-03)
}
.nav-primary__menu .menu-item__sub-menu-container .menu-item__sub-menu .nav-primary__tier-2 .menu-item {
margin:0
}
.nav-primary__menu .menu-item__sub-menu-container .menu-item__sub-menu .nav-primary__tier-2 .menu-item.menu-item-has-children>a {
background-image:url(../images/icons/plus-blue.svg);
background-position:95%;
background-repeat:no-repeat
}
.nav-primary__menu .menu-item__sub-menu-container .menu-item__sub-menu .nav-primary__tier-2 .menu-item.menu-item-has-children>a.mobile-tertiary--expanded {
background-image:url(../images/icons/minus-blue.svg)
}
.nav-primary__menu .menu-item__sub-menu-container .menu-item__sub-menu .nav-primary__tier-2 .menu-item.menu-item-has-children:before {
content:"";
display:none
}
.nav-primary__menu .menu-item__sub-menu-container .menu-item__sub-menu .nav-primary__tier-2 .menu-item.menu-item-has-children .menu {
display:none;
margin-left:2pc
}
.nav-primary__menu .menu-item__sub-menu-container .menu-item__sub-menu .nav-primary__tier-2 .menu-item.menu-item-has-children .menu .menu-item a {
border-left:1px solid rgba(184,191,215,.37);
padding:8px 14px
}
.nav-primary__menu .menu-item__sub-menu-container .menu-item__sub-menu .nav-primary__tier-2 .menu-item a:focus:after,
.nav-primary__menu .menu-item__sub-menu-container .menu-item__sub-menu .nav-primary__tier-2 .menu-item a:focus:before,
.nav-primary__menu .menu-item__sub-menu-container .menu-item__sub-menu .nav-primary__tier-2 .menu-item a:hover:after,
.nav-primary__menu .menu-item__sub-menu-container .menu-item__sub-menu .nav-primary__tier-2 .menu-item a:hover:before {
display:none
}
.js-mobile-tertiary .sub-menu--expanded {
display:block!important
}
.site-header__main-nav--mobile .nav-primary__menu .menu-item__sub-menu-container .sub-menu--tier2 .menu-item a {
color:#163159;
color:var(--c-dark-blue);
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
padding:2px 2pc 2px 75px
}
.nav-secondary-container {
display:none
}
@media (min-width:73.5em) {
.nav-secondary-container {
display:block
}
}
.nav-secondary {
display:block
}
.nav-secondary__menu {
list-style:none;
margin:0
}
.nav-secondary__menu .menu-item {
margin:0;
overflow:hidden
}
.nav-secondary .menu-item__btn-toggle,
.nav-secondary a {
background-color:#fff;
background-color:var(--c-white);
border-bottom:1px solid #fbfbfb;
border-bottom:1px solid var(--c-field-gray);
border-left:1px solid transparent;
border-right:1px solid transparent;
border-top:1px solid transparent;
color:#163159;
color:var(--c-dark-blue);
display:block;
font-size:1.125rem;
font-size:var(--font-size-small);
line-height:1.4;
padding:1pc 2pc;
position:relative;
text-align:left;
text-decoration:none;
width:100%;
z-index:10
}
.nav-secondary .menu-item__btn-toggle:focus,
.nav-secondary .menu-item__btn-toggle:hover,
.nav-secondary a:focus,
.nav-secondary a:hover {
background-color:rgba(11,102,158,.3);
background-color:var(--c-teal-blue-30);
color:#0077c8;
color:var(--c-dmv-blue);
cursor:pointer
}
.nav-secondary .current-menu-item a {
background-color:rgba(11,102,158,.07);
background-color:var(--c-teal-blue-7);
color:#0b669e;
color:var(--c-teal-blue)
}
.nav-secondary__menu .sub-menu {
background-color:#fbfbfb;
background-color:var(--c-field-gray);
display:none;
list-style:none;
margin:0
}
.nav-secondary__menu .sub-menu a {
background-color:rgba(93,108,122,.1);
background-color:var(--c-gray-10);
border:0;
padding:10px 2pc
}
.nav-secondary__menu .sub-menu a:focus,
.nav-secondary__menu .sub-menu a:hover {
background-color:#fbfbfb;
background-color:var(--c-field-gray);
text-decoration:underline
}
.nav-secondary__menu .sub-menu--expanded {
display:block
}
.nav-secondary__menu .menu-item__btn--expanded {
background-color:rgba(11,102,158,.07);
background-color:var(--c-teal-blue-7)
}
.nav-secondary__menu .menu-item__child-item-count {
color:#5d6c7a;
color:var(--c-gray)
}
.nav-utility {
display:none
}
@media (min-width:48em) {
.nav-utility {
display:block
}
}
.nav-utility .sub-menu {
display:none
}
.nav-utility__menu>.menu-item>a .menu-item__link-hint {
font-size:.875rem;
font-size:var(--font-size-xxsmall)
}
.nav-utility__menu {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin:0;
padding:0
}
@media (min-width:48em) {
.nav-utility__menu {
padding:.75rem
}
}
.nav-utility__menu .sub-menu {
background:#fff;
background:var(--c-white);
list-style:none;
margin:0;
padding:1pc;
position:absolute;
right:-14px;
top:44px;
width:15pc;
z-index:30
}
.nav-utility__menu .sub-menu:before {
border-bottom:8px solid #fbfbfb;
border-bottom:8px solid var(--c-field-gray);
border-left:8px solid transparent;
border-right:8px solid transparent;
content:"";
height:0;
position:absolute;
right:9pt;
top:-7px;
width:0
}
.nav-utility__menu .menu-item>a {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:url(../images/icons/arrow-chevron-down.svg) no-repeat;
background-position:right 18px;
background-size:9pt;
color:#fff;
color:var(--c-white);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:.875rem;
font-weight:400;
height:34px;
padding:.5rem;
text-decoration:none
}
.nav-utility__menu .menu-item>a:focus,
.nav-utility__menu .menu-item>a:hover {
text-decoration:underline
}
.nav-utility__menu .menu-item>a:focus {
outline:1px dotted #fff;
outline:1px dotted var(--c-white)
}
.nav-utility__menu .sub-menu a {
border-bottom:2px solid #fbfbfb;
border-bottom:2px solid var(--c-field-gray);
color:#000;
color:var(--c-black);
display:block;
padding:4px 0;
text-decoration:none
}
.nav-utility__menu .sub-menu a:focus,
.nav-utility__menu .sub-menu a:hover {
text-decoration:underline
}
.nav-utility__menu .menu-item {
list-style:none;
margin-left:1pc;
position:relative
}
.nav-utility__menu .menu-item .icon-bubble-wrapper {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#fff;
background-color:var(--c-white);
border-radius:300px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:34px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-right:10px;
padding:5px;
width:34px
}
.nav-utility__menu .menu-item .icon {
fill:var(--c-blue-675)
}
.nav-utility__menu .menu-item.is-active .sub-menu {
display:block
}
.site-header__main-nav .nav-utility {
display:block;
padding:1rem
}
@media (min-width:48em) {
.site-header__main-nav .nav-utility {
display:none
}
}
.site-header__main-nav .nav-utility .nav-utility__menu {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.site-header__main-nav .nav-utility .nav-utility__menu .menu-item {
margin:0
}
.site-header__main-nav .nav-utility .menu-item__link-text {
color:#fff;
color:var(--c-white)
}
.nav-utility .icon-bubble a {
padding:.5rem 0 .5rem 2.75rem
}
@media (min-width:48em) {
.nav-utility .icon-bubble a {
padding:3.75rem .5rem .5rem
}
}
@media (min-width:73.5em) {
.nav-utility .icon-bubble a {
padding:.5rem 1rem .5rem 2.75rem
}
}
.nav-utility .icon-bubble.icon-envelope a:before {
background-image:url(../images/icons/envelope.svg);
background-repeat:no-repeat;
background-size:1pc;
content:"";
display:block;
height:14px;
left:5px;
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
width:17px;
z-index:2
}
@media (min-width:48em) {
.nav-utility .icon-bubble.icon-envelope a:before {
left:50%;
top:17px;
-webkit-transform:translate(-50%);
transform:translate(-50%)
}
}
@media (min-width:73.5em) {
.nav-utility .icon-bubble.icon-envelope a:before {
left:9px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
}
.nav-utility .icon-bubble.icon-globe a:before {
background-image:url(../images/icons/globe.svg);
background-repeat:no-repeat;
content:"";
display:block;
height:20px;
left:3px;
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
width:20px;
z-index:2
}
@media (min-width:48em) {
.nav-utility .icon-bubble.icon-globe a:before {
left:50%;
top:15px;
-webkit-transform:translate(-50%);
transform:translate(-50%)
}
}
@media (min-width:73.5em) {
.nav-utility .icon-bubble.icon-globe a:before {
left:7px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
}
.nav-utility .icon-bubble.icon-person a:before {
background-image:url(../images/icons/person.svg);
background-repeat:no-repeat;
content:"";
display:block;
height:20px;
left:3px;
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
width:20px;
z-index:2
}
@media (min-width:48em) {
.nav-utility .icon-bubble.icon-person a:before {
left:50%;
top:14px;
-webkit-transform:translate(-50%);
transform:translate(-50%)
}
}
@media (min-width:73.5em) {
.nav-utility .icon-bubble.icon-person a:before {
left:7px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
}
.nav-utility .icon-bubble a:after {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#fff;
background-color:var(--c-white);
border-radius:300px;
content:"";
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:26px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
left:0;
margin-right:10px;
padding:0;
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
width:26px;
z-index:1
}
@media (min-width:48em) {
.nav-utility .icon-bubble a:after {
left:50%;
top:9pt;
-webkit-transform:translate(-50%);
transform:translate(-50%)
}
}
@media (min-width:73.5em) {
.nav-utility .icon-bubble a:after {
height:34px;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
width:34px
}
}
.nav-primary__menu .menu-item__quick-links {
border-left:1px solid rgba(11,102,158,.07);
border-left:1px solid var(--c-teal-blue-7);
display:none;
margin-left:auto;
max-width:300px;
padding-left:1pc;
width:100%
}
@media (min-width:48em) {
.nav-primary__menu .menu-item__quick-links {
display:block
}
}
.nav-primary__menu .menu-item__quick-links .menu-item__quick-links-title {
font-family:Playfair Display,serif;
font-family:var(--font-heading);
font-size:2.5rem;
font-size:var(--font-size-xlarge);
margin-left:auto;
max-width:300px;
width:100%
}
.nav-primary__menu .menu-item .quick-links__list {
list-style:none;
margin:0
}
.nav-primary__menu .menu-item .quick-links__list a {
color:#163159;
color:var(--c-dark-blue);
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-size:1rem;
font-size:var(--font-size-xsmall);
font-weight:700;
font-weight:var(--font-weight-bold);
padding:4px 0;
text-decoration:underline
}
.nav-primary__menu .menu-item .quick-links__list a:focus,
.nav-primary__menu .menu-item .quick-links__list a:hover {
color:#0b669e;
color:var(--c-teal-blue)
}
.nav-primary-b__menu .menu-item__quick-links {
border-left:1px solid rgba(11,102,158,.07);
border-left:1px solid var(--c-teal-blue-7);
display:none;
margin-left:auto;
max-width:300px;
padding-left:1pc;
width:100%
}
@media (min-width:48em) {
.nav-primary-b__menu .menu-item__quick-links {
display:block
}
}
.nav-primary-b__menu .menu-item__quick-links .menu-item__quick-links-title {
font-family:Playfair Display,serif;
font-family:var(--font-heading);
font-size:2.5rem;
font-size:var(--font-size-xlarge);
margin-left:auto;
max-width:300px;
width:100%
}
.nav-primary-b__menu .menu-item .quick-links__list {
list-style:none;
margin:0
}
.nav-primary-b__menu .menu-item .quick-links__list a {
background-color:transparent;
color:#163159;
color:var(--c-dark-blue);
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-size:1rem;
font-size:var(--font-size-xsmall);
font-weight:700;
font-weight:var(--font-weight-bold);
padding:4px 0;
text-decoration:underline
}
.nav-primary-b__menu .menu-item .quick-links__list a:focus,
.nav-primary-b__menu .menu-item .quick-links__list a:hover {
color:#0b669e;
color:var(--c-teal-blue)
}
.site-menu-toggle {
height:42px;
margin-left:auto;
padding:4px;
width:42px
}
@media (min-width:48em) {
.site-menu-toggle {
display:none
}
}
.site-menu-toggle:focus {
outline:1px dashed #fff;
outline:1px dashed var(--c-white)
}
.burger-menu {
height:42px;
position:relative;
width:100%
}
.burger {
margin-top:-5px;
opacity:1;
right:0;
top:50%
}
.burger,
.burger:before {
background:#fff;
background:var(--c-white);
height:3px;
position:absolute;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
width:100%
}
.burger:before {
content:"";
display:block;
top:10px
}
.burger:after {
background:#fff;
background:var(--c-white);
bottom:10px;
content:"";
display:block;
height:3px;
position:absolute;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
width:100%
}
.burger-menu.menu-active .burger {
background:transparent
}
.burger-menu.menu-active .burger:after,
.burger-menu.menu-active .burger:before {
background:#fff;
background:var(--c-white);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.burger-menu.menu-active .burger:before {
top:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.burger-menu.menu-active .burger:after {
bottom:0;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.site-header-b .burger,
.site-header-b .burger:after,
.site-header-b .burger:before {
background:#fff;
background:var(--c-white)
}
.nav-primary .widget_nav_menu {
display:block;
position:relative
}
.nav-primary .widget_nav_menu:before {
background-color:#fafcfe;
background-color:var(--c-teal-blue-03);
content:"";
display:block;
height:calc(100% + 1pc);
left:25px;
position:absolute;
top:1pc;
width:4px;
z-index:1
}
@media (min-width:48em) {
.nav-primary .widget_nav_menu:before {
display:none
}
}
.labeled-list:last-child .widget_nav_menu:before,
.nav-primary .widget_nav_menu .menu {
display:none
}
@media (min-width:48em) {
.nav-primary .widget_nav_menu .menu {
display:block
}
}
.nav-primary .widget_nav_menu .menu.is-active {
display:block;
padding:9pt 0 0 54px
}
.page__hero-headline {
display:block
}
@media (min-width:48em) {
.page__hero-headline {
display:none
}
}
.page__hero-headline-text {
color:#fff;
color:var(--c-white);
font-family:Playfair Display,serif;
font-family:var(--font-heading);
font-size:2rem;
font-size:var(--font-size-large);
line-height:1.3;
text-align:center
}
.page__hero-headline-text-secondary {
color:#ffd457;
color:var(--c-yellow);
font-size:1.25rem;
font-size:var(--font-size-medium);
text-align:center
}
.page__hero-headline-illustration {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}
.page__hero-headline-illustration img {
margin-left:auto;
width:200px
}
.page-content {
padding:3pc 24px;
width:100%
}
@media (min-width:48em) {
.page-content {
padding:3pc
}
}
.page-sidebar {
background:#fff;
background:var(--c-white);
display:none;
margin-top:-90pt;
position:relative;
width:100%;
z-index:100
}
@media (min-width:73.5em) {
.page-sidebar {
display:block;
max-width:20pc
}
}
.page-sidebar__inner {
border-bottom:1px solid #fbfbfb;
border-bottom:1px solid var(--c-field-gray);
border-left:1px solid #fbfbfb;
border-left:1px solid var(--c-field-gray);
border-right:1px solid #fbfbfb;
border-right:1px solid var(--c-field-gray)
}
.page-sidebar__top {
padding:2pc
}
.page-sidebar__title {
color:#163159;
color:var(--c-dark-blue);
font-size:2.5rem;
font-size:var(--font-size-xlarge)
}
.page-sidebar__desc p {
color:#163159;
color:var(--c-dark-blue);
font-size:1.25rem;
font-size:var(--font-size-medium);
line-height:1.15
}
.page-breadcrumbs {
padding:1pc 3pc;
width:100%
}
.page-breadcrumbs,
.page-breadcrumbs__list {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
list-style:none
}
.page-breadcrumbs__list {
margin:0
}
.page-breadcrumbs__list-item {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#f0f9ff;
background-color:var(--c-cloud-blue);
color:#0b669e;
color:var(--c-teal-blue);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-weight:700;
margin-bottom:.5rem;
margin-right:.75rem;
padding:.25rem .75rem .25rem 1.5rem;
position:relative;
text-align:center
}
.page-breadcrumbs__list-item a {
color:#5d6c7a;
color:var(--c-gray);
text-decoration:none
}
.page-breadcrumbs__list-item a:after {
display:none
}
.page-breadcrumbs__list-item a:focus,
.page-breadcrumbs__list-item a:hover {
color:#0077c8;
color:var(--c-dmv-blue)
}
.page-breadcrumbs__list-item a:focus {
outline:1px dashed #0077c8;
outline:1px dashed var(--c-dmv-blue)
}
.page-breadcrumbs__list-item:before {
border-bottom:14px solid transparent;
border-left:9pt solid #fff;
border-left:9pt solid var(--c-white);
border-top:14px solid transparent;
content:"";
left:0;
position:absolute;
top:0
}
.page-breadcrumbs__list-item:after {
border-bottom:17px solid transparent;
border-left:9pt solid #f0f9ff;
border-left:9pt solid var(--c-cloud-blue);
border-top:17px solid transparent;
content:"";
position:absolute;
right:-9pt;
top:0;
z-index:1
}
.page-breadcrumbs__list-item:first-of-type:before {
display:none
}
.page-breadcrumbs__list-item:last-of-type {
background-color:transparent
}
.page-breadcrumbs__list-item:last-of-type:after,
.page-breadcrumbs__list-item:last-of-type:before {
display:none
}
.page-breadcrumbs__list-item:last-child:after {
content:""
}
.page-breadcrumbs .current-menu-item {
padding-left:.625rem;
position:relative
}
.page-breadcrumbs .current-menu-item span {
color:#163159;
color:var(--c-dark-blue);
font-size:1rem;
font-size:var(--font-size-xsmall);
font-weight:700;
text-decoration:none;
text-transform:lowercase
}
.page-breadcrumbs .current-menu-item:before {
border-bottom:10px solid #fff;
border-bottom:10px solid var(--c-white);
border-left:10px solid transparent;
border-right:10px solid transparent;
content:"";
height:0;
left:34px;
position:absolute;
top:33px;
width:0
}
.page-breadcrumbs .current-page {
padding-left:10px;
position:relative
}
.page-breadcrumbs .current-page a {
color:#0b669e;
color:var(--c-teal-blue);
font-size:1rem;
font-size:var(--font-size-xsmall);
font-weight:700;
text-decoration:none;
text-transform:lowercase
}
.page-breadcrumbs .current-page a:focus,
.page-breadcrumbs .current-page a:hover {
color:#0077c8;
color:var(--c-dmv-blue);
outline:1px dotted #163159;
outline:1px dotted var(--c-dark-blue)
}
.page-breadcrumbs .current-page:before {
border-bottom:10px solid #fff;
border-bottom:10px solid var(--c-white);
border-left:10px solid transparent;
border-right:10px solid transparent;
content:"";
height:0;
left:34px;
position:absolute;
top:33px;
width:0
}
.page-breadcrumbs__expand {
display:none
}
@media (min-width:48em) {
.page-breadcrumbs__expand {
display:inline-block
}
}
.page-breadcrumbs__expand--mobile {
display:inline-block
}
@media (min-width:48em) {
.page-breadcrumbs__expand--mobile {
display:none
}
}
.dmv-pagination {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
@media (min-width:48em) {
.dmv-pagination {
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
}
.pagination__list {
list-style:none;
margin:0
}
.pagination__list a,
.pagination__list span {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border:1px solid rgba(93,108,122,.25);
border:1px solid var(--c-gray-25);
border-radius:3px;
color:#0b669e;
color:var(--c-teal-blue);
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
font-weight:600;
font-weight:var(--font-weight-semibold);
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin:.25rem;
padding:.35rem .75rem .25rem;
text-decoration:none
}
.pagination__list a.current,
.pagination__list span.current {
background-color:#0b669e;
background-color:var(--c-teal-blue);
color:#fff;
color:var(--c-white)
}
.pagination__list a:focus,
.pagination__list a:hover,
.pagination__list span:focus,
.pagination__list span:hover {
background-color:#0b669e;
background-color:var(--c-teal-blue);
border-color:#0b669e;
border-color:var(--c-teal-blue);
color:#fff;
color:var(--c-white);
text-decoration:none
}
.pagination__list a:focus,
.pagination__list span:focus {
-webkit-box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
-webkit-box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
outline:1px dashed #0077c8;
outline:1px dashed var(--c-dmv-blue)
}
.pagination__list a:after,
.pagination__list span:after {
display:none
}
.pagination__list a.next svg,
.pagination__list a.prev svg,
.pagination__list span.next svg,
.pagination__list span.prev svg {
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
padding-left:.5rem;
position:relative
}
.pagination__list a.next svg path,
.pagination__list a.prev svg path,
.pagination__list span.next svg path,
.pagination__list span.prev svg path {
fill:currentColor
}
.pagination__list a.next svg:after,
.pagination__list a.prev svg:after,
.pagination__list span.next svg:after,
.pagination__list span.prev svg:after {
display:none
}
.pagination__list a.prev svg,
.pagination__list span.prev svg {
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg)
}
.pagination__list a:hover.next svg path,
.pagination__list a:hover.prev svg path,
.pagination__list span:hover.next svg path,
.pagination__list span:hover.prev svg path {
fill:#fff;
fill:var(--c-white)
}
.dmv-pagination__next,
.page-wrapper .dmv-pagination__next {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border:1px solid rgba(93,108,122,.25);
border:1px solid var(--c-gray-25);
color:#0b669e;
color:var(--c-teal-blue);
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
font-weight:600;
font-weight:var(--font-weight-semibold);
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin:.25rem;
padding:.25rem .75rem;
text-decoration:none
}
.dmv-pagination__next:focus,
.dmv-pagination__next:hover,
.page-wrapper .dmv-pagination__next:focus,
.page-wrapper .dmv-pagination__next:hover {
background-color:#0b669e;
background-color:var(--c-teal-blue);
border:1px solid #0b669e;
border:1px solid var(--c-teal-blue);
color:#fff;
color:var(--c-white);
text-decoration:none
}
.dmv-pagination__next:focus .icon,
.dmv-pagination__next:hover .icon,
.page-wrapper .dmv-pagination__next:focus .icon,
.page-wrapper .dmv-pagination__next:hover .icon {
fill:#fff;
fill:var(--c-white)
}
.dmv-pagination__next:after,
.page-wrapper .dmv-pagination__next:after {
display:none
}
.dmv-pagination__next .icon,
.page-wrapper .dmv-pagination__next .icon {
fill:#0b669e;
fill:var(--c-teal-blue);
margin-left:6px
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
to {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
to {
opacity:1
}
}
.fadeIn {
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0,-10%,0);
transform:translate3d(0,-10%,0)
}
to {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0,-10%,0);
transform:translate3d(0,-10%,0)
}
to {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
.fadeInDown {
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
.slideInDown {
-webkit-animation-name:slideInDown;
animation-name:slideInDown
}
.animated {
-webkit-animation-duration:.3s;
animation-duration:.3s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.btn,
.btn-primary {
background-color:#0b669e;
background-color:var(--c-teal-blue);
border:none;
border-radius:36px;
-webkit-box-shadow:none;
box-shadow:none;
color:#fff;
color:var(--c-white);
cursor:pointer;
display:inline-block;
font-weight:700;
min-width:12rem;
padding:.9375rem;
text-decoration:none
}
.btn-primary:focus,
.btn-primary:hover,
.btn:focus,
.btn:hover {
background-color:#d3eee7;
background-color:var(--c-green-medium);
color:#163159;
color:var(--c-dark-blue)
}
.btn-primary:focus,
.btn:focus {
-webkit-box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
-webkit-box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
color:#0077c8;
color:var(--c-dmv-blue);
outline:1px dashed #0077c8;
outline:1px dashed var(--c-dmv-blue)
}
.btn-primary.disabled,
.btn-primary:disabled,
.btn.disabled,
.btn:disabled {
background-color:#f0f9ff;
background-color:var(--c-cloud-blue);
color:#5d6c7a;
color:var(--c-gray);
cursor:disabled;
/*font-weight:500*/
}
.btn-primary .icon {
fill:#fff;
fill:var(--c-white);
margin-right:.5rem
}
.btn-primary:focus .icon,
.btn-primary:hover .icon {
fill:#163159;
fill:var(--c-dark-blue)
}
.btn-secondary {
background-color:#fff;
background-color:var(--c-white);
border:1px solid #0b669e;
border:1px solid var(--c-teal-blue);
color:#0b669e;
color:var(--c-teal-blue);
font-weight:700
}
.btn-secondary:focus,
.btn-secondary:hover {
background-color:#fff;
background-color:var(--c-white);
border-color:#64c7fa;
border-color:var(--c-highlight-blue);
color:#0077c8;
color:var(--c-dmv-blue)
}
.btn-skew {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#0b669e;
background-color:var(--c-teal-blue);
border:1px solid #fff;
border:1px solid var(--c-white);
border-radius:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:50px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-width:2rem;
padding:0;
-webkit-transform:skew(-20deg);
transform:skew(-20deg);
width:55px
}
.btn-skew:focus,
.btn-skew:hover {
background-color:#d3eee7;
background-color:var(--c-green-medium)
}
.btn-skew:focus {
-webkit-box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
-webkit-box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
color:#0077c8;
color:var(--c-dmv-blue);
outline:1px dashed #0077c8;
outline:1px dashed var(--c-dmv-blue)
}
.btn-skew svg {
fill:#fff;
fill:var(--c-white)
}
.btn-skew:focus svg,
.btn-skew:hover svg {
fill:#163159;
fill:var(--c-dark-blue)
}
.location-search__submit {
min-width:auto
}
.location-search__submit:focus,
.location-search__submit:hover {
background-color:transparent
}
.btn--large {
padding:9pt
}
.btn-remove {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:rgba(11,102,158,.07);
background-color:var(--c-teal-blue-7);
border:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:20px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-width:auto;
padding:0;
width:20px
}
.btn-remove .icon {
fill:#0b669e;
fill:var(--c-teal-blue)
}
.btn-remove:focus,
.btn-remove:hover {
background-color:#0b669e;
background-color:var(--c-teal-blue)
}
.btn-remove:focus {
border:1px dashed #0077c8;
border:1px dashed var(--c-dmv-blue);
-webkit-box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
-webkit-box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
color:#0077c8;
color:var(--c-dmv-blue);
outline:0
}
.btn-remove:focus .icon,
.btn-remove:hover .icon {
fill:#fff;
fill:var(--c-white)
}
.btn-link {
background-color:transparent;
border:0;
color:#0b669e;
color:var(--c-teal-blue);
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-weight:600;
min-width:auto;
padding:0;
position:relative;
text-decoration:none
}
.btn-link:focus,
.btn-link:hover {
background-color:transparent;
color:#0077c8;
color:var(--c-dmv-blue)
}
.btn-link:focus {
-webkit-box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
-webkit-box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
color:#0077c8;
color:var(--c-dmv-blue);
outline:1px dashed #0077c8;
outline:1px dashed var(--c-dmv-blue)
}
.btn-link .icon {
margin-right:.625rem
}
.btn.btn-link.btn-icon--arrow-left {
text-decoration:none!important
}
.btn.btn-link.btn-icon--arrow-left:after {
background-color:#0b669e;
background-color:var(--c-teal-blue);
bottom:0;
content:"";
display:block!important;
height:1px;
left:auto;
position:absolute;
right:0;
width:calc(100% - 21px)
}
.btn.btn-link.btn-icon--arrow-left:focus,
.btn.btn-link.btn-icon--arrow-left:hover {
color:#0077c8;
color:var(--c-dmv-blue)
}
.btn.btn-link.btn-icon--arrow-left:focus:after,
.btn.btn-link.btn-icon--arrow-left:hover:after {
background-color:#ef6c42;
background-color:var(--c-orange)
}
.component--cards {
padding-bottom:1em;
padding-top:1em
}
.component--cards .horiz {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.component--cards .component--cards-card {
background-color:#fdf8f1;
background-color:var(--c-yellow-10);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
padding:0;
position:relative
}
.component--cards .component--cards-card:first-of-type {
padding-top:3rem
}
.component--cards .component--cards-card:first-of-type:before {
background-color:inherit;
content:"";
display:block;
height:3em;
left:0;
position:absolute;
top:0;
-webkit-transform:skewY(-5deg);
transform:skewY(-5deg);
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
width:100%
}
.component--cards .component--cards-card:nth-of-type(2n) {
background-color:#fafcfe;
background-color:var(--c-teal-blue-03)
}
.component--cards .component--cards-card:nth-of-type(3n) {
background-color:#f5fbfb;
background-color:var(--c-green-xlight)
}
.component--cards .component--cards-card .card--info {
border-bottom:1px solid rgba(93,108,122,.25);
border-bottom:1px solid var(--c-gray-25);
-webkit-box-flex:1;
-ms-flex:1 1 65%;
flex:1 1 65%;
padding:2em 2em 1.5em
}
.component--cards .component--cards-card .card--ctas {
-webkit-box-flex:0;
-ms-flex:0 0 35%;
flex:0 0 35%;
padding:0 2em 2em
}
.component--cards .component--cards-card~.component--cards-card {
margin-top:1.5em
}
@media (min-width:30em) {
.component--cards .component--cards-card {
max-width:30em
}
}
@media (min-width:64em) {
.component--cards .component--cards-card {
margin-right:1em;
max-width:none;
padding:2em 0 0
}
.component--cards .component--cards-card:first-of-type {
padding-top:2em
}
.component--cards .component--cards-card:before,
.component--cards .component--cards-card:first-of-type:before {
background-color:inherit;
content:"";
display:block;
height:3em;
left:0;
position:absolute;
top:0;
-webkit-transform:skewY(-5deg);
transform:skewY(-5deg);
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
width:100%
}
.component--cards .component--cards-card:nth-of-type(3n) {
margin-right:0
}
.component--cards .component--cards-card~.component--cards-card {
margin-top:0
}
}
@media (min-width:64em) {
.component--cards {
padding-top:3em
}
}
.pika-single {
z-index:9999;
display:block;
position:relative;
color:#333;
background:#fff;
border:1px solid #ccc;
border-bottom-color:#bbb;
font-family:Helvetica Neue,Helvetica,Arial,sans-serif
}
.pika-single:after,
.pika-single:before {
content:" ";
display:table
}
.pika-single:after {
clear:both
}
.pika-single {
*zoom:1
}
.pika-single.is-hidden {
display:none
}
.pika-single.is-bound {
position:absolute;
-webkit-box-shadow:0 5px 15px -5px rgba(0,0,0,.5);
box-shadow:0 5px 15px -5px rgba(0,0,0,.5)
}
.pika-lendar {
float:left;
width:15pc;
margin:8px
}
.pika-title {
position:relative;
text-align:center
}
.pika-label {
display:inline-block;
*display:inline;
position:relative;
z-index:9999;
overflow:hidden;
margin:0;
padding:5px 3px;
font-size:14px;
line-height:20px;
font-weight:700;
background-color:#fff
}
.pika-title select {
cursor:pointer;
position:absolute;
z-index:9998;
margin:0;
left:0;
top:5px;
filter:alpha(opacity=0);
opacity:0
}
.pika-next,
.pika-prev {
display:block;
cursor:pointer;
position:relative;
outline:none;
border:0;
padding:0;
width:20px;
height:30px;
text-indent:20px;
white-space:nowrap;
overflow:hidden;
background-color:transparent;
background-position:50%;
background-repeat:no-repeat;
background-size:75% 75%;
opacity:.5;
*position:absolute;
*top:0
}
.pika-next:hover,
.pika-prev:hover {
opacity:1
}
.is-rtl .pika-next,
.pika-prev {
float:left;
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
*left:0
}
.is-rtl .pika-prev,
.pika-next {
float:right;
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
*right:0
}
.pika-next.is-disabled,
.pika-prev.is-disabled {
cursor:default;
opacity:.2
}
.pika-select {
display:inline-block;
*display:inline
}
.pika-table {
width:100%;
border-collapse:collapse;
border-spacing:0;
border:0
}
.pika-table td,
.pika-table th {
width:14.285714285714286%;
padding:0
}
.pika-table th {
color:#999;
font-size:9pt;
line-height:25px;
font-weight:700;
text-align:center
}
.pika-button {
cursor:pointer;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-moz-box-sizing:border-box;
outline:none;
border:0;
margin:0;
width:100%;
padding:5px;
color:#666;
font-size:9pt;
line-height:15px;
text-align:right;
background:#f5f5f5
}
.pika-week {
font-size:11px;
color:#999
}
.is-today .pika-button {
color:#3af;
font-weight:700
}
.has-event .pika-button,
.is-selected .pika-button {
color:#fff;
font-weight:700;
background:#3af;
-webkit-box-shadow:inset 0 1px 3px #178fe5;
box-shadow:inset 0 1px 3px #178fe5;
border-radius:3px
}
.has-event .pika-button {
background:#005da9;
-webkit-box-shadow:inset 0 1px 3px #0076c9;
box-shadow:inset 0 1px 3px #0076c9
}
.is-disabled .pika-button,
.is-inrange .pika-button {
background:#d5e9f7
}
.is-startrange .pika-button {
background:#6cb31d
}
.is-endrange .pika-button,
.is-startrange .pika-button {
color:#fff;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:3px
}
.is-endrange .pika-button {
background:#3af
}
.is-disabled .pika-button {
pointer-events:none;
cursor:default;
color:#999;
opacity:.3
}
.is-outside-current-month .pika-button {
color:#999;
opacity:.3
}
.is-selection-disabled {
pointer-events:none;
cursor:default
}
.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
color:#fff;
background:#ff8000;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:3px
}
.pika-table abbr {
border-bottom:none;
cursor:help
}
::-webkit-input-placeholder {
color:#5d6c7a;
color:var(--c-gray)
}
:-moz-placeholder,
::-moz-placeholder {
color:#5d6c7a;
color:var(--c-gray);
opacity:1
}
:-ms-input-placeholder {
color:#5d6c7a;
color:var(--c-gray)
}
::-ms-input-placeholder {
color:#5d6c7a;
color:var(--c-gray)
}
::placeholder {
color:#5d6c7a;
color:var(--c-gray)
}
.choices__inner,
form,
input:not([type=date]),
label,
select,
textarea {
font-size:1rem;
font-size:var(--font-size-xsmall);
margin-bottom:.25rem
}
input,
textarea {
background-color:#fff;
background-color:var(--c-white);
border:1px solid rgba(11,102,158,.3);
border:1px solid var(--c-teal-blue-30);
border-radius:3px;
color:#5d6c7a;
color:var(--c-gray);
margin-right:.75rem;
padding:.5rem;
width:100%
}
input:focus,
textarea:focus {
border:1px dashed #0077c8;
border:1px dashed var(--c-dmv-blue);
-webkit-box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
-webkit-box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
color:#0077c8;
color:var(--c-dmv-blue);
outline:0
}
input[type=date],
input[type=email],
input[type=search],
input[type=text] {
max-width:25pc;
width:100%
}
label {
color:#163159;
color:var(--c-dark-blue);
display:block;
margin-bottom:.5rem
}
fieldset {
border:none;
padding:0
}
.choices {
min-width:10rem;
width:100%
}
.choices__inner {
background-color:var(--c-tea-blue-03);
padding:.5rem 2.5rem .5rem .5rem;
position:relative
}
.choices__inner:after {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#0b669e;
background-color:var(--c-teal-blue);
border:none;
content:url(../images/icons/arrow-right.svg);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:absolute;
right:0;
top:0;
width:2.5rem
}
.choices__list,
.choices__list-single {
padding:0
}
.choices__list--dropdown {
margin-top:4px
}
.choices__list--dropdown .choices__item:hover {
background-color:#0b669e;
background-color:var(--c-teal-blue);
color:#fff;
color:var(--c-white)
}
.choices[data-type*=select-one]:after {
border:none
}
input[type=date] {
padding-right:2.5rem
}
.dmv-input {
display:-webkit-box;
display:-moz-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-moz-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
/*min-height:8vh;*/
margin-bottom:1.5rem;
max-width:770px;
position:relative
}
.dmv-input.dmv-input--wrap {
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.dmv-input.dmv-input--row {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
@media (min-width:48em) {
.dmv-input.dmv-input--row {
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
}
@media (min-width:48em) {
.dmv-input.dmv-input--row-md {
-webkit-box-orient:horizontal!important;
-webkit-box-direction:normal!important;
-ms-flex-direction:row!important;
flex-direction:row!important
}
}
.dmv-input.dmv-input--col-sm {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
@media (min-width:48em) {
.dmv-input.dmv-input--col-md {
-webkit-box-orient:vertical!important;
-webkit-box-direction:normal!important;
-ms-flex-direction:column!important;
flex-direction:column!important
}
}
.dmv-input__field-col {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
margin-bottom:1.25rem;
max-width:385px;
padding:0 1rem 0 0;
position:relative;
width:100%
}
@media (min-width:48em) {
.dmv-input__field-col {
-webkit-box-flex:1;
-ms-flex:1 1 50%;
flex:1 1 50%;
margin-bottom:0;
padding:0 1rem 0 0
}
}
.dmv-input__field-col:first-child {
padding-right:0
}
@media (min-width:48em) {
.dmv-input__field-col:first-child {
padding-right:1.875rem
}
}
.dmv-input__field-col:last-child {
padding-right:0
}
.dmv-input--lg {
max-width:770px
}
.dmv-input--lg .dmv-input__field-col {
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1;
display: -webkit-inline-box; /*new*/
max-width:770px;
padding-right:0
}
.dmv-input--lg .dmv-input__field-col input[type=date],
.dmv-input--lg .dmv-input__field-col input[type=email],
.dmv-input--lg .dmv-input__field-col input[type=search],
.dmv-input--lg .dmv-input__field-col input[type=text],
.dmv-input--lg .dmv-input__field-col textarea {
max-width:770px
}
.dmv-input--fw {
max-width:100%
}
.dmv-input--fw .dmv-input__field-col {
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
max-width:100%;
padding-right:0
}
.dmv-input--fw .dmv-input__field-col input[type=date],
.dmv-input--fw .dmv-input__field-col input[type=email],
.dmv-input--fw .dmv-input__field-col input[type=search],
.dmv-input--fw .dmv-input__field-col input[type=text],
.dmv-input--fw .dmv-input__field-col textarea {
max-width:100%
}
.dmv-input--row .dmv-input__field-col:nth-child(2n+2) {
margin-right:0
}
.dmv-input__field-col--small {
-webkit-box-flex:0;
-ms-flex:0 0 190px;
flex:0 0 190px
}
.dmv-input__field-col--info {
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}
.dmv-input__field-col--info p {
color:#5d6c7a;
color:var(--c-gray);
font-size:.875rem;
margin-bottom:0
}
.dmv-input__heading {
color:#394655;
color:var(--c-dmv-black);
font-size:1rem;
margin-right:3rem
}
.dmv-input__fields {
-webkit-box-flex:1;
-ms-flex:1;
flex:1
}
.dmv-input__fields--inline,
.dmv-input__inline-text {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.dmv-input__inline-text {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-right:9pt;
min-width:90pt
}
@media (min-width:48em) {
.dmv-input__inline-text {
min-width:200px
}
}
.dmv-input__tel {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.dmv-input__tel input {
margin:0;
width:60px
}
@media (min-width:48em) {
.dmv-input__tel input {
width:90px
}
}
.dmv-input__tel .dmv-input__tel-field {
margin-right:.625rem
}
.dmv-input__tel .dmv-input__tel-field-area {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-right:.625rem
}
.dmv-input__tel .dmv-input__tel-field-area:before {
content:"(";
display:inline-block;
margin-right:4px
}
.dmv-input__tel .dmv-input__tel-field-area:after {
content:")";
display:inline-block;
margin-left:4px
}
.dmv-input.dmv-input--error label {
color:#b91818;
color:var(--c-red)
}
.dmv-input.dmv-input--error input,
.dmv-input.dmv-input--error textarea {
border-color:#ef6c42;
border-color:var(--c-orange)
}
.dmv-validation-message {
background-color:#fcfcfc;
background-color:var(--c-gray-3-hex);
border:1px solid rgba(93,108,122,.5);
border:1px solid var(--c-gray-50);
border-radius:3px;
color:#394655;
color:var(--c-dmv-black);
font-size:1rem;
padding:.625rem;
position:absolute;
right:24px;
top:-18px
}
.dmv-validation-message:before {
border-top:.75rem solid #fcfcfc;
border-top:.75rem solid var(--c-gray-3-hex);
bottom:-10px;
z-index:2
}
.dmv-validation-message:after,
.dmv-validation-message:before {
border-left:.75rem solid transparent;
border-right:.75rem solid transparent;
content:"";
height:0;
left:50%;
position:absolute;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:0
}
.dmv-validation-message:after {
border-top:.75rem solid rgba(93,108,122,.5);
border-top:.75rem solid var(--c-gray-50);
bottom:-11px;
z-index:1
}
.form-filters {
background:#fff;
background:var(--c-white);
display:block;
padding:0;
width:100%
}
.form-filters__list {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
list-style:none;
margin-bottom:0;
padding-left:0
}
.form-filters__list:last-child {
margin-bottom:10px
}
.form-filters__list .dmv-checkbox-list__item {
width:100%
}
.dmv-checkbox-list {
list-style:none;
margin:0
}
.dmv-checkbox-list__item {
margin-bottom:.5rem;
position:relative
}
.dmv-checkbox-list__item label {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
font-size:1rem;
height:38px;
margin:0;
padding-left:2.7rem
}
.dmv-checkbox-list__item label:hover {
cursor:pointer
}
.dmv-checkbox-list__item input {
height:30px;
left:0;
opacity:0;
position:absolute;
top:0;
width:30px
}
.dmv-checkbox-list__item input:focus {
outline:1px dotted #fff;
outline:1px dotted var(--c-white)
}
.dmv-checkbox-list__item input+label:before {
background:#fff;
background:var(--c-white);
border:1px solid rgba(11,102,158,.3);
border-radius:2px;
content:"";
height:30px;
left:0;
position:absolute;
top:4px;
width:30px
}
.dmv-checkbox-list__item input+label:after {
border:2px solid #fff;
border:2px solid var(--c-white);
border-left:0;
border-top:0;
content:"";
height:11px;
left:13px;
opacity:0;
position:absolute;
top:13px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:opacity .1s ease-in-out;
transition:opacity .1s ease-in-out;
width:4px
}
.dmv-checkbox-list__item input:checked+label {
color:#394655;
color:var(--c-dmv-black)
}
.dmv-checkbox-list__item input:checked+label:after {
opacity:1
}
.dmv-checkbox-list__item input:checked+label:before {
background-color:#0077c8;
background-color:var(--c-dmv-blue);
border:2px solid #0077c8;
border:2px solid var(--c-dmv-blue)
}
.dmv-checkbox-list__item input:focus+label:before {
border:1px dashed #0077c8;
border:1px dashed var(--c-dmv-blue);
-webkit-box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
-webkit-box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
color:#0077c8;
color:var(--c-dmv-blue);
outline:0
}
.dmv-checkbox-list__item input:checked:focus+label:before {
outline:1px dotted #0077c8;
outline:1px dotted var(--c-dmv-blue)
}
.dmv-radio-list {
list-style:none;
margin:0
}
.dmv-radio-list.dmv-radio-list--inline {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.dmv-radio-list.dmv-radio-list--inline li:first-child {
margin-right:1rem
}
.dmv-radio-list__item,
.dmv-radio-single {
margin-bottom:.35rem;
margin-top:.35rem;
position:relative
}
.dmv-radio-single {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.dmv-radio-list__item label,
.dmv-radio-single label {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
font-size:1rem;
height:38px;
padding-left:2.5rem
}
.dmv-radio-list__item label:hover,
.dmv-radio-single label:hover {
cursor:pointer
}
.dmv-radio-list__item input,
.dmv-radio-single input {
height:30px;
left:0;
opacity:0;
position:absolute;
top:0;
width:30px
}
.dmv-radio-list__item input:focus,
.dmv-radio-single input:focus {
outline:1px dotted #fff;
outline:1px dotted var(--c-white)
}
.dmv-radio-list__item input+label:before,
.dmv-radio-single input+label:before {
background:#fff;
background:var(--c-white);
border:1px solid rgba(11,102,158,.3);
border-radius:50%;
content:"";
height:30px;
left:0;
position:absolute;
top:4px;
width:30px
}
.dmv-radio-list__item input+label:after,
.dmv-radio-single input+label:after {
border:2px solid #fff;
border:2px solid var(--c-white);
border-left:0;
border-top:0;
content:"";
height:10px;
left:9pt;
opacity:0;
position:absolute;
top:9pt;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:opacity .1s ease-in-out;
transition:opacity .1s ease-in-out;
width:4px
}
.dmv-radio-list__item input:checked+label,
.dmv-radio-single {
color:#394655;
color:var(--c-dmv-black)
}
.dmv-radio-list__item input:checked+label:after,
.dmv-radio-single input:checked+label:after {
opacity:1
}
.dmv-radio-list__item input:checked+label:before,
.dmv-radio-single input:checked+label:before {
background-color:#0077c8;
background-color:var(--c-dmv-blue);
border:50% solid #0077c8;
border:50% solid var(--c-dmv-blue)
}
.dmv-radio-list__item input:focus+label:before,
.dmv-radio-single input:focus+label:before {
border:1px solid #163159;
border:1px solid var(--c-dark-blue);
outline:0
}
.dmv-radio-list__item input:checked:focus+label:before,
.dmv-radio-single input:checked:focus+label:before {
border:1px dashed #0077c8;
border:1px dashed var(--c-dmv-blue);
-webkit-box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
-webkit-box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
color:#0077c8;
color:var(--c-dmv-blue);
outline:0
}
.dmv-radio-single--small input+label:after {
border:1px solid #fff;
border:1px solid var(--c-white);
border-left:0;
border-top:0;
height:6px;
left:6px;
top:14px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
width:3px
}
.dmv-radio-single--small input {
height:1pc;
left:0;
top:0;
width:1pc
}
.dmv-radio-single--small input+label:before {
height:1pc;
left:0;
top:4px;
width:1pc
}
.dmv-field-group {
display:block;
margin-bottom:1.5rem
}
.dmv-field-group legend {
margin-bottom:1rem
}
.choices {
position:relative;
margin-bottom:24px;
font-size:1pc
}
.choices:focus {
outline:0
}
.choices:last-child {
margin-bottom:0
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
background-color:#eaeaea;
cursor:not-allowed;
-webkit-user-select:none;
-ms-user-select:none;
-moz-user-select:none;
user-select:none
}
.choices.is-disabled .choices__item {
cursor:not-allowed
}
.choices [hidden] {
display:none!important
}
.choices[data-type*=select-one] {
cursor:pointer
}
.choices[data-type*=select-one] .choices__inner {
padding-bottom:7.5px
}
.choices[data-type*=select-one] .choices__input {
display:block;
width:100%;
padding:10px;
border-bottom:1px solid #ddd;
background-color:#fff;
margin:0
}
.choices[data-type*=select-one] .choices__button {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=);
padding:0;
background-size:8px;
position:absolute;
top:50%;
right:0;
margin-top:-10px;
margin-right:25px;
height:20px;
width:20px;
border-radius:10em;
opacity:.5
}
.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
opacity:1
}
.choices[data-type*=select-one] .choices__button:focus {
-webkit-box-shadow:0 0 0 2px #00bcd4;
box-shadow:0 0 0 2px #00bcd4
}
.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
display:none
}
.choices[data-type*=select-one]:after {
content:"";
height:0;
width:0;
border-style:solid;
border-color:#333 transparent transparent;
border-width:5px;
position:absolute;
right:11.5px;
top:50%;
margin-top:-2.5px;
pointer-events:none
}
.choices[data-type*=select-one].is-open:after {
border-color:transparent transparent #333;
margin-top:-7.5px
}
.choices[data-type*=select-one][dir=rtl]:after {
left:11.5px;
right:auto
}
.choices[data-type*=select-one][dir=rtl] .choices__button {
right:auto;
left:0;
margin-left:25px;
margin-right:0
}
.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
cursor:text
}
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
position:relative;
display:inline-block;
margin:0 -4px 0 8px;
padding-left:1pc;
border-left:1px solid #008fa1;
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=);
background-size:8px;
width:8px;
line-height:1;
opacity:.75;
border-radius:0
}
.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
opacity:1
}
.choices__inner {
display:inline-block;
vertical-align:top;
width:100%;
background-color:#f9f9f9;
padding:7.5px 7.5px 3.75px;
border:1px solid #ddd;
border-radius:2.5px;
font-size:14px;
min-height:44px;
overflow:hidden
}
.is-focused .choices__inner,
.is-open .choices__inner {
border-color:#b7b7b7
}
.is-open .choices__inner {
border-radius:2.5px 2.5px 0 0
}
.is-flipped.is-open .choices__inner {
border-radius:0 0 2.5px 2.5px
}
.choices__list {
margin:0;
padding-left:0;
list-style:none
}
.choices__list--single {
display:inline-block;
padding:4px 1pc 4px 4px;
width:100%
}
[dir=rtl] .choices__list--single {
padding-right:4px;
padding-left:1pc
}
.choices__list--single .choices__item {
width:100%
}
.choices__list--multiple {
display:inline
}
.choices__list--multiple .choices__item {
display:inline-block;
vertical-align:middle;
border-radius:20px;
padding:4px 10px;
font-size:9pt;
font-weight:500;
margin-right:3.75px;
margin-bottom:3.75px;
background-color:#00bcd4;
border:1px solid #00a5bb;
color:#fff;
word-break:break-all;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.choices__list--multiple .choices__item[data-deletable] {
padding-right:5px
}
[dir=rtl] .choices__list--multiple .choices__item {
margin-right:0;
margin-left:3.75px
}
.choices__list--multiple .choices__item.is-highlighted {
background-color:#00a5bb;
border:1px solid #008fa1
}
.is-disabled .choices__list--multiple .choices__item {
background-color:#aaa;
border:1px solid #919191
}
.choices__list--dropdown {
visibility:hidden;
z-index:1;
position:absolute;
width:100%;
background-color:#fff;
border:1px solid #ddd;
top:100%;
margin-top:-1px;
border-bottom-left-radius:2.5px;
border-bottom-right-radius:2.5px;
overflow:hidden;
word-break:break-all;
will-change:visibility
}
.choices__list--dropdown.is-active {
visibility:visible
}
.is-open .choices__list--dropdown {
border-color:#b7b7b7
}
.is-flipped .choices__list--dropdown {
top:auto;
bottom:100%;
margin-top:0;
margin-bottom:-1px;
border-radius:.25rem .25rem 0 0
}
.choices__list--dropdown .choices__list {
position:relative;
max-height:300px;
overflow:auto;
-webkit-overflow-scrolling:touch;
will-change:scroll-position
}
.choices__list--dropdown .choices__item {
position:relative;
padding:10px;
font-size:14px
}
[dir=rtl] .choices__list--dropdown .choices__item {
text-align:right
}
@media (min-width:640px) {
.choices__list--dropdown .choices__item--selectable {
padding-right:75pt
}
.choices__list--dropdown .choices__item--selectable:after {
content:attr(data-select-text);
font-size:9pt;
opacity:0;
position:absolute;
right:10px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
[dir=rtl] .choices__list--dropdown .choices__item--selectable {
text-align:right;
padding-left:75pt;
padding-right:10px
}
[dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
right:auto;
left:10px
}
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
background-color:#f2f2f2
}
.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
opacity:.5
}
.choices__item {
cursor:default
}
.choices__item--selectable {
cursor:pointer
}
.choices__item--disabled {
cursor:not-allowed;
-webkit-user-select:none;
-ms-user-select:none;
-moz-user-select:none;
user-select:none;
opacity:.5
}
.choices__heading {
font-weight:600;
font-size:9pt;
padding:10px;
border-bottom:1px solid #f7f7f7;
color:grey
}
.choices__button {
text-indent:-9999px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:0;
background-color:transparent;
background-repeat:no-repeat;
background-position:50%;
cursor:pointer
}
.choices__button:focus,
.choices__input:focus {
outline:0
}
.choices__input {
display:inline-block;
vertical-align:baseline;
background-color:#f9f9f9;
font-size:14px;
margin-bottom:5px;
border:0;
border-radius:0;
max-width:100%;
padding:4px 0 4px 2px
}
[dir=rtl] .choices__input {
padding-right:2px;
padding-left:0
}
.choices__placeholder {
opacity:.5
}
.choices__inner {
color:#163159;
color:var(--c-dark-blue);
font-size:1rem;
font-size:var(--font-size-xsmall);
font-weight:400;
font-weight:var(--font-weight-normal)
}
.gform_wrapper form .gfield_description,
.gform_wrapper form .instruction {
color:#5d6c7a;
color:var(--c-gray);
font-size:.875rem;
font-size:var(--font-size-xxsmall)
}
.gform_wrapper form .gfield label,
.gform_wrapper form legend.gfield_label {
display:block;
font-size:1rem!important;
font-size:var(--font-size-xsmall)!important;
margin-bottom:.25rem
}
.gform_wrapper form .gfield label {
color:#163159;
color:var(--c-dark-blue);
font-weight:400;
font-weight:var(--font-weight-normal)
}
.choices {
min-width:16rem
}
.choices.is-focused .choices__inner,
.choices.is-open .choices__inner {
border-color:#0b669e;
border-color:var(--c-teal-blue)
}
.choices.is-focused .choices__inner:after,
.choices.is-open .choices__inner:after {
background-color:#0b669e;
background-color:var(--c-teal-blue)
}
body .gform_wrapper form h3.gform_title {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:1.25rem;
font-size:var(--font-size-medium);
font-weight:700;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start
}
body .gform_wrapper form h3.gform_title:after {
background-color:rgba(93,108,122,.25);
background-color:var(--c-gray-25);
content:"";
-webkit-box-flex:1;
-ms-flex:1 1 0%;
flex:1 1 0%;
height:1px;
margin-left:1.5rem;
position:relative
}
@media (min-width:48em) {
body .gform_wrapper form h3.gform_title {
font-size:1.5rem;
font-size:var(--font-size-xmedium)
}
}
@media (min-width:73.5em) {
body .gform_wrapper form h3.gform_title {
font-size:1.75rem;
font-size:var(--font-heading3)
}
}
body .gform_wrapper form .field_sublabel_above .ginput_complex.ginput_container label,
body .gform_wrapper form .field_sublabel_above div[class*=gfield_time_].ginput_container label,
body .gform_wrapper form .field_sublabel_above label,
body .gform_wrapper form legend {
margin:1rem 0 0
}
body .gform_wrapper form .top_label .gfield_label,
body .gform_wrapper form li.gfield fieldset legend.gfield_label {
line-height:normal;
margin-bottom:0
}
body .gform_wrapper form label.gfield_label_before_complex,
body .gform_wrapper form legend.gfield_label {
font-weight:600;
font-weight:var(--font-weight-semibold)
}
body .gform_wrapper form .gfield {
display:block
}
body .gform_wrapper form input[type=date],
body .gform_wrapper form input[type=email],
body .gform_wrapper form input[type=search],
body .gform_wrapper form input[type=text] {
max-width:100%
}
body .gform_wrapper form .field_sublabel_above .description,
body .gform_wrapper form .field_sublabel_above .gfield_description,
body .gform_wrapper form .field_sublabel_above .gsection_description {
margin:0;
padding:0
}
@media (min-width:48em) {
body .gform_wrapper form .field_description_below label.gfield_label {
display:block
}
body .gform_wrapper form .field_description_below .gfield_description {
margin-left:.75rem
}
}
body .gform_wrapper form .ginput_container_number .instruction,
body .gform_wrapper form .ginput_container_number input {
display:inline-block
}
body .gform_wrapper form .ginput_container_number input {
float:left;
min-width:calc(50% - 8px)
}
body .gform_wrapper form .gform_button.button {
background-color:#0b669e;
background-color:var(--c-teal-blue);
border:none;
border-radius:36px;
-webkit-box-shadow:none;
box-shadow:none;
color:#fff;
color:var(--c-white);
cursor:pointer;
display:inline-block;
font-weight:700;
min-width:12rem;
padding:1rem;
text-decoration:none
}
body .gform_wrapper form .gform_button.button:focus,
body .gform_wrapper form .gform_button.button:hover {
background-color:#d3eee7;
background-color:var(--c-green-medium);
color:#163159;
color:var(--c-dark-blue)
}
.main .gform_wrapper form .gfield_checkbox li label {
display:block;
font-size:.875rem;
font-size:var(--font-size-xxsmall);
font-weight:400!important;
padding:0 0 0 29px
}
.main .gform_wrapper .gfield_checkbox li {
margin-bottom:1rem;
margin-top:1rem;
position:relative
}
.main .gform_wrapper .gfield_checkbox li input {
height:1pc;
left:0;
opacity:0;
position:absolute;
top:0;
width:1pc
}
.main .gform_wrapper .gfield_checkbox li input+label:before {
background-color:#fff;
background-color:var(--c-white);
border:1px solid #0b669e;
border:1px solid var(--c-teal-blue);
border-radius:2px;
content:"";
height:1pc;
left:0;
position:absolute;
top:5px;
width:1pc
}
.main .gform_wrapper .gfield_checkbox li input+label:after {
border:2px solid #fff;
border:2px solid var(--c-white);
border-left:0;
border-top:0;
content:"";
height:8px;
left:6px;
opacity:0;
position:absolute;
top:8px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:opacity .1s ease-in-out;
transition:opacity .1s ease-in-out;
width:4px
}
.main .gform_wrapper .gfield_checkbox li input:checked+label:after {
opacity:1
}
.main .gform_wrapper .gfield_checkbox li input:checked+label:before {
background-color:#0b669e;
background-color:var(--c-teal-blue)
}
.main .gform_wrapper .gfield_checkbox li input:focus+label:before {
outline:1px dotted #394655;
outline:1px dotted var(--c-dmv-black)
}
.main .gform_wrapper form .gfield_radio li {
margin:0;
position:relative
}
.main .gform_wrapper form .gfield_radio li label {
display:block;
font-size:.875rem;
font-size:var(--font-size-xxsmall);
font-weight:400;
margin-bottom:8px;
margin-left:5px;
padding-left:28px
}
.main .gform_wrapper form .gfield_radio li input {
border-radius:300px;
height:18px;
left:0;
opacity:0;
position:absolute;
top:0;
width:19px
}
.main .gform_wrapper form .gfield_radio li input+label:before {
background:#fff;
background:var(--c-white);
border:1px solid rgba(93,108,122,.25);
border:1px solid var(--c-gray-25);
border-radius:50%;
content:"";
height:18px;
left:0;
position:absolute;
top:9pt;
width:18px
}
.main .gform_wrapper form .gfield_radio li input:focus+label:before {
border:1px solid rgba(93,108,122,.25);
border:1px solid var(--c-gray-25);
outline:1px dotted #5d6c7a;
outline:1px dotted var(--c-gray)
}
.main .gform_wrapper form .gfield_radio li input+label:after {
border:4px solid #0b669e;
border:4px solid var(--c-teal-blue);
border-radius:50%;
content:"";
left:3px;
opacity:0;
position:absolute;
top:9pt;
-webkit-transition:opacity .1s ease-in-out;
transition:opacity .1s ease-in-out
}
.main .gform_wrapper form .gfield_radio li input:checked+label {
color:#0b669e;
color:var(--c-teal-blue)
}
.main .gform_wrapper form .gfield_radio li input:checked+label:after {
opacity:1
}
.pika-single table thead {
background-color:#fff;
background-color:var(--c-white);
color:#163159;
color:var(--c-dark-blue);
font-weight:700
}
@media (min-width:48em) {
.pika-single .pika-lendar {
width:300px
}
}
.pika-single .pika-button,
.pika-single .pika-table th {
color:#163159;
color:var(--c-dark-blue)
}
.pika-single .pika-button {
background-color:#fff;
background-color:var(--c-white);
padding:8px
}
& .pika-button:hover,
& .pika-row.pick-whole-week:hover .pika-button,
.pika-single .pika-button:focus,
.pika-single .pika-button:hover {
background-color:rgba(93,108,122,.25);
background-color:var(--c-gray-25)
}
& .pika-button:hover,
& .pika-row.pick-whole-week:hover .pika-button {
color:#163159;
color:var(--c-dark-blue)
}
.datepicker-wrapper {
border-radius:3px;
max-width:25pc;
position:relative
}
.datepicker {
margin-bottom:0!important;
padding-right:2.5rem
}
.datepicker__icon {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#163159;
background-color:var(--c-dark-blue);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:absolute;
right:0;
top:0;
width:36px
}
.datepicker__icon .icon {
fill:#fff;
fill:var(--c-white)
}
.datepicker__icon:hover {
cursor:pointer
}
.footer-main {
background-color:#fcfcfc;
background-color:var(--c-gray-3-hex);
-webkit-clip-path:polygon(0 5vw,100% 0,100% 100%,0 100%);
clip-path:polygon(0 5vw,100% 0,100% 100%,0 100%);
margin-top:1.5rem;
padding-top:2rem
}
@media (min-width:48em) {
.footer-main {
margin-top:2rem;
padding-top:4rem
}
}
.footer-main--no-slant {
-webkit-clip-path:none;
clip-path:none
}
.footer-main a {
color:#0b669e;
color:var(--c-teal-blue)
}
.footer-main a:hover {
color:#ef6c42;
color:var(--c-orange)
}
.nav-footer__menu {
list-style:none;
margin:0;
padding:1.5rem 0
}
@media (min-width:48em) {
.nav-footer__menu {
padding:4rem 0
}
}
.nav-footer__menu>li {
float:left;
width:100%
}
@media (min-width:30em) {
.nav-footer__menu>li {
width:50%
}
}
@media (min-width:73.5em) {
.nav-footer__menu>li {
width:25%
}
}
.nav-footer__menu .menu-item-has-children {
margin-top:1.5rem
}
.nav-footer__menu .sub-menu {
list-style:none;
margin-left:0
}
.nav-footer__menu .sub-menu a {
font-weight:400
}
.nav-footer__menu li~li {
margin-top:1.5rem
}
.nav-footer__menu .sub-menu li~li,
.nav-footer__menu li ul {
margin-top:1rem
}
#menu-footer-legal li {
color:#0b669e;
color:var(--c-teal-blue)
}
#menu-footer-legal a,
#menu-footer-legal li {
font-weight:400
}
.copyright-social {
border-top:1px solid rgba(11,102,158,.5);
border-top:1px solid var(--c-teal-blue-50);
padding:1rem 0
}
@media (min-width:48em) {
.copyright-social {
padding:1.5rem 0
}
}
.copyright-social ul {
list-style:none;
margin-bottom:0;
margin-left:0
}
.footer-legal {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
@media (min-width:48em) {
.footer-legal {
-webkit-box-ordinal-group:1;
-ms-flex-order:0;
order:0
}
}
.footer-legal__menu {
display:block
}
.footer-legal__menu li~li {
margin-top:1rem
}
@media (min-width:48em) {
.footer-legal__menu {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.footer-legal__menu li {
padding:.25rem 1rem
}
.footer-legal__menu li:first-of-type {
padding-left:0
}
.footer-legal__menu li:last-of-type {
padding-right:0
}
.footer-legal__menu li~li {
margin-top:0
}
}
.nav-social {
-ms-flex-preferred-size:100%;
flex-basis:100%
}
.nav-social li {
padding:.25rem 1rem
}
.nav-social svg {
fill:rgba(11,102,158,.5);
fill:var(--c-teal-blue-50);
height:auto;
width:1.25rem
}
.nav-social a:hover svg {
fill:rgba(239,108,66,.5);
fill:var(--c-orange-50)
}
.nav-social .nav-social__menu {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
@media (min-width:30em) {
.nav-social .nav-social__menu {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
}
@media (min-width:48em) {
.nav-social {
-ms-flex-preferred-size:auto;
flex-basis:auto
}
}
.hero {
display:block;
padding:3rem 0 1rem;
position:relative
}
@media (min-width:48em) {
.hero {
padding:3rem 0
}
}
.hero--fixed {
left:0;
position:absolute;
right:0;
top:0;
z-index:-1
}
.hero--fixed~[class*=container] {
padding-top:4rem
}
.hero.dark {
background-position:50%;
background-size:cover;
-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 6vw),0 100%);
clip-path:polygon(0 0,100% 0,100% calc(100% - 6vw),0 100%);
min-height:22rem
}
@media (min-width:64em) {
.hero.dark {
min-height:32rem
}
}
.hero.dark h1 {
color:#fff;
color:var(--c-white)
}
.hero__content {
margin:0;
max-width:740px;
max-width:var(--max-width-narrow);
padding:0
}
@media (min-width:48em) {
.hero__content {
padding:2.4rem 0
}
}
.hero .btn {
display:inline-block;
font-size:1rem;
font-size:var(--font-size-xsmall);
padding:8px;
text-decoration:none
}
.hero .btn,
.hero__copy {
color:#fff;
color:var(--c-white)
}
.hero__copy {
font-size:1.75rem;
line-height:2pc
}
.hero__side-image {
margin:0 auto;
max-width:50vw
}
@media (min-width:48em) {
.hero__side-image {
height:auto;
max-width:22vw;
position:absolute;
right:10vw;
top:100%;
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
width:100%
}
}
.hero.hero--tab {
background-color:#0b669e;
background-color:var(--c-teal-blue);
background-image:url(../images/hero-mountains.png);
background-repeat:no-repeat;
background-size:cover;
-webkit-box-shadow:0 4px 4px rgba(60,69,92,.05);
box-shadow:0 4px 4px rgba(60,69,92,.05);
-webkit-clip-path:polygon(0 0,100% 0,100% 75%,0 100%);
clip-path:polygon(0 0,100% 0,100% 75%,0 100%);
display:block;
min-height:460px;
padding:24px 0;
position:relative
}
.hero.hero--tab .hero__title {
color:#fff;
color:var(--c-white);
display:inline-block;
font-size:3.5rem;
font-weight:800;
line-height:.93;
margin-top:2rem;
position:relative;
text-align:left;
z-index:2
}
@media (min-width:48em) {
.hero.hero--tab .hero__title {
font-size:5rem;
margin-top:0
}
}
.hero.hero--tab .hero__content {
max-width:100%;
padding:2.6rem 0 2.4rem
}
a {
color:#0b669e;
color:var(--c-teal-blue);
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-weight:600;
position:relative;
text-decoration:none
}
a:focus,
a:hover {
color:#0077c8;
color:var(--c-dmv-blue)
}
a:focus {
outline:1px dashed #0077c8;
outline:1px dashed var(--c-dmv-blue)
}
main a {
color:#0b669e;
color:var(--c-teal-blue);
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-weight:600;
position:relative;
text-decoration:none;
-webkit-box-shadow: inset 0 -1px 0 #0b669e;
box-shadow: inset 0 -1px 0 #0b669e;
-webkit-box-shadow: inset 0 -1px 0 var(--c-teal-blue);
box-shadow: inset 0 -1px 0 var(--c-teal-blue)
}
main a:after {
background-color:#0b669e;
background-color:var(--c-teal-blue);
bottom:0;
content:"";
display:block;
height:1px;
left:0;
position:absolute;
right:0
}
main a:focus,
main a:hover {
-webkit-box-shadow: inset 0 -1px 0 #ef6c42;
box-shadow: inset 0 -1px 0 #ef6c42;
-webkit-box-shadow: inset 0 -1px 0 var(--c-orange);
box-shadow: inset 0 -1px 0 var(--c-orange)
}
main a:focus:after,
main a:hover:after {
background-color:#ef6c42;
background-color:var(--c-orange)
}
.fake-link {
color:#0b669e;
color:var(--c-teal-blue);
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-weight:600;
position:relative;
text-decoration:none
}
.block-link,
.fake-link {
cursor:pointer
}
.page-wrapper .cta a:after,
.page-wrapper .cta a:hover:after,
.page-wrapper button a:after,
.page-wrapper button a:hover:after,
.page-wrapper nav a:after,
.page-wrapper nav a:hover:after {
display:none
}
.page-wrapper .dark .fake-link,
.page-wrapper .dark a:not(.btn):not(.cta):not([target=_blank]):not(.block-link) {
color:#fff;
color:var(--c-white)
}
.cta a,
.page-wrapper .dark .fake-link:after,
.page-wrapper .dark a:not(.btn):not(.cta):not([target=_blank]):not(.block-link):after,
a.cta {
background-color:#fff;
background-color:var(--c-white)
}
.cta a,
a.cta {
border:1px solid rgba(11,102,158,.3);
border:1px solid var(--c-teal-blue-30);
border-radius:3px;
color:#0b669e;
color:var(--c-teal-blue);
display:block;
font-weight:700;
margin-top:1.5em;
max-width:355px;
padding:.7em .5em .5em .75em;
text-decoration:none;
width:100%
}
.cta a:after,
a.cta:after {
display:none
}
.cta a .icon,
a.cta .icon {
fill:#0b669e;
fill:var(--c-teal-blue);
margin-left:.5rem;
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transition:-webkit-transform .2s ease-out;
transition:-webkit-transform .2s ease-out;
transition:transform .2s ease-out;
transition:transform .2s ease-out,-webkit-transform .2s ease-out
}
.cta a:focus,
.cta a:hover,
a.cta:focus,
a.cta:hover {
background-color:#d3eee7;
background-color:var(--c-green-medium);
color:#163159;
color:var(--c-dark-blue)
}
.cta a:focus,
a.cta:focus {
-webkit-box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
-webkit-box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
color:#0077c8;
color:var(--c-dmv-blue);
outline:1px dashed #0077c8;
outline:1px dashed var(--c-dmv-blue)
}
.cta a:focus .icon,
.cta a:hover .icon,
a.cta:focus .icon,
a.cta:hover .icon {
fill:#163159;
fill:var(--c-dark-blue);
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
.content-block {
margin-bottom:2.5rem
}
@media (min-width:48em) {
.content-block {
margin-bottom:3.75rem
}
}
.page-template-page-styleguide .content-block {
margin-bottom:3.75rem
}
@media (min-width:48em) {
.page-template-page-styleguide .content-block {
margin-bottom:5.625rem
}
}
.content-block>.heading {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:0 0 2rem 0;
padding:0 1rem 1rem 0;
vertical-align:top;
width:100%
}
.content-block__content {
display:block;
width:100%
}
.custom-select,
.ginput_container_select {
background:#fff;
background:var(--c-white);
border:1px solid rgba(11,102,158,.3);
border:1px solid var(--c-teal-blue-30);
border-radius:3px;
height:36px;
overflow:hidden;
position:relative
}
.custom-select .custom-select--icon,
.ginput_container_select .custom-select--icon {
padding-right:3pc
}
.custom-select select,
.ginput_container_select select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:none;
border:1px solid transparent;
color:#5d6c7a;
color:var(--c-gray);
font-family:inherit;
font-size:inherit;
height:100%;
margin:0;
padding:0 28px 0 8px;
position:relative;
width:100%;
width:110%\9;
z-index:2
}
.custom-select select:focus,
.ginput_container_select select:focus {
border:1px solid #0077c8;
border:1px solid var(--c-dmv-blue);
-webkit-box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
box-shadow:0 0 0 .1rem rgba(11,102,158,.3);
-webkit-box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
box-shadow:0 0 0 .1rem var(--c-teal-blue-30);
color:#0077c8;
color:var(--c-dmv-blue);
outline:0
}
.custom-select select::-ms-expand,
.ginput_container_select select::-ms-expand {
display:none
}
.custom-select select:-moz-focusring,
.ginput_container_select select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #000;
text-shadow:0 0 0 var(--c-black)
}
.custom-select__icon {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#163159;
background-color:var(--c-dark-blue);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:absolute;
right:0;
top:0;
width:36px
}
.custom-select__icon .icon {
fill:#fff;
fill:var(--c-white)
}
.a11y-tip {
display:inline-block;
position:relative
}
.a11y-tip__trigger[tabindex] {
border-bottom:1px dotted #666
}
.a11y-tip__trigger[aria-describedby]:hover+.a11y-tip__help,
.a11y-tip__trigger[aria-describedby]:hover+.a11y-tip__help:after,
.a11y-tip__trigger[aria-describedby]:not(.a11y-tip__trigger--toggle):focus+.a11y-tip__help,
.a11y-tip__trigger[aria-describedby]:not(.a11y-tip__trigger--toggle):focus+.a11y-tip__help:after,
.a11y-tip__trigger[aria-describedby][aria-expanded=true] .a11y-tip__help,
.a11y-tip__trigger[aria-describedby][aria-expanded=true] .a11y-tip__help:after {
opacity:1;
pointer-events:auto;
visibility:visible;
-webkit-transform:translate(-50%);
transform:translate(-50%)
}
@media screen and (min-width:40.625em) {
.a11y-tip__trigger[aria-describedby]:hover+.a11y-tip__help--left,
.a11y-tip__trigger[aria-describedby]:hover+.a11y-tip__help--left:after,
.a11y-tip__trigger[aria-describedby]:hover+.a11y-tip__help--right,
.a11y-tip__trigger[aria-describedby]:hover+.a11y-tip__help--right:after,
.a11y-tip__trigger[aria-describedby]:not(.a11y-tip__trigger--toggle):focus+.a11y-tip__help--left,
.a11y-tip__trigger[aria-describedby]:not(.a11y-tip__trigger--toggle):focus+.a11y-tip__help--left:after,
.a11y-tip__trigger[aria-describedby]:not(.a11y-tip__trigger--toggle):focus+.a11y-tip__help--right,
.a11y-tip__trigger[aria-describedby]:not(.a11y-tip__trigger--toggle):focus+.a11y-tip__help--right:after,
.a11y-tip__trigger[aria-describedby][aria-expanded=true] .a11y-tip__help--left,
.a11y-tip__trigger[aria-describedby][aria-expanded=true] .a11y-tip__help--left:after,
.a11y-tip__trigger[aria-describedby][aria-expanded=true] .a11y-tip__help--right,
.a11y-tip__trigger[aria-describedby][aria-expanded=true] .a11y-tip__help--right:after {
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
}
.a11y-tip__trigger[aria-describedby].a11y-tip__trigger--toggle:hover+.a11y-tip__help,
.a11y-tip__trigger[aria-describedby].a11y-tip__trigger--toggle:hover+.a11y-tip__help:after {
opacity:0;
pointer-events:none;
visibility:hidden
}
.a11y-tip__trigger[aria-expanded=true].a11y-tip__trigger--toggle:hover+.a11y-tip__help,
.a11y-tip__trigger[aria-expanded=true].a11y-tip__trigger--toggle:hover+.a11y-tip__help:after {
opacity:1!important;
pointer-events:auto!important;
visibility:visible!important
}
.a11y-tip--no-delay .a11y-tip__help,
.a11y-tip--no-delay .a11y-tip__help:after,
.a11y-tip__trigger[aria-expanded=true].a11y-tip__trigger--toggle:hover+.a11y-tip__help,
.a11y-tip__trigger[aria-expanded=true].a11y-tip__trigger--toggle:hover+.a11y-tip__help:after {
-webkit-transition:opacity .18s ease-in-out,-webkit-transform .18s ease-in-out;
transition:opacity .18s ease-in-out,-webkit-transform .18s ease-in-out;
transition:opacity .18s ease-in-out,transform .18s ease-in-out;
transition:opacity .18s ease-in-out,transform .18s ease-in-out,-webkit-transform .18s ease-in-out
}
[role=tooltip].a11y-tip__help {
background:rgba(0,0,0,.9);
border-radius:4px;
color:#fff;
font-size:14px;
margin-top:9pt;
max-width:25pc;
min-width:220px;
padding:.5em 1em;
text-align:left;
top:100%;
width:100%
}
[role=tooltip].a11y-tip__help,
[role=tooltip].a11y-tip__help:after {
left:50%;
opacity:0;
pointer-events:none;
position:absolute;
-webkit-transform:translate(-50%,10px);
transform:translate(-50%,10px);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-transition:opacity .2s ease-in-out 1s;
transition:opacity .2s ease-in-out 1s;
visibility:hidden;
z-index:10
}
[role=tooltip].a11y-tip__help:after {
border:6px inset;
display:inline-block;
height:0;
speak:none;
width:0;
border-color:transparent transparent rgba(0,0,0,.9) transparent;
border-bottom-style:solid;
bottom:100%;
content:"";
margin-top:6px
}
[role=tooltip].a11y-tip__help--top {
bottom:100%;
left:50%;
margin-bottom:9pt;
margin-top:0;
top:auto;
-webkit-transform-origin:center top;
transform-origin:center top;
-webkit-transform:translate(-50%,10px);
transform:translate(-50%,10px)
}
[role=tooltip].a11y-tip__help--top:after {
border:6px inset;
content:"";
display:inline-block;
height:0;
speak:none;
width:0;
border-color:rgba(0,0,0,.9) transparent transparent transparent;
border-top-style:solid;
left:50%;
margin-bottom:6px;
margin-top:0;
top:100%;
-webkit-transform-origin:center top;
transform-origin:center top;
-webkit-transform:translate(-50%,-10px);
transform:translate(-50%,-10px)
}
@media screen and (min-width:40.625em) {
[role=tooltip].a11y-tip__help--left {
left:auto;
margin-right:11px;
margin-top:0;
right:100%;
top:50%;
-webkit-transform:translate(10px,-50%);
transform:translate(10px,-50%)
}
[role=tooltip].a11y-tip__help--left:after {
border:6px inset;
content:"";
display:inline-block;
height:0;
speak:none;
width:0;
border-color:transparent transparent transparent rgba(0,0,0,.9);
border-left-style:solid;
left:100%;
margin-right:5px;
margin-top:0;
top:50%;
-webkit-transform:translate(-10px,-50%);
transform:translate(-10px,-50%)
}
[role=tooltip].a11y-tip__help--right {
left:100%;
margin-left:11px
}
[role=tooltip].a11y-tip__help--right,
[role=tooltip].a11y-tip__help--right:after {
margin-top:0;
top:50%;
-webkit-transform:translate(10px,-50%);
transform:translate(10px,-50%)
}
[role=tooltip].a11y-tip__help--right:after {
border:6px inset;
content:"";
display:inline-block;
height:0;
speak:none;
width:0;
border-color:transparent rgba(0,0,0,.9) transparent transparent;
border-right-style:solid;
bottom:auto;
left:auto;
margin-left:5px;
right:100%
}
}
.a11y-tip--hide~.a11y-tip__help {
display:none
}
.no-js .a11y-tip__help:not([role]) {
font-size:.85em
}
.no-js .a11y-tip__help:not([role]):before {
content:"("
}
.no-js .a11y-tip__help:not([role]):after {
content:")"
}
.menu-item__sub-menu-containerInner .sub-menu .quicklinks-menu,
.quicklinks-menu {
position:relative
}
.menu-item__sub-menu-containerInner .sub-menu .quicklinks-menu:after,
.quicklinks-menu:after {
background-color:#eef8f6;
background-color:var(--c-green-light);
bottom:11%;
content:"";
display:block;
height:204px;
opacity:.45;
position:absolute;
-webkit-transform:skew(0deg,-2deg);
transform:skew(0deg,-2deg);
width:100%;
z-index:0
}
.menu-item__sub-menu-containerInner .sub-menu .quicklinks-menu .widgettitle,
.quicklinks-menu .widgettitle {
color:#163159;
color:var(--c-dark-blue);
display:block;
font-size:1.75rem;
font-weight:700;
position:relative;
text-align:center;
z-index:1
}
.menu-item__sub-menu-containerInner .sub-menu .quicklinks-menu .menu,
.quicklinks-menu .menu {
border:0;
display:block;
margin:0;
padding:0 1rem;
position:relative;
z-index:1
}
.menu-item__sub-menu-containerInner .sub-menu .quicklinks-menu .menu-item,
.quicklinks-menu .menu-item {
margin-bottom:.75rem
}
.menu-item__sub-menu-containerInner .sub-menu .quicklinks-menu .menu-item a,
.quicklinks-menu .menu-item a {
background:#fff;
background:var(--c-white);
border:1px solid rgba(11,102,158,.3);
border-radius:3px;
color:#0b669e;
color:var(--c-teal-blue);
font-size:1.125rem;
opacity:.9;
padding:1.75rem 1rem
}
.menu-item__sub-menu-containerInner .sub-menu .quicklinks-menu .menu-item a:focus,
.menu-item__sub-menu-containerInner .sub-menu .quicklinks-menu .menu-item a:hover,
.quicklinks-menu .menu-item a:focus,
.quicklinks-menu .menu-item a:hover {
background:#0b669e;
background:var(--c-teal-blue);
color:#fff;
color:var(--c-white)
}
.content-columns {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
@media (min-width:48em) {
.content-columns {
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
}
.content-columns .col {
width:100%
}
@media (min-width:48em) {
.content-columns .col {
-webkit-box-flex:0;
-ms-flex:0 1 33.33%;
flex:0 1 33.33%;
padding:1rem 3rem 0 0
}
}
.dmv-image-block {
display:block;
margin-bottom:1.875rem
}
@media (min-width:48em) {
.dmv-image-block {
margin-bottom:1.875rem
}
}
@media (min-width:48em) {
.dmv-image-block--inline {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
}
.dmv-image-block__img {
padding:1.875rem
}
.dmv-image-block__img--left {
padding-left:0
}
.dmv-image-block__img--right {
padding-right:0
}
.page-wrapper .pika-table thead {
color:#fff;
color:var(--c-white)
}
.notify-block {
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:1rem 0
}
.notify {
font-size:.89em;
padding:.75rem;
position:relative;
width:100%
}
.notify * {
position:relative;
z-index:1
}
.notify.error,
.notify.info,
.notify.success,
.notify.warning {
border:1px solid
}
.notify p {
color:#163159;
color:var(--c-dark-blue);
margin-bottom:0
}
.notify p~p {
margin-top:.4rem
}
.notify-block__content {
width:100%
}
.notify.icon {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.notify.icon img,
.notify.icon svg {
-webkit-box-flex:0;
-ms-flex:0 0 1.25rem;
flex:0 0 1.25rem;
height:1.25rem;
margin-right:1.25rem
}
.page-wrapper .notify .print {
line-height:1;
position:absolute!important;
right:1px;
top:4px
}
.page-wrapper .notify .print:after {
background-color:#163159;
background-color:var(--c-dark-blue);
-webkit-transform:scale(1);
transform:scale(1)
}
.page-wrapper .notify .print:hover:after {
background-color:#ffd457;
background-color:var(--c-yellow)
}
.notify.error {
background-color:#fdf0ec;
background-color:var(--c-orange-10-hex);
border-color:#ef6c42;
border-color:var(--c-orange)
}
.notify.error,
.notify.error p {
color:#b91818;
color:var(--c-red)
}
.notify.error .icon {
fill:#b91818;
fill:var(--c-red)
}
.notify.info {
background-color:#fcfcfc;
background-color:var(--c-gray-3-hex);
border-color:rgba(11,102,158,.3);
border-color:var(--c-teal-blue-30)
}
.notify.info,
.notify.info p,
.notify.info strong {
color:#5d6c7a;
color:var(--c-gray)
}
.notify.info .icon {
fill:#5d6c7a;
fill:var(--c-gray)
}
.notify.success {
background-color:#f5fbfb;
background-color:var(--c-green-xlight);
border-color:#00866a;
border-color:var(--c-green);
color:#00866a;
color:var(--c-green)
}
.notify.success .notify-block__content {
padding-right:3pc
}
@media (min-width:48em) {
.notify.success .notify-block__content {
padding-right:72px
}
}
.notify.success p,
.notify.success strong {
color:#00866a;
color:var(--c-green)
}
.notify.success .icon {
fill:#00866a;
fill:var(--c-green)
}
.notify.warning {
background-color:#fff6dd;
background-color:var(--c-yellow-20-hex);
border-color:#ffd457;
border-color:var(--c-yellow)
}
.notify.warning,
.notify.warning p,
.notify.warning strong {
color:#6b490c;
color:var(--c-brown)
}
.notify.warning .icon {
fill:#6b490c;
fill:var(--c-brown)
}
@media (min-width:64em) {
.notify {
max-width:868px;
width:100%
}
.notify.error,
.notify.info,
.notify.success,
.notify.warning {
border-bottom:none;
border-right:none
}
.notify.error:after,
.notify.info:after,
.notify.success:after,
.notify.warning:after {
border:1px solid;
border-left:none;
bottom:-1px;
content:"";
display:block;
height:100%;
left:-1px;
position:absolute;
top:-1px;
-webkit-transform:skewX(-20deg);
transform:skewX(-20deg);
-webkit-transform-origin:bottom left;
transform-origin:bottom left;
width:100%;
z-index:0
}
.notify.error:after {
background-color:#fdf0ec;
background-color:var(--c-orange-10-hex);
border-color:#ef6c42;
border-color:var(--c-orange)
}
.notify.info:after {
background-color:#fcfcfc;
background-color:var(--c-gray-3-hex);
border-color:rgba(11,102,158,.3);
border-color:var(--c-teal-blue-30)
}
.notify.success:after {
background-color:#f5fbfb;
background-color:var(--c-green-xlight);
border-color:#00866a;
border-color:var(--c-green)
}
.notify.warning:after {
background-color:#fff6dd;
background-color:var(--c-yellow-20-hex);
border-color:#ffd457;
border-color:var(--c-yellow)
}
}
.a11y-tip .icon {
fill:#0b669e;
fill:var(--c-teal-blue);
height:100%;
width:100%
}
.a11y-tip .a11y-tip__trigger {
display:inline-block;
height:1pc;
width:1pc
}
.a11y-tip .a11y-tip__trigger:hover {
cursor:pointer
}
.a11y-tip .a11y-tip__trigger:focus {
border:1px dotted #163159;
border:1px dotted var(--c-dark-blue)
}
.a11y-tip .a11y-tip__trigger[tabindex] {
border-bottom:none;
margin:0
}
.a11y-tip [role=tooltip].a11y-tip__help {
background-color:#0b669e;
background-color:var(--c-teal-blue);
color:#fff;
color:var(--c-white);
padding:1rem 1.4rem
}
.a11y-tip [role=tooltip].a11y-tip__help:after {
border-color:#0b669e transparent transparent transparent;
border-color:var(--c-teal-blue) transparent transparent transparent
}
.dmv-hr,
hr {
background-color:rgba(93,108,122,.25);
background-color:var(--c-gray-25);
border:0;
height:1px
}
.overline-label {
color:#5d6c7a;
color:var(--c-gray);
font-size:.875rem;
font-weight:700;
letter-spacing:2px;
line-height:1.2;
text-transform:uppercase
}
.dmv-table-group {
display:block
}
.dmv-table-group--overflow {
overflow:hidden;
overflow-x:scroll;
width:100%
}
.dmv-table-group__meta {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:1.25rem;
padding:1.25rem 0 .625rem
}
.dmv-table-group__meta .dmv-table-group__meta-total {
font-weight:700;
margin-left:auto
}
.dmv-table-group--mobile .dmv-table {
margin-bottom:.625rem;
max-width:8in
}
.dmv-table-group--mobile .dmv-table tr {
background-color:#fff;
background-color:var(--c-white)
}
.dmv-table-group--mobile .dmv-table td {
width:50%
}
.dmv-table__header {
font-weight:500
}
.dmv-table-group__rating-row {
background-color:#fafcfe;
background-color:var(--c-teal-blue-03);
border:1px solid rgba(93,108,122,.25);
border:1px solid var(--c-gray-25);
border-radius:8px 8px 0 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:1.25rem 1.25rem 1.25rem 22%
}
.dmv-table-group--mobile .dmv-table__header {
color:#163159;
color:var(--c-dark-blue)
}
.dmv-table-group--mobile .dmv-table-group__meta {
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
max-width:8in
}
.dmv-table-group--mobile .dmv-table-group__meta .dmv-table-group__meta-total {
color:#394655;
color:var(--c-dmv-black);
font-weight:700;
margin:0;
text-align:right
}
.dmv-table-group--mobile .dmv-table-group__meta .dmv-table-group__meta-total p {
margin:.625rem
}
.dmv-table-group--mobile .dmv-table-group__meta .dmv-table-group__meta-link {
margin-bottom:.625rem
}
.dmv-table-group--mobile .dmv-table-group__cta-row {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
max-width:8in
}
@media (min-width:48em) {
.dmv-table-group--mobile .dmv-table-group__cta-row {
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
}
.dmv-cta-group {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
padding:.625rem 0
}
@media (min-width:48em) {
.dmv-cta-group {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
}
.dmv-cta-group .btn,
.dmv-cta-group a {
margin-bottom:1.25rem;
margin-right:1.25rem
}
.dmv-cta-group .btn .icon,
.dmv-cta-group a .icon {
fill:#0b669e;
fill:var(--c-teal-blue)
}
.dmv-cta-group .btn-link,
.dmv-cta-group a {
color:#0b669e;
color:var(--c-teal-blue);
font-family:tt-commons,sans-serif;
font-family:var(--font-primary);
font-weight:600;
margin-bottom:1.25rem;
margin-right:1.25rem;
position:relative;
box-shadow: none
}
.dmv-cta-group .dmv-cta-group__reset {
-ms-flex-item-align:start;
align-self:flex-start;
margin-left:1.25rem
}
@media (min-width:48em) {
.dmv-cta-group .dmv-cta-group__reset {
-ms-flex-item-align:center;
-ms-grid-row-align:center;
align-self:center
}
}
.dmv-cta-group .btn-link:focus,
.dmv-cta-group .btn-link:hover {
text-decoration:underline
}
.dmv-cta-group .btn-link:after {
display:none
}
.box-block {
border:1px solid rgba(11,102,158,.3);
border:1px solid var(--c-teal-blue-30);
display:block
}
.box-block__header {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#fafcfe;
background-color:var(--c-teal-blue-03);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:1.25rem
}
.box-block__header .heading {
margin-bottom:0
}
@media (min-width:48em) {
.box-block__header {
padding:1.25rem 1.875rem
}
}
.box-block__content {
background-color:#fff;
background-color:var(--c-white);
display:block;
padding:1.25rem
}
@media (min-width:48em) {
.box-block__content {
padding:1.875rem
}
}
.plate-block {
border-left:3px solid #ffa53a;
border-left:3px solid var(--c-orange--highlight);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
padding:1.875rem
}
@media (min-width:48em) {
.plate-block {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
padding:2.5rem
}
}
.plate-block__txt {
margin-bottom:1.25rem;
margin-right:0
}
@media (min-width:48em) {
.plate-block__txt {
margin-bottom:0;
margin-right:2.5rem;
width:60%
}
}
.plate-block__img {
max-width:290px;
width:100%
}
@media (min-width:48em) {
.plate-block__img {
height:auto
}
}
.dmv-table .dmv-input,
.dmv-table .dmv-radio-single,
.dmv-table label {
margin:0
}
.dmv-table--survey .dmv-radio-single label {
padding:0
}
.dmv-table--survey .dmv-radio-single input+label:before {
left:auto;
position:relative;
top:auto
}
.dmv-table--survey .dmv-input {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.th--txt-center th {
text-align:center
}
.accordion-block {
background-color:#fff;
background-color:var(--c-white);
border:1px solid rgba(11,102,158,.3);
border:1px solid var(--c-teal-blue-30);
display:block;
margin-bottom:1rem;
width:100%
}
.accordion-block__header {
background-color:#fafcfe;
background-color:var(--c-teal-blue-03);
border:0;
border-radius:4px;
color:#163159;
color:var(--c-dark-blue);
cursor:pointer;
font-family:Playfair Display,serif;
font-family:var(--font-heading);
font-size:1.5rem;
font-weight:700;
line-height:1.36;
padding:1.5rem 4rem 1.5rem 1.5rem;
position:relative;
text-align:left;
width:100%
}
@media (min-width:48em) {
.accordion-block__header {
font-size:1.75rem
}
}
.accordion-block__header.is-active {
background-color:#fff;
background-color:var(--c-white)
}
.accordion-block__header .icon {
fill:#0077c8;
fill:var(--c-dmv-blue)
}
.accordion-block__header .icon-plus {
display:block
}
.accordion-block__header .icon-minus {
display:none
}
.accordion-block__header .accordion-block__icon {
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#fafcfe;
background-color:var(--c-teal-blue-03);
border:1px solid #0077c8;
border:1px solid var(--c-dmv-blue);
border-radius:4px;
color:#0077c8;
color:var(--c-dmv-blue);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-weight:400;
height:38px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:absolute;
right:24px;
top:24px;
width:38px
}
.accordion-block__header.is-active .accordion-block__icon {
background-color:rgba(11,102,158,.07);
background-color:var(--c-teal-blue-7);
color:#0077c8;
color:var(--c-dmv-blue);
font-weight:400
}
.accordion-block__header.is-active .accordion-block__icon .icon-plus {
display:none
}
.accordion-block__header.is-active .accordion-block__icon .icon-minus {
display:block
}
.accordion-block__content {
padding:1.5rem
}
.accordion-block__content .overline-label {
color:#394655;
color:var(--c-dmv-black);
display:block;
margin:0
}
.js .accordion-block__content {
display:none
}
.js .accordion-block__content.is-active {
display:block
}
.accordion-block-item__group {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
@media (min-width:48em) {
.accordion-block-item__group {
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
}
.accordion-block-item {
margin-bottom:1.25rem;
padding:0 2rem 0 0;
position:relative;
width:100%
}
@media (min-width:48em) {
.accordion-block-item {
margin-bottom:0;
padding-right:5.76rem;
width:50%
}
}
@media (min-width:73.5em) {
.accordion-block-item {
padding-right:5.76rem;
width:33.33%
}
}
.accordion-block-item .accordion-block-item__edit {
position:absolute;
right:0;
top:0
}
@media (min-width:48em) {
.accordion-block-item .accordion-block-item__edit {
right:3.75rem
}
}
/* mobile */
@media only screen and (max-width: 40em) {
.hero.hero--tab .hero__title {
font-size:2.6rem;
margin-top: 0
}
.content-wrapper.content-wrapper--offset {
margin: -18rem auto 0;
}
}
/* foldable screens */
@media only screen and (max-width: 280px) and (max-width: 653px) {
.hero.hero--tab .hero__title {
font-size:2.2rem;
margin-top: 0
}
.content-wrapper.content-wrapper--offset {
margin: -18rem auto 0;
}
}
.newcol {
width:100%
}
@media (min-width:48em) {
.newcol {
margin-right: 150px;
-webkit-box-flex:0;
-ms-flex:0 1 40%;
flex:0 1 40%;
padding:0rem;
}
}
.newcolumn {
width:100%;
}
@media (min-width:48em) {
.newcolumn {
/*margin-right: 150px;*/
-webkit-box-flex:0;
-ms-flex:0 1 20%;
flex:0 1 20%;
padding:0rem;
}
}
.zeromargin {
margin-block-start:0em !important;
margin-inline-start:0px !important;
}
.lmargin {
padding:; 0px !important;
margin: 0px !important;
}
.input-select:after {
background: #163159 url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23FFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M.91.41l-.5.5 4.34 4.34.25.238.25-.238L9.59.91l-.5-.5L5 4.5.91.41z'/%3E%3C/svg%3E") no-repeat 50%;
background: var(--c-blue-dark-2) url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23FFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M.91.41l-.5.5 4.34 4.34.25.238.25-.238L9.59.91l-.5-.5L5 4.5.91.41z'/%3E%3C/svg%3E") no-repeat 50%;
content: "";
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 36px
}
/* Chrome, Safari, Edge, Opera
remove arrow/spinner */
input.noSpin::-webkit-outer-spin-button,
input.noSpin::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox remove arrow/spinner */
input[type=number] {
-moz-appearance:textfield;
}