html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
border:0;
font-family:"Arial",sans-serif;
font-size:100%;
margin:0;
padding:0;
vertical-align:baseline
}
.fonts-loaded html,.fonts-loaded body,.fonts-loaded div,.fonts-loaded span,.fonts-loaded applet,.fonts-loaded object,.fonts-loaded iframe,.fonts-loaded h1,.fonts-loaded h2,.fonts-loaded h3,.fonts-loaded h4,.fonts-loaded h5,.fonts-loaded h6,.fonts-loaded p,.fonts-loaded blockquote,.fonts-loaded pre,.fonts-loaded a,.fonts-loaded abbr,.fonts-loaded acronym,.fonts-loaded address,.fonts-loaded big,.fonts-loaded cite,.fonts-loaded code,.fonts-loaded del,.fonts-loaded dfn,.fonts-loaded em,.fonts-loaded img,.fonts-loaded ins,.fonts-loaded kbd,.fonts-loaded q,.fonts-loaded s,.fonts-loaded samp,.fonts-loaded small,.fonts-loaded strike,.fonts-loaded strong,.fonts-loaded sub,.fonts-loaded sup,.fonts-loaded tt,.fonts-loaded var,.fonts-loaded b,.fonts-loaded u,.fonts-loaded i,.fonts-loaded center,.fonts-loaded dl,.fonts-loaded dt,.fonts-loaded dd,.fonts-loaded ol,.fonts-loaded ul,.fonts-loaded li,.fonts-loaded fieldset,.fonts-loaded form,.fonts-loaded label,.fonts-loaded legend,.fonts-loaded table,.fonts-loaded caption,.fonts-loaded tbody,.fonts-loaded tfoot,.fonts-loaded thead,.fonts-loaded tr,.fonts-loaded th,.fonts-loaded td,.fonts-loaded article,.fonts-loaded aside,.fonts-loaded canvas,.fonts-loaded details,.fonts-loaded embed,.fonts-loaded figure,.fonts-loaded figcaption,.fonts-loaded footer,.fonts-loaded header,.fonts-loaded hgroup,.fonts-loaded menu,.fonts-loaded nav,.fonts-loaded output,.fonts-loaded ruby,.fonts-loaded section,.fonts-loaded summary,.fonts-loaded time,.fonts-loaded mark,.fonts-loaded audio,.fonts-loaded video{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) html,body:not(.fonts-loaded) body,body:not(.fonts-loaded) div,body:not(.fonts-loaded) span,body:not(.fonts-loaded) applet,body:not(.fonts-loaded) object,body:not(.fonts-loaded) iframe,body:not(.fonts-loaded) h1,body:not(.fonts-loaded) h2,body:not(.fonts-loaded) h3,body:not(.fonts-loaded) h4,body:not(.fonts-loaded) h5,body:not(.fonts-loaded) h6,body:not(.fonts-loaded) p,body:not(.fonts-loaded) blockquote,body:not(.fonts-loaded) pre,body:not(.fonts-loaded) a,body:not(.fonts-loaded) abbr,body:not(.fonts-loaded) acronym,body:not(.fonts-loaded) address,body:not(.fonts-loaded) big,body:not(.fonts-loaded) cite,body:not(.fonts-loaded) code,body:not(.fonts-loaded) del,body:not(.fonts-loaded) dfn,body:not(.fonts-loaded) em,body:not(.fonts-loaded) img,body:not(.fonts-loaded) ins,body:not(.fonts-loaded) kbd,body:not(.fonts-loaded) q,body:not(.fonts-loaded) s,body:not(.fonts-loaded) samp,body:not(.fonts-loaded) small,body:not(.fonts-loaded) strike,body:not(.fonts-loaded) strong,body:not(.fonts-loaded) sub,body:not(.fonts-loaded) sup,body:not(.fonts-loaded) tt,body:not(.fonts-loaded) var,body:not(.fonts-loaded) b,body:not(.fonts-loaded) u,body:not(.fonts-loaded) i,body:not(.fonts-loaded) center,body:not(.fonts-loaded) dl,body:not(.fonts-loaded) dt,body:not(.fonts-loaded) dd,body:not(.fonts-loaded) ol,body:not(.fonts-loaded) ul,body:not(.fonts-loaded) li,body:not(.fonts-loaded) fieldset,body:not(.fonts-loaded) form,body:not(.fonts-loaded) label,body:not(.fonts-loaded) legend,body:not(.fonts-loaded) table,body:not(.fonts-loaded) caption,body:not(.fonts-loaded) tbody,body:not(.fonts-loaded) tfoot,body:not(.fonts-loaded) thead,body:not(.fonts-loaded) tr,body:not(.fonts-loaded) th,body:not(.fonts-loaded) td,body:not(.fonts-loaded) article,body:not(.fonts-loaded) aside,body:not(.fonts-loaded) canvas,body:not(.fonts-loaded) details,body:not(.fonts-loaded) embed,body:not(.fonts-loaded) figure,body:not(.fonts-loaded) figcaption,body:not(.fonts-loaded) footer,body:not(.fonts-loaded) header,body:not(.fonts-loaded) hgroup,body:not(.fonts-loaded) menu,body:not(.fonts-loaded) nav,body:not(.fonts-loaded) output,body:not(.fonts-loaded) ruby,body:not(.fonts-loaded) section,body:not(.fonts-loaded) summary,body:not(.fonts-loaded) time,body:not(.fonts-loaded) mark,body:not(.fonts-loaded) audio,body:not(.fonts-loaded) video{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block
}
body{
line-height:1
}
ol,ul{
list-style:none
}
blockquote,q{
quotes:none
}
blockquote::before,blockquote::after,q::before,q::after{
content:"";
content:none
}
table{
border-collapse:collapse;
border-spacing:0
}
html{
box-sizing:border-box
}
*,*::before,*::after{
box-sizing:inherit
}
*,*::before,*::after{
box-sizing:border-box
}
html{
font-family:"Arial",sans-serif;
line-height:1.15;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-text-size-adjust:100%
}
.fonts-loaded html{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) html{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{
display:block
}
body{
background-color:#fff;
color:#212529;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-weight:400;
line-height:1.5;
margin:0;
text-align:left;
font-size:1rem
}
[tabindex="-1"]:focus{
outline:0 !important
}
hr{
box-sizing:content-box;
height:0;
overflow:visible
}
h1,h2,h3,h4,h5,h6{
margin-bottom:.5rem;
margin-top:0
}
p{
margin-bottom:1rem;
margin-top:0
}
abbr[title],abbr[data-original-title]{
border-bottom:0;
cursor:help;
text-decoration:underline;
text-decoration:underline dotted;
text-decoration-skip-ink:none
}
address{
font-style:normal;
line-height:inherit;
margin-bottom:1rem
}
ol,ul,dl{
margin-bottom:1rem;
margin-top:0
}
ol ol,ul ul,ol ul,ul ol{
margin-bottom:0
}
dt{
font-weight:700
}
dd{
margin-bottom:0.5rem;
margin-left:0
}
blockquote{
margin:0 0 1rem
}
b,strong{
font-weight:bolder
}
small{
font-size:80%
}
sub,sup{
line-height:0;
position:relative;
vertical-align:baseline;
font-size:75%
}
sub{
bottom:-0.25em
}
sup{
top:-0.5em
}
a{
background-color:transparent;
color:#007bff;
text-decoration:none
}
a:hover{
color:#0056b3;
text-decoration:underline
}
pre,code,kbd,samp{
font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
font-size:1em
}
pre{
margin-bottom:1rem;
margin-top:0;
overflow:auto
}
figure{
margin:0 0 1rem
}
img{
border-style:none;
vertical-align:middle
}
svg{
overflow:hidden;
vertical-align:middle
}
table{
border-collapse:collapse
}
caption{
caption-side:bottom;
color:#6c757d;
padding-bottom:.75rem;
padding-top:.75rem;
text-align:left
}
th{
text-align:inherit
}
label{
display:inline-block;
margin-bottom:.5rem
}
button{
border-radius:0
}
button:focus{
outline:1px dotted;
outline:5px auto -webkit-focus-ring-color
}
input,button,select,optgroup,textarea{
font-family:"Arial",sans-serif;
line-height:inherit;
margin:0;
font-size:inherit
}
.fonts-loaded input,.fonts-loaded button,.fonts-loaded select,.fonts-loaded optgroup,.fonts-loaded textarea{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) input,body:not(.fonts-loaded) button,body:not(.fonts-loaded) select,body:not(.fonts-loaded) optgroup,body:not(.fonts-loaded) textarea{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
button,input{
overflow:visible
}
button,select{
text-transform:none
}
select{
word-wrap:normal
}
button,[type="button"],[type="reset"],[type="submit"]{
-webkit-appearance:button
}
button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){
cursor:pointer
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
border-style:none;
padding:0
}
input[type="radio"],input[type="checkbox"]{
box-sizing:border-box;
padding:0
}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{
-webkit-appearance:listbox
}
textarea{
overflow:auto;
resize:vertical
}
fieldset{
border:0;
margin:0;
min-width:0;
padding:0
}
legend{
color:inherit;
display:block;
line-height:inherit;
margin-bottom:0.5rem;
max-width:100%;
padding:0;
white-space:normal;
width:100%;
font-size:1.5rem
}
progress{
vertical-align:baseline
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
height:auto
}
[type="search"]{
-webkit-appearance:none;
outline-offset:-2px
}
[type="search"]::-webkit-search-decoration{
-webkit-appearance:none
}
::-webkit-file-upload-button{
-webkit-appearance:button;
font:inherit
}
output{
display:inline-block
}
summary{
cursor:pointer;
display:list-item
}
template{
display:none
}
[hidden]{
display:none !important
}
.container,.container-fluid,.container-sm,.container-md,.container-lg{
width:100%;
padding-right:20px;
padding-left:20px;
margin-right:auto;
margin-left:auto
}
@media (min-width: 336px){
.container,.container-sm{
max-width:460px
}
}
@media (min-width: 768px){
.container,.container-sm,.container-md{
max-width:736px
}
}
@media (min-width: 1280px){
.container,.container-sm,.container-md,.container-lg{
max-width:1240px
}
}
.row{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-20px;
margin-left:-20px
}
.no-gutters{
margin-right:0;
margin-left:0
}
.no-gutters>.col,.no-gutters>[class*="col-"]{
padding-right:0;
padding-left:0
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto{
position:relative;
width:100%;
padding-right:20px;
padding-left:20px
}
.col{
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.row-cols-1>*{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.row-cols-2>*{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.row-cols-3>*{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.row-cols-4>*{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.row-cols-5>*{
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.row-cols-6>*{
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-auto{
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:100%
}
.col-1{
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%
}
.col-2{
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-3{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-4{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.col-5{
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%
}
.col-6{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-7{
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%
}
.col-8{
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%
}
.col-9{
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-10{
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%
}
.col-11{
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%
}
.col-12{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-first{
-ms-flex-order:-1;
order:-1
}
.order-last{
-ms-flex-order:13;
order:13
}
.order-0{
-ms-flex-order:0;
order:0
}
.order-1{
-ms-flex-order:1;
order:1
}
.order-2{
-ms-flex-order:2;
order:2
}
.order-3{
-ms-flex-order:3;
order:3
}
.order-4{
-ms-flex-order:4;
order:4
}
.order-5{
-ms-flex-order:5;
order:5
}
.order-6{
-ms-flex-order:6;
order:6
}
.order-7{
-ms-flex-order:7;
order:7
}
.order-8{
-ms-flex-order:8;
order:8
}
.order-9{
-ms-flex-order:9;
order:9
}
.order-10{
-ms-flex-order:10;
order:10
}
.order-11{
-ms-flex-order:11;
order:11
}
.order-12{
-ms-flex-order:12;
order:12
}
.offset-1{
margin-left:8.33333%
}
.offset-2{
margin-left:16.66667%
}
.offset-3{
margin-left:25%
}
.offset-4{
margin-left:33.33333%
}
.offset-5{
margin-left:41.66667%
}
.offset-6{
margin-left:50%
}
.offset-7{
margin-left:58.33333%
}
.offset-8{
margin-left:66.66667%
}
.offset-9{
margin-left:75%
}
.offset-10{
margin-left:83.33333%
}
.offset-11{
margin-left:91.66667%
}
@media (min-width: 336px){
.col-sm{
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.row-cols-sm-1>*{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.row-cols-sm-2>*{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.row-cols-sm-3>*{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.row-cols-sm-4>*{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.row-cols-sm-5>*{
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.row-cols-sm-6>*{
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-sm-auto{
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:100%
}
.col-sm-1{
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%
}
.col-sm-2{
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-sm-3{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-sm-4{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.col-sm-5{
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%
}
.col-sm-6{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-sm-7{
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%
}
.col-sm-8{
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%
}
.col-sm-9{
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-sm-10{
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%
}
.col-sm-11{
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%
}
.col-sm-12{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-sm-first{
-ms-flex-order:-1;
order:-1
}
.order-sm-last{
-ms-flex-order:13;
order:13
}
.order-sm-0{
-ms-flex-order:0;
order:0
}
.order-sm-1{
-ms-flex-order:1;
order:1
}
.order-sm-2{
-ms-flex-order:2;
order:2
}
.order-sm-3{
-ms-flex-order:3;
order:3
}
.order-sm-4{
-ms-flex-order:4;
order:4
}
.order-sm-5{
-ms-flex-order:5;
order:5
}
.order-sm-6{
-ms-flex-order:6;
order:6
}
.order-sm-7{
-ms-flex-order:7;
order:7
}
.order-sm-8{
-ms-flex-order:8;
order:8
}
.order-sm-9{
-ms-flex-order:9;
order:9
}
.order-sm-10{
-ms-flex-order:10;
order:10
}
.order-sm-11{
-ms-flex-order:11;
order:11
}
.order-sm-12{
-ms-flex-order:12;
order:12
}
.offset-sm-0{
margin-left:0
}
.offset-sm-1{
margin-left:8.33333%
}
.offset-sm-2{
margin-left:16.66667%
}
.offset-sm-3{
margin-left:25%
}
.offset-sm-4{
margin-left:33.33333%
}
.offset-sm-5{
margin-left:41.66667%
}
.offset-sm-6{
margin-left:50%
}
.offset-sm-7{
margin-left:58.33333%
}
.offset-sm-8{
margin-left:66.66667%
}
.offset-sm-9{
margin-left:75%
}
.offset-sm-10{
margin-left:83.33333%
}
.offset-sm-11{
margin-left:91.66667%
}
}
@media (min-width: 768px){
.col-md{
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.row-cols-md-1>*{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.row-cols-md-2>*{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.row-cols-md-3>*{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.row-cols-md-4>*{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.row-cols-md-5>*{
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.row-cols-md-6>*{
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-md-auto{
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:100%
}
.col-md-1{
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%
}
.col-md-2{
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-md-3{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-md-4{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.col-md-5{
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%
}
.col-md-6{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-md-7{
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%
}
.col-md-8{
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%
}
.col-md-9{
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-md-10{
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%
}
.col-md-11{
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%
}
.col-md-12{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-md-first{
-ms-flex-order:-1;
order:-1
}
.order-md-last{
-ms-flex-order:13;
order:13
}
.order-md-0{
-ms-flex-order:0;
order:0
}
.order-md-1{
-ms-flex-order:1;
order:1
}
.order-md-2{
-ms-flex-order:2;
order:2
}
.order-md-3{
-ms-flex-order:3;
order:3
}
.order-md-4{
-ms-flex-order:4;
order:4
}
.order-md-5{
-ms-flex-order:5;
order:5
}
.order-md-6{
-ms-flex-order:6;
order:6
}
.order-md-7{
-ms-flex-order:7;
order:7
}
.order-md-8{
-ms-flex-order:8;
order:8
}
.order-md-9{
-ms-flex-order:9;
order:9
}
.order-md-10{
-ms-flex-order:10;
order:10
}
.order-md-11{
-ms-flex-order:11;
order:11
}
.order-md-12{
-ms-flex-order:12;
order:12
}
.offset-md-0{
margin-left:0
}
.offset-md-1{
margin-left:8.33333%
}
.offset-md-2{
margin-left:16.66667%
}
.offset-md-3{
margin-left:25%
}
.offset-md-4{
margin-left:33.33333%
}
.offset-md-5{
margin-left:41.66667%
}
.offset-md-6{
margin-left:50%
}
.offset-md-7{
margin-left:58.33333%
}
.offset-md-8{
margin-left:66.66667%
}
.offset-md-9{
margin-left:75%
}
.offset-md-10{
margin-left:83.33333%
}
.offset-md-11{
margin-left:91.66667%
}
}
@media (min-width: 1280px){
.col-lg{
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.row-cols-lg-1>*{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.row-cols-lg-2>*{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.row-cols-lg-3>*{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.row-cols-lg-4>*{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.row-cols-lg-5>*{
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.row-cols-lg-6>*{
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-lg-auto{
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:100%
}
.col-lg-1{
-ms-flex:0 0 8.33333%;
flex:0 0 8.33333%;
max-width:8.33333%
}
.col-lg-2{
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
.col-lg-3{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-lg-4{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
.col-lg-5{
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%
}
.col-lg-6{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-lg-7{
-ms-flex:0 0 58.33333%;
flex:0 0 58.33333%;
max-width:58.33333%
}
.col-lg-8{
-ms-flex:0 0 66.66667%;
flex:0 0 66.66667%;
max-width:66.66667%
}
.col-lg-9{
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-lg-10{
-ms-flex:0 0 83.33333%;
flex:0 0 83.33333%;
max-width:83.33333%
}
.col-lg-11{
-ms-flex:0 0 91.66667%;
flex:0 0 91.66667%;
max-width:91.66667%
}
.col-lg-12{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-lg-first{
-ms-flex-order:-1;
order:-1
}
.order-lg-last{
-ms-flex-order:13;
order:13
}
.order-lg-0{
-ms-flex-order:0;
order:0
}
.order-lg-1{
-ms-flex-order:1;
order:1
}
.order-lg-2{
-ms-flex-order:2;
order:2
}
.order-lg-3{
-ms-flex-order:3;
order:3
}
.order-lg-4{
-ms-flex-order:4;
order:4
}
.order-lg-5{
-ms-flex-order:5;
order:5
}
.order-lg-6{
-ms-flex-order:6;
order:6
}
.order-lg-7{
-ms-flex-order:7;
order:7
}
.order-lg-8{
-ms-flex-order:8;
order:8
}
.order-lg-9{
-ms-flex-order:9;
order:9
}
.order-lg-10{
-ms-flex-order:10;
order:10
}
.order-lg-11{
-ms-flex-order:11;
order:11
}
.order-lg-12{
-ms-flex-order:12;
order:12
}
.offset-lg-0{
margin-left:0
}
.offset-lg-1{
margin-left:8.33333%
}
.offset-lg-2{
margin-left:16.66667%
}
.offset-lg-3{
margin-left:25%
}
.offset-lg-4{
margin-left:33.33333%
}
.offset-lg-5{
margin-left:41.66667%
}
.offset-lg-6{
margin-left:50%
}
.offset-lg-7{
margin-left:58.33333%
}
.offset-lg-8{
margin-left:66.66667%
}
.offset-lg-9{
margin-left:75%
}
.offset-lg-10{
margin-left:83.33333%
}
.offset-lg-11{
margin-left:91.66667%
}
}
.container{
width:100%;
padding-right:12px;
padding-left:12px;
margin-right:auto;
margin-left:auto
}
@media (min-width: 336px){
.container{
width:100%;
padding-right:12px;
padding-left:12px;
margin-right:auto;
margin-left:auto
}
}
@media (min-width: 768px){
.container{
width:100%;
padding-right:16px;
padding-left:16px;
margin-right:auto;
margin-left:auto
}
}
@media (min-width: 1280px){
.container{
width:100%;
padding-right:20px;
padding-left:20px;
margin-right:auto;
margin-left:auto
}
}
@media (max-width: 1279px){
.container{
padding-left:32px;
padding-right:32px
}
}
@media (max-width: 767px){
.container{
padding-left:24px;
padding-right:24px
}
}
.row,.wp-block-columns{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-12px;
margin-left:-12px
}
@media (min-width: 336px){
.row,.wp-block-columns{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-12px;
margin-left:-12px
}
}
@media (min-width: 768px){
.row,.wp-block-columns{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-16px;
margin-left:-16px
}
}
@media (min-width: 1280px){
.row,.wp-block-columns{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-20px;
margin-left:-20px
}
}
.row>.col,.row>[class*="col-"],.wp-block-columns>.wp-block-column{
position:relative;
width:100%;
padding-right:12px;
padding-left:12px
}
@media (min-width: 336px){
.row>.col,.row>[class*="col-"],.wp-block-columns>.wp-block-column{
position:relative;
width:100%;
padding-right:12px;
padding-left:12px
}
}
@media (min-width: 768px){
.row>.col,.row>[class*="col-"],.wp-block-columns>.wp-block-column{
position:relative;
width:100%;
padding-right:16px;
padding-left:16px
}
}
@media (min-width: 1280px){
.row>.col,.row>[class*="col-"],.wp-block-columns>.wp-block-column{
position:relative;
width:100%;
padding-right:20px;
padding-left:20px
}
}
.no-gutters>.col,.no-gutters>[class*="col-"]{
padding-left:0;
padding-right:0
}
@media (min-width: 768px){
.md-no-gutters>.col,.md-no-gutters>[class*="col-"]{
padding-left:0;
padding-right:0
}
}
.no-outer-gutters>.col:first-of-type,.no-outer-gutters>[class*="col-"]:first-of-type{
padding-left:0
}
.no-outer-gutters>.col:last-of-type,.no-outer-gutters>[class*="col-"]:last-of-type{
padding-right:0
}
html{
scroll-behavior:smooth
}
@media screen and (prefers-reduced-motion: reduce){
html{
scroll-behavior:auto
}
}
html,body{
font-family:"Arial",sans-serif;
height:100%;
width:100%
}
html.fonts-loaded,body.fonts-loaded{
font-family:var(--cham-primary-font-family),sans-serif
}
body{
color:#32313a;
font-size:16px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
line-height:24px;
overflow-x:hidden
}
#__next{
height:100%
}
p a{
text-decoration:underline
}
a:focus,button:focus{
outline:1px dashed currentColor
}
strong{
font-weight:bold
}
i,em{
font-style:italic
}
.absolute-cover{
left:0;
min-height:100%;
min-width:100%;
position:absolute;
top:0
}
.absolute-center{
left:50%;
position:absolute;
top:50%;
transform:translate(-50%, -50%)
}
.h-break-container{
left:calc(-1 * (100vw - 100%) / 2) !important;
position:relative;
width:100vw !important
}
.modal{
display:none;
height:100%;
left:0;
outline:0;
overflow:hidden;
position:fixed;
top:0;
width:100%;
z-index:1050
}
.screen-reader-text{
border:0;
clip:rect(1px, 1px, 1px, 1px);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute !important;
width:1px;
word-wrap:normal !important
}
.screen-reader-text:focus{
background-color:#f2f7f7;
border-radius:3px;
box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
clip:auto !important;
clip-path:none;
color:#f2f7f7;
display:block;
font-weight:bold;
height:auto;
left:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:100000;
font-size:.05469rem
}
#content[tabindex="-1"]:focus{
outline:0
}
#content__heading{
scroll-margin-top:100px
}
.skip-link:focus{
color:#006aeb;
font-size:14px
}
#content__heading:focus{
outline:1px dashed blue
}
.half-minus-5-t{
top:calc(50% - 5px)
}
.body-copy,p{
color:#525161;
font-family:"Arial",sans-serif;
font-size:16px;
line-height:24px;
margin:0 0 24px
}
.body-copy:last-child:not(:first-child),p:last-child:not(:first-child){
margin-bottom:0
}
.fonts-loaded .body-copy,.fonts-loaded p{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .body-copy,body:not(.fonts-loaded) p{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
@media (min-width: 768px){
.body-copy,p{
margin-bottom:32px
}
}
@media (max-width: 767px){
.body-copy--mobile-big{
font-size:18px
}
}
.body-copy:last-child,p:last-child{
margin-bottom:0
}
.body-copy--long-form,.is-style-longform{
color:#32313a;
font-size:18px;
line-height:28px;
margin-bottom:32px
}
@media (min-width: 768px){
.body-copy--long-form,.is-style-longform{
font-size:20px;
line-height:30px;
margin-bottom:48px
}
}
.body-copy--short-margin{
margin-bottom:24px
}
@media (min-width: 768px){
.body-copy--short-margin{
margin-bottom:48px
}
}
.body-copy--helper,.is-style-helper{
font-size:13px;
line-height:16px
}
.body-copy--legal,.body-copy--legal p{
color:#525161;
font-size:12px;
line-height:12px
}
.body-copy--tiny-legal,.is-style-legal{
font-size:10px;
line-height:10px
}
@media (max-width: 767px){
.body-copy--small-table{
font-size:14px;
line-height:18px
}
}
.is-bg-steel-gray .body-copy,.is-bg-steel-gray p{
color:#fff
}
.is-bg-steel-gray .body-copy--long-form,.is-bg-steel-gray .is-style-longform{
color:#fff
}
.is-bg-white .body-copy,.is-bg-white p{
color:#525161
}
.is-bg-white .body-copy--long-form,.is-bg-white .is-style-longform{
color:#525161
}
.headline,h1,h2,h3,h4,h5,h6{
margin:0 0 24px
}
.headline:last-child:not(:first-child),h1:last-child:not(:first-child),h2:last-child:not(:first-child),h3:last-child:not(:first-child),h4:last-child:not(:first-child),h5:last-child:not(:first-child),h6:last-child:not(:first-child){
margin-bottom:0
}
@media (min-width: 768px){
.headline,h1,h2,h3,h4,h5,h6{
margin-bottom:32px
}
}
.headline--underlined{
border-bottom:1px solid #cbd1d7;
margin-bottom:32px;
padding-bottom:16px
}
@media (min-width: 1280px){
.headline--underlined{
margin-bottom:40px
}
}
.headline-serif,.is-style-h1,.is-style-h2,.is-style-h3,.is-style-h3-bold{
font-family:"Times New Roman",serif;
font-style:normal;
font-weight:600
}
.fonts-loaded .headline-serif,.fonts-loaded .is-style-h1,.fonts-loaded .is-style-h2,.fonts-loaded .is-style-h3,.fonts-loaded .is-style-h3-bold{
font-family:"operetta-8","Times New Roman",serif
}
body:not(.fonts-loaded) .headline-serif,body:not(.fonts-loaded) .is-style-h1,body:not(.fonts-loaded) .is-style-h2,body:not(.fonts-loaded) .is-style-h3,body:not(.fonts-loaded) .is-style-h3-bold{
font-family:"Times New Roman",serif;
letter-spacing:1.1px
}
.is-bg-steel-gray .headline-serif,.is-bg-steel-gray .is-style-h1,.is-bg-steel-gray .is-style-h2,.is-bg-steel-gray .is-style-h3,.is-bg-steel-gray .is-style-h3-bold{
color:white
}
.headline-serif--1,.is-style-h1{
font-size:32px;
line-height:36px
}
@media (min-width: 768px){
.headline-serif--1,.is-style-h1{
font-size:48px;
line-height:52px
}
}
.headline-serif--2,.is-style-h2{
font-size:28px;
line-height:32px
}
@media (min-width: 768px){
.headline-serif--2,.is-style-h2{
font-size:40px;
line-height:44px
}
}
.headline-serif--3,.is-style-h3{
font-size:24px;
line-height:28px;
margin-top:16px
}
@media (min-width: 768px){
.headline-serif--3,.is-style-h3{
font-size:36px;
line-height:40px
}
}
.headline-sans,.is-style-h4,.is-style-h4-bold{
font-family:"Arial",sans-serif;
font-style:normal;
margin-top:16px
}
.fonts-loaded .headline-sans,.fonts-loaded .is-style-h4,.fonts-loaded .is-style-h4-bold{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .headline-sans,body:not(.fonts-loaded) .is-style-h4,body:not(.fonts-loaded) .is-style-h4-bold{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
.is-bg-steel-gray .headline-sans,.is-bg-steel-gray .is-style-h4,.is-bg-steel-gray .is-style-h4-bold{
color:white
}
.headline-sans--1,.is-style-h3-bold{
font-size:24px;
font-weight:bold;
line-height:28px
}
@media (min-width: 768px){
.headline-sans--1,.is-style-h3-bold{
font-size:36px;
line-height:40px
}
}
.headline-sans--2,.is-style-h4{
font-size:22px;
font-weight:500;
line-height:26px
}
@media (min-width: 768px){
.headline-sans--2,.is-style-h4{
font-size:28px;
line-height:32px
}
}
.headline-sans--3,.is-style-h4-bold{
font-size:22px;
font-weight:bold;
line-height:26px
}
@media (min-width: 768px){
.headline-sans--3,.is-style-h4-bold{
font-size:28px;
line-height:32px
}
}
.label,.is-style-label-1,.is-style-label-2,.is-style-label-3{
font-family:"Arial",sans-serif;
font-style:normal;
font-weight:700;
margin:0 0 16px
}
.label:last-child:not(:first-child),.is-style-label-1:last-child:not(:first-child),.is-style-label-2:last-child:not(:first-child),.is-style-label-3:last-child:not(:first-child){
margin-bottom:0
}
.fonts-loaded .label,.fonts-loaded .is-style-label-1,.fonts-loaded .is-style-label-2,.fonts-loaded .is-style-label-3{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .label,body:not(.fonts-loaded) .is-style-label-1,body:not(.fonts-loaded) .is-style-label-2,body:not(.fonts-loaded) .is-style-label-3{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
.is-bg-steel-gray .label,.is-bg-steel-gray .is-style-label-1,.is-bg-steel-gray .is-style-label-2,.is-bg-steel-gray .is-style-label-3{
color:#fff
}
.label--1,.is-style-label-1{
font-size:16px;
line-height:18px
}
.label--2,.is-style-label-2{
font-size:14px;
line-height:16px
}
.label--3,.is-style-label-3{
font-size:12px;
line-height:14px
}
.label--4{
font-size:12px;
letter-spacing:4px;
line-height:16px;
text-transform:uppercase
}
@media (min-width: 768px){
.label--4{
font-size:15px;
letter-spacing:5px
}
}
.sub-headline,.is-style-subhead-1,.is-style-subhead-2{
font-family:"Arial",sans-serif;
font-style:normal;
font-weight:600;
margin:0 0 16px;
position:relative
}
.sub-headline:last-child:not(:first-child),.is-style-subhead-1:last-child:not(:first-child),.is-style-subhead-2:last-child:not(:first-child){
margin-bottom:0
}
.fonts-loaded .sub-headline,.fonts-loaded .is-style-subhead-1,.fonts-loaded .is-style-subhead-2{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .sub-headline,body:not(.fonts-loaded) .is-style-subhead-1,body:not(.fonts-loaded) .is-style-subhead-2{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
.is-bg-steel-gray .sub-headline,.is-bg-steel-gray .is-style-subhead-1,.is-bg-steel-gray .is-style-subhead-2{
color:#fff
}
.is-bg-white .sub-headline:not(.text-blue-vivid),.is-bg-white .is-style-subhead-1:not(.text-blue-vivid),.is-bg-white .is-style-subhead-2:not(.text-blue-vivid){
color:#32313a
}
.sub-headline.has-icon,.has-icon.is-style-subhead-1,.has-icon.is-style-subhead-2{
padding-left:36px
}
.sub-headline__icon{
bottom:0;
display:block;
left:0;
position:absolute;
top:0;
width:20px
}
.sub-headline__icon svg{
max-height:25px
}
.sub-headline--1,.is-style-subhead-1{
font-size:20px;
line-height:24px
}
@media (min-width: 768px){
.sub-headline--1,.is-style-subhead-1{
font-size:24px;
line-height:28px
}
}
.sub-headline--2,.is-style-subhead-2{
font-size:18px;
font-weight:bold;
line-height:22px
}
@media (min-width: 768px){
.sub-headline--2,.is-style-subhead-2{
font-size:20px;
line-height:24px
}
}
.helper-copy-large{
font-family:"Arial",sans-serif;
font-size:12px;
line-height:16px
}
.fonts-loaded .helper-copy-large{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .helper-copy-large{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
.overline{
font-family:"Arial",sans-serif;
font-style:normal;
font-weight:normal;
margin:0 0 16px;
text-transform:uppercase
}
.overline:last-child:not(:first-child){
margin-bottom:0
}
.fonts-loaded .overline{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .overline{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
.is-bg-steel-gray .overline{
color:#fff
}
.overline--1{
color:#9da3a8;
font-size:16px;
line-height:24px
}
.overline--2{
color:#525161;
font-size:12px;
line-height:16px
}
h1>strong,h2>strong,h3>strong,h4>strong,h5>strong,h6>strong{
font-weight:normal
}
.is-style-checked{
list-style:none
}
.is-style-checked li::before{
background-color:transparent;
background-image:url(/wp-content/themes/allconnect/images/icons/src/filled-check.svg);
background-repeat:no-repeat;
background-size:contain;
border-radius:0;
content:"";
display:inline-block !important;
height:14px;
left:-22px;
top:6px;
width:14px
}
.is-style-centered{
text-align:center
}
.wp-block-columns>.wp-block-column{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
@media (min-width: 768px){
.wp-block-columns>.wp-block-column{
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:100%
}
}
.wp-block-columns.has-2-columns .wp-block-column{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
@media (min-width: 768px){
.wp-block-columns.has-2-columns .wp-block-column{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
}
.wp-block-columns.has-3-columns .wp-block-column{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
@media (min-width: 768px){
.wp-block-columns.has-3-columns .wp-block-column{
-ms-flex:0 0 33.33333%;
flex:0 0 33.33333%;
max-width:33.33333%
}
}
.wp-block-columns.has-4-columns .wp-block-column,.wp-block-columns.has-5-columns .wp-block-column{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
@media (min-width: 768px){
.wp-block-columns.has-4-columns .wp-block-column,.wp-block-columns.has-5-columns .wp-block-column{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
}
.wp-block-columns.has-6-columns .wp-block-column{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
@media (min-width: 768px){
.wp-block-columns.has-6-columns .wp-block-column{
-ms-flex:0 0 16.66667%;
flex:0 0 16.66667%;
max-width:16.66667%
}
}
.has-text-align-center{
text-align:center
}
.has-text-align-left{
text-align:left
}
.has-text-align-right{
text-align:right
}
.avatar{
background-color:#ebf0f0;
display:inline-block;
overflow:hidden;
position:relative;
text-transform:uppercase
}
.avatar--lg{
border-radius:56px;
height:56px;
width:56px
}
.avatar--lg .headline-sans,.avatar--lg .is-style-h4,.avatar--lg .is-style-h4-bold{
margin:0
}
@media (min-width: 1280px){
.avatar--lg{
border-radius:80px;
height:80px;
width:80px
}
}
.avatar--md{
border-radius:56px;
height:56px;
width:56px
}
.avatar--md .sub-headline,.avatar--md .is-style-subhead-1,.avatar--md .is-style-subhead-2{
margin:0
}
.avatar--sm{
border-radius:40px;
height:40px;
width:40px
}
.avatar--sm .label,.avatar--sm .is-style-label-1,.avatar--sm .is-style-label-2,.avatar--sm .is-style-label-3{
margin:0
}
.avatar__date{
margin:0 0 24px 24px
}
@media (min-width: 768px){
.avatar__date{
margin-bottom:32px
}
}
.avatar .has-image{
left:50%;
position:relative;
text-align:center;
top:50%;
transform:translate(-50%, -50%);
position:absolute;
width:100%;
z-index:5
}
.avatar .has-initials{
left:50%;
position:relative;
text-align:center;
top:50%;
transform:translate(-50%, -50%)
}
.avatar .has-icon{
left:50%;
position:relative;
text-align:center;
top:50%;
transform:translate(-50%, -50%)
}
.is-bg-light-gray .avatar,.is-bg-pale-blue .avatar{
background-color:#e3e8e8
}
.is-bg-steel-gray .avatar{
background-color:#cbd1d7
}
.banner{
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-pack:start;
justify-content:flex-start;
margin:37px auto 72px;
max-width:312px
}
@media (min-width: 768px){
.banner{
margin:53px auto 82px;
max-width:698px
}
}
@media (min-width: 1280px){
.banner{
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-pack:end;
justify-content:flex-end;
margin:0;
max-width:100%;
padding-bottom:10px;
padding-top:16px
}
}
.banner__link{
color:inherit;
display:-ms-flexbox;
display:flex;
margin-bottom:13px
}
.banner__link::before{
background-position:center center;
background-repeat:no-repeat;
content:"";
display:-ms-flexbox;
display:flex;
height:16px;
margin-right:10px;
width:16px
}
.banner__link--subscribe::before{
background-image:url("/wp-content/themes/allconnect/images/icons/src/filled-envelope.svg");
background-size:14px 11px
}
.banner__link--about::before{
background-image:url("/wp-content/themes/allconnect/images/icons/src/filled-user.svg");
background-size:11px 16px
}
.banner__link--resource::before{
background-image:url("/wp-content/themes/allconnect/images/icons/src/filled-blog.svg");
background-size:16px 12px
}
@media (min-width: 1280px){
.banner__link{
margin-bottom:0;
margin-right:40px;
max-height:20px
}
}
.banner__link:hover{
color:#0066d4
}
.banner__link:last-child{
margin-right:0
}
@media (min-width: 768px){
body.no-spacing{
padding-top:0
}
}
@media (min-width: 768px){
body.has-banner .overlay-shim{
top:186px
}
}
.header-banner{
top:0;
z-index:11
}
.header-banner__close-button{
top:-7px
}
.header-banner__icon{
top:-2px
}
.header-banner__icon span.icon{
display:inline
}
.header-banner__text{
-ms-flex:1;
flex:1
}
.breadcrumbs{
padding:32px 0 0
}
@media (min-width: 768px){
.breadcrumbs{
padding:28px 0 20px
}
}
.breadcrumbs__separator,.breadcrumbs__home{
filter:grayscale(1) brightness(0.5);
transform:translateY(-1px)
}
.breadcrumbs__separator.lazyload,.breadcrumbs__home.lazyload{
max-height:6px;
max-width:6px
}
.breadcrumbs--footer{
padding:0
}
.breadcrumbs--footer .breadcrumbs__separator{
filter:grayscale(1) brightness(2)
}
.breadcrumbs--footer .breadcrumbs__home{
filter:grayscale(1) brightness(4)
}
.breadcrumbs__arrow{
padding-right:16px
}
.breadcrumbs__list{
list-style-type:none;
margin:0;
padding:0
}
.breadcrumbs__home{
position:relative
}
.breadcrumbs__item{
display:inline-block;
list-style-type:none;
margin:0;
padding-right:16px
}
.breadcrumbs__item svg{
max-height:17px
}
.breadcrumbs__item::before{
content:none
}
.breadcrumbs__link{
color:#32313a
}
.breadcrumbs .label,.breadcrumbs .is-style-label-1,.breadcrumbs .is-style-label-2,.breadcrumbs .is-style-label-3{
display:inline-block;
margin:0
}
.is-bg-steel-gray .breadcrumbs__arrow svg g{
fill:#cbd1d7
}
.is-bg-steel-gray .breadcrumbs__home svg g{
fill:#fff
}
.is-bg-steel-gray .breadcrumbs__current-page{
color:#cbd1d7
}
.is-bg-steel-gray .breadcrumbs__link{
color:#fff
}
.blog-breadcrumbs{
margin:20px 0 40px
}
@media (min-width: 768px){
.blog-breadcrumbs{
margin:36px 0 48px
}
}
@media (min-width: 1280px){
.blog-breadcrumbs{
margin:76px 0 64px 0
}
}
.blog-breadcrumbs__link{
color:#32313a;
font-weight:bold
}
.blog-breadcrumbs__content-category{
color:#006aeb
}
.blog-breadcrumbs ul{
margin:0;
padding:0
}
.blog-breadcrumbs li{
display:inline
}
.blog-breadcrumbs li::before{
display:none
}
.blog-breadcrumbs svg g{
fill:#32313a
}
.blog-breadcrumbs__angle-right{
padding:0 16px
}
.blog-breadcrumbs__angle-right svg{
max-height:10px
}
.blog-breadcrumbs .icon--filled-home svg{
max-height:17px
}
.blog-breadcrumbs__links{
bottom:2px;
display:inline;
position:relative
}
.button{
-webkit-appearance:none;
background:#006aeb;
border:none;
color:#fff;
cursor:pointer;
display:inline-block;
font-family:"Arial",sans-serif;
font-weight:bold;
height:auto;
position:relative;
text-decoration:none
}
.fonts-loaded .button{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .button{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
.is-top-level>.button{
margin:16px 0
}
.button svg{
max-height:20px;
padding-bottom:1px;
vertical-align:bottom
}
.button::after{
bottom:-2px;
box-sizing:border-box;
content:"";
height:calc(100% + 4px);
left:-2px;
pointer-events:none;
position:absolute;
right:-2px;
top:-2px;
width:calc(100% + 4px)
}
.button:visited{
color:#fff
}
.button:hover{
background:#0066d4;
color:#fff;
text-decoration:none
}
.button:focus{
color:#fff;
outline:none
}
.button:focus::after{
outline:1px dashed var(--chameleon-primary)
}
.button:disabled{
cursor:not-allowed;
opacity:0.24
}
.button:disabled:hover{
background:#006aeb
}
.button--outline{
background:none;
border:1px solid #cbd1d7;
color:#32313a
}
.button--outline:hover{
background:none;
border:1px solid #525161;
color:#1f1f25
}
.button--outline:focus{
color:#32313a;
outline:none
}
.button--outline:focus::after{
outline:1px dashed #32313a
}
.button--outline:visited{
color:#32313a
}
.button--outline:disabled{
background:none;
border:1px solid #3b3a45;
color:#3b3a45;
cursor:not-allowed
}
.button--outline:disabled:hover{
background:none
}
.button--outline-dark{
border-color:#525161
}
.button--outline-dark:hover{
border-color:#0066d4
}
.button--small{
border-radius:4px;
font-size:12px;
line-height:12px;
padding:8px
}
.button--regular{
border-radius:8px;
font-size:18px;
line-height:18px;
padding:16px 24px
}
.button--regular.icon-only{
padding:16px
}
.button--large{
border-radius:8px;
font-size:18px;
line-height:18px;
padding:24px 32px
}
.button--large.icon-only{
padding:24px
}
.button--extra-large{
border-radius:8px;
padding:20px 32px
}
.button--full{
display:block;
text-align:center;
width:100%
}
.button--full-screen-overlay{
bottom:0;
left:0;
opacity:0;
position:fixed;
top:0;
width:100%;
z-index:1
}
.is-loading .button__text{
opacity:0
}
.button.is-loading{
position:relative
}
.button.is-loading .loader-container{
left:50%;
position:absolute;
top:50%;
transform:translate(-50%, -50%)
}
.button__arrow{
bottom:0;
position:absolute;
right:15px;
top:0
}
.button__arrow .icon{
display:inline
}
.button__icon{
display:inline-block;
margin-right:16px;
vertical-align:middle;
width:27px
}
.button__icon--right{
margin-left:16px;
margin-right:0;
max-height:20px;
width:auto
}
.button__icon--right svg{
vertical-align:middle
}
.button--full-mobile{
text-align:center;
width:100%
}
@media (min-width: 768px){
.button--full-mobile{
width:auto
}
}
.button--white{
background:#fff;
color:#32313a
}
.button--white:hover,.button--white:active{
background:#cbd1d7;
color:#32313a
}
.button--white:focus,.button--white:visited{
color:#32313a
}
.button--checkbox{
border-width:2px
}
.button--checkbox:hover{
border-width:2px
}
.button--checked,.button--checked:hover{
background:#edf6ff;
border-color:#006aeb;
box-shadow:0 2px 4px -1px rgba(50,80,112,0.2),0 5px 5px -3px rgba(50,80,112,0.14),0 3px 14px 2px rgba(50,80,112,0.12)
}
.button--category{
font-size:16px;
line-height:18px
}
.button--category svg{
max-height:none
}
@media (min-width: 1280px){
.button--category{
font-size:20px;
line-height:24px
}
}
.button--category .button__arrow{
right:16px
}
@media (min-width: 1280px){
.button--category .button__arrow{
right:24px
}
}
.button--category,.button--category.icon-only{
padding:16px 24px 16px 16px
}
@media (min-width: 768px){
.button--category .button__icon svg,.button--category.icon-only .button__icon svg{
max-height:27px
}
}
@media (min-width: 1280px){
.button--category,.button--category.icon-only{
padding:24px 36px 24px 24px
}
}
.button--flex-text{
padding:24px 36px;
width:100%
}
@media (min-width: 768px){
.button--flex-text{
width:auto
}
}
.button--flex-text .button__text{
-ms-flex-align:center;
align-items:center;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center
}
.button--pill{
border-radius:9999px
}
.button .body-copy--helper,.button .is-style-helper{
font-weight:normal
}
.button.has-loader{
position:relative
}
.button.has-loader::before,.button.has-loader::after{
content:"";
position:absolute
}
.button.has-loader::before{
background-color:inherit;
border-radius:inherit;
height:100%;
left:0;
top:0;
width:100%
}
.button.has-loader::after{
animation:spin 1.5s linear infinite;
border:solid 4px currentColor;
border-left-color:transparent;
border-radius:50%;
height:24px;
left:calc(50% - 24px / 2);
top:calc(50% - 24px / 2);
transform:translateX(-50%) translateY(-50%);
width:24px
}
.text-link{
background:none;
border:none;
color:#006aeb;
cursor:pointer;
font-family:"Arial",sans-serif;
font-weight:bold;
line-height:1;
margin:0 8px;
padding:0;
position:relative
}
.fonts-loaded .text-link{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .text-link{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
.text-link svg{
padding-bottom:1px;
vertical-align:bottom
}
.text-link::after{
bottom:-2px;
box-sizing:border-box;
content:"";
left:-2px;
position:absolute;
right:-2px;
top:-2px
}
.text-link:hover{
color:#0066d4;
text-decoration:underline
}
.text-link:focus{
outline:none
}
.text-link:focus::after{
outline:1px dashed #006aeb
}
.text-link:disabled{
color:#cbd1d7;
cursor:not-allowed
}
.text-link:disabled:hover{
text-decoration:none
}
.text-link:disabled svg g{
fill:#cbd1d7
}
.text-link--small{
font-size:12px;
line-height:12px
}
.text-link--regular{
font-size:16px;
line-height:16px
}
.text-link--large{
font-size:18px;
line-height:18px
}
.text-link--inherit-color{
color:inherit;
text-decoration:none
}
.text-link--inherit-color:hover{
color:inherit;
text-decoration:none
}
.text-link__icon{
margin-left:8px
}
.is-bg-steel-gray .button{
background:#fff;
color:#32313a
}
.is-bg-steel-gray .button svg g{
fill:#006aeb
}
.is-bg-steel-gray .button:hover{
background:#cbd1d7
}
.is-bg-steel-gray .button:focus{
outline:none
}
.is-bg-steel-gray .button:focus::after{
outline:1px dashed #fff
}
.is-bg-steel-gray .button:disabled{
background:#ebf0f0;
cursor:not-allowed;
opacity:0.36
}
.is-bg-steel-gray .button--outline{
background:none;
border:1px solid #cbd1d7;
color:#fff
}
.is-bg-steel-gray .button--outline svg g{
fill:#fff
}
.is-bg-steel-gray .button--outline:hover{
background:none;
border:1px solid #fff
}
.is-bg-steel-gray .button--outline:focus{
outline:none
}
.is-bg-steel-gray .button--outline:focus::after{
outline:1px dashed #fff
}
.is-bg-steel-gray .button--outline:disabled{
background:none;
border:1px solid #9e9dae;
color:#9e9dae;
cursor:not-allowed
}
.is-bg-steel-gray .button--outline:disabled:hover{
background:none
}
.is-bg-steel-gray .text-link{
color:#fff;
text-decoration:underline
}
.is-bg-steel-gray .text-link svg g{
fill:#fff
}
.is-bg-steel-gray .text-link:hover{
color:#cbd1d7
}
.is-bg-steel-gray .text-link:focus::after{
outline:1px dashed #fff
}
.is-bg-steel-gray .text-link:disabled{
color:#525161
}
.is-bg-steel-gray .text-link:disabled svg g{
fill:#525161
}
.speed-rec .button--next{
margin-bottom:32px
}
@media (min-width: 768px){
.speed-rec .button--next{
margin-bottom:48px
}
}
@media (min-width: 1280px){
.speed-rec .button--next{
margin-bottom:32px
}
}
.speed-rec .button--checked{
background-color:#006aeb;
color:#fff
}
.speed-rec .button--checked .body-copy--helper,.speed-rec .button--checked .is-style-helper{
color:#fff;
margin-top:4px
}
.loading-state-button{
position:relative;
transition:padding 300ms ease
}
.loading-state-button--loading,.loading-state-button--complete{
padding-right:84px
}
.loading-state-button__icon{
position:absolute;
right:32px;
top:50%;
transform:translateY(-50%);
transform-origin:50% 50%
}
.loading-state-button__icon svg{
max-height:100px;
overflow:visible
}
.loading-state-button--loading .loading-state-button__icon{
animation:fade-in 300ms ease forwards;
animation-delay:300ms;
opacity:0
}
.loading-state-button--loading .loading-state-button__icon svg{
animation:spin 600ms linear infinite
}
.loading-state-button--loading .loading-state-button__icon circle{
transform:none !important
}
.chameleon .button{
background:var(--cham-btn-primary-bg);
border:1px solid var(--cham-btn-primary-bg);
border-radius:var(--cham-btn-border-radius);
color:var(--cham-btn-primary-text-color);
font-family:var(--cham-btn-font-family);
font-size:var(--cham-btn-font-size);
font-weight:var(--cham-btn-font-weight);
letter-spacing:2px;
line-height:16px;
text-transform:var(--cham-btn-text-casing);
transition:all 0.2s ease
}
.chameleon .button:hover{
background:var(--cham-btn-primary-hover-bg);
border:1px solid var(--cham-btn-primary-hover-border-color);
box-shadow:var(--cham-btn-primary-hover-drop-shadow);
color:var(--cham-btn-primary-hover-text-color)
}
.chameleon .button:first-child{
background:var(--cham-btn-primary-bg);
border:1px solid var(--cham-btn-primary-bg);
color:var(--cham-btn-primary-text-color)
}
.chameleon .button:first-child:hover{
background:var(--cham-btn-primary-hover-bg);
border:1px solid var(--cham-btn-primary-hover-border-color);
box-shadow:var(--cham-btn-primary-hover-drop-shadow);
color:var(--cham-btn-primary-hover-text-color)
}
.chameleon .button--outline{
background:var(--cham-btn-secondary-bg);
border-radius:var(--cham-btn-border-radius);
color:var(--cham-btn-secondary-text-color)
}
.chameleon .button--outline:hover{
background:var(--cham-btn-secondary-hover-bg);
box-shadow:var(--cham-btn-secondary-hover-drop-shadow);
color:var(--cham-btn-secondary-hover-text-color)
}
.chameleon .button--outline:first-child{
background:var(--cham-btn-secondary-bg);
color:var(--cham-btn-secondary-text-color)
}
.chameleon .button--outline:first-child:hover{
background:var(--cham-btn-secondary-hover-bg);
border-color:var(--cham-btn-secondary-hover-border-color);
box-shadow:var(--cham-btn-secondary-hover-drop-shadow);
color:var(--cham-btn-secondary-hover-text-color)
}
.content-cards{
margin:40px 0 0
}
@media (min-width: 768px){
.content-cards{
margin:48px 0 0
}
}
@media (min-width: 1280px){
.content-cards{
margin:64px 0 0
}
}
.content-cards__list{
margin-bottom:0;
margin-top:0;
padding:0;
padding-top:5px;
width:inherit
}
@media (min-width: 1280px){
.content-cards__list--row{
display:-ms-flexbox;
display:flex;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
margin-left:-20px;
margin-right:-20px
}
.content-cards__list--row>[class*="col-"]{
padding-left:20px;
padding-right:20px;
position:relative;
width:100%
}
}
@media (min-width: 1280px){
.content-cards__list--row.has-2-columns .wp-block-column{
position:relative;
width:100%;
padding-right:20px;
padding-left:20px;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
}
.content-cards__list-item{
margin:0;
padding:0
}
@media (min-width: 768px){
.content-cards__list-item:last-child{
margin-bottom:40px
}
}
.content-cards__list-item::before{
display:none
}
@media (min-width: 768px){
.content-cards__list-item{
margin:0 0 40px 0;
padding:0 20px
}
}
.content-cards--short{
margin-top:24px
}
@media (min-width: 768px){
.content-cards--short{
margin-top:48px
}
}
.content-card{
background-color:#fff;
border-radius:8px;
box-shadow:0 1px 10px 0 rgba(0,0,0,0.12),0 4px 5px 0 rgba(0,0,0,0.14),0 2px 4px -1px rgba(0,0,0,0.02);
margin-bottom:24px;
overflow:hidden;
padding:24px;
width:100%;
word-break:break-word
}
.content-card.mb-0,.content-card.m-0,.content-card.my-0{
height:100%
}
@media (min-width: 768px){
.content-card{
height:100%;
margin-bottom:0;
padding:32px
}
}
.content-card--borderless{
background:transparent;
border-radius:0;
box-shadow:none;
padding:0
}
.content-card--border-bottom{
border-bottom:1px solid #cbd1d7;
padding-bottom:24px
}
.content-card--has-cta{
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column;
padding:0
}
.content-card--has-cta .content-card__content{
padding-bottom:0
}
.content-card--large-shadow{
box-shadow:0 11px 15px -7px rgba(82,81,97,0.1),0 24px 38px 3px rgba(82,81,97,0.04),0 9px 46px 8px rgba(82,81,97,0.12)
}
.content-card__link a{
font-weight:bold
}
.content-card__image{
display:block;
height:auto;
max-height:32px;
max-width:100%;
width:auto
}
@media (min-width: 768px){
.content-card__image{
height:32px
}
}
.content-card__image--center{
margin:0 auto 16px
}
.content-card__image-wrapper{
height:32px;
margin-bottom:24px
}
@media (min-width: 768px){
.content-card__image-wrapper{
margin-bottom:32px
}
}
.content-card__content{
padding:16px
}
@media (min-width: 1280px){
.content-card__content{
padding:24px
}
}
.content-card__body-copy{
margin-bottom:8px
}
.content-card__label{
margin-bottom:24px
}
.content-card__or{
margin-bottom:8px
}
.content-card__cta{
background-color:#ebf0f0;
margin-top:auto;
padding:16px
}
@media (min-width: 1280px){
.content-card__cta{
padding:24px
}
}
.content-card__list.list,ul.content-card__list,ol.content-card__list{
margin-bottom:24px;
margin-top:24px
}
.content-card__call{
font-size:18px;
font-weight:bold;
line-height:22px;
margin-bottom:8px
}
.content-card__cta-link{
margin-bottom:8px
}
.css-icon{
display:inline-block;
margin:0;
padding:0
}
.css-icon--plus-minus{
height:14px;
position:relative;
width:14px
}
.css-icon--plus-minus::before,.css-icon--plus-minus::after{
background:#006aeb;
content:"";
display:block;
height:100%;
left:6px;
position:absolute;
top:0;
transform-origin:50% 50%;
transition:transform 300ms ease;
width:2px
}
.css-icon--plus-minus::after{
transform:rotate(90deg)
}
[data-row-hide-parent="visible"] .css-icon--plus-minus::before,[data-trusted-image-toggle-control="visible"] .css-icon--plus-minus::before{
transform:rotate(90deg)
}
.css-icon--plus-minus.css-icon--small{
height:12px;
width:12px
}
.feedback{
background-color:#e3e8e8;
border-radius:4px;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-bottom:24px
}
@media (min-width: 768px){
.feedback{
margin-bottom:32px
}
}
.feedback .body-copy,.feedback p{
color:#32313a
}
.feedback .text-link{
text-decoration:underline
}
.feedback--bold{
font-weight:bold
}
.feedback--one-line .feedback__content{
-ms-flex:1;
flex:1;
-ms-flex-order:initial;
order:initial;
padding:16px 0
}
@media (min-width: 768px){
.feedback--one-line .feedback__content{
padding:27px 0
}
}
.feedback--one-line .feedback__content .text-link{
margin:0
}
.feedback--one-line .feedback__close{
margin:auto
}
@media (min-width: 768px){
.feedback--one-line .feedback__close{
padding:29px
}
}
.feedback--one-line .feedback__icon{
padding:16px
}
@media (min-width: 768px){
.feedback--one-line .feedback__icon{
padding:24px
}
}
.feedback--high-call-volume .feedback__close{
-ms-flex-item-align:start;
align-self:flex-start;
margin:0;
padding:16px
}
@media (min-width: 768px){
.feedback--high-call-volume .feedback__close{
padding:24px
}
}
.feedback--high-call-volume .feedback__heading{
line-height:18px;
padding-bottom:4px
}
.feedback--high-call-volume .feedback__icon{
-ms-flex-item-align:center;
align-self:center
}
.feedback--high-call-volume .feedback__text{
line-height:24px
}
.feedback--align-top{
-ms-flex-align:start;
align-items:flex-start
}
.feedback--closed{
animation-duration:300ms;
animation-fill-mode:forwards;
animation-name:fade-out
}
.feedback--small{
padding:16px
}
.feedback--small .feedback__content{
-ms-flex:1;
flex:1;
padding:0
}
.feedback--small .feedback__icon{
padding:0 8px 0 0
}
.feedback--small .feedback__text{
-ms-flex-align:start;
align-items:flex-start;
display:-ms-flexbox;
display:flex;
font-size:12px;
font-weight:bold;
-ms-flex-pack:justify;
justify-content:space-between;
line-height:14px
}
.feedback--small .feedback .trigger{
-ms-flex-direction:column;
flex-direction:column
}
.feedback--error{
background:#fdd
}
.feedback--info{
background:#edf6ff
}
.feedback--success{
background:#d8f7dd
}
.feedback--warning{
background:#fff8c9
}
.feedback--primary{
background:#006aeb
}
.feedback--primary .body-copy,.feedback--primary p,.feedback--primary a{
color:#fff
}
.feedback--primary a:hover,.feedback--primary a:focus,.feedback--primary a:active{
color:#fff
}
.feedback--dark{
background:#1f1f25
}
.feedback--medium-gray{
background:#ebf0f0
}
.feedback__content{
-ms-flex-item-align:start;
align-self:flex-start;
-ms-flex-order:3;
order:3;
padding:0 24px 24px 24px;
width:100%
}
@media (min-width: 768px){
.feedback__content{
-ms-flex:1;
flex:1;
-ms-flex-order:0;
order:0;
padding:24px 0
}
}
.feedback__close{
background:none;
border:none;
margin-left:auto;
padding:24px
}
@media (min-width: 768px){
.feedback__close{
-ms-flex-item-align:start;
align-self:flex-start
}
}
.feedback__close svg{
max-height:14px;
pointer-events:none
}
.feedback__heading{
font-weight:bold;
margin-bottom:0
}
.feedback__icon{
line-height:0;
padding:24px 24px 16px 24px
}
.feedback__icon svg{
max-height:24px;
max-width:24px
}
@media (min-width: 768px){
.feedback__icon{
-ms-flex-item-align:center;
align-self:center;
padding:24px
}
}
.feedback__text{
line-height:18px;
margin-bottom:0
}
.feedback--admin{
padding:10px;
position:relative
}
.feedback--admin .feedback__label{
font-size:10px;
left:5px;
position:absolute;
top:5px
}
.feedback--purple{
background:#e6dff5;
border:2px dashed purple
}
.feedback--blue{
background:#d5d8fb;
border:2px dashed blue
}
.flex-image{
display:block;
height:100%;
min-height:24px;
overflow:hidden;
position:relative;
width:100%
}
.flex-image--hero{
margin-top:40px
}
@media (min-width: 768px){
.flex-image--hero{
margin-top:20px
}
}
@media (min-width: 1280px){
.flex-image--hero{
margin-top:80px
}
}
.flex-image--hero img{
max-width:100%
}
@media (min-width: 768px){
.flex-image--hero img{
max-width:initial
}
}
@media (min-width: 1280px){
.flex-image--hero{
margin-top:0
}
}
.flex-image--hero-geo{
margin-top:0
}
.flex-image--hero-geo img{
max-width:100%
}
@media (min-width: 768px){
.flex-image--hero-geo img{
max-width:initial
}
}
.flex-image__tag{
display:block
}
@media (min-width: 1280px){
.flex-image__tag{
left:50%;
max-height:1000px;
position:absolute;
top:50%;
transform:translate(-50%, -50%)
}
}
.flex-image__tag--full{
width:100%
}
.icon{
display:-ms-inline-flexbox;
display:inline-flex
}
.icon-grid__item{
list-style:none
}
.icon-grid__item::before{
display:none
}
.icon-thick-check::before{
background-image:url("/wp-content/themes/allconnect/images/icons/src/filled-check.svg");
background-position:center top;
background-repeat:no-repeat;
background-size:100% 100%;
content:" ";
display:inline-block;
height:14px;
width:14px
}
.icon-thin-delete::before{
background-image:url("/wp-content/themes/allconnect/images/icons/src/filled-close--heather-gray.svg");
background-position:center top;
background-repeat:no-repeat;
background-size:100% 100%;
content:" ";
display:inline-block;
height:14px;
width:14px
}
.lazyload,.lazyloading{
opacity:0
}
.lazyloaded{
opacity:1;
transition:opacity 150ms
}
.link{
background:none;
border:none;
color:#006aeb;
cursor:pointer;
display:-ms-inline-flexbox;
display:inline-flex;
font-family:"Arial",sans-serif;
font-weight:bold;
margin:0;
padding:0;
position:relative;
text-decoration:none
}
.fonts-loaded .link{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .link{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
p>.link{
display:inline
}
.link::after{
bottom:-2px;
box-sizing:border-box;
content:"";
left:-2px;
position:absolute;
right:-2px;
top:-2px
}
.link:hover:not(.link--disabled){
color:#0066d4;
text-decoration:underline
}
.link:focus:not(.link--disabled){
outline:none
}
.link:focus:not(.link--disabled)::after{
border:none;
outline:1px dashed #006aeb
}
.link--dark{
color:#32313a
}
.link--dark:hover:not(.link--disabled),.link--dark:visited,.link--dark:focus{
color:#1f1f25
}
.link--small{
font-size:12px;
line-height:12px
}
.link--small .link__icon{
margin:0 6px 0 0;
width:8px
}
.link--small .link__icon--right{
margin:0 0 0 6px
}
.link--regular{
font-size:16px;
line-height:16px
}
.link--regular .link__icon{
margin:0 12px 0 0;
width:14px
}
.link--regular .link__icon--right{
margin:0 0 0 12px
}
.link--large{
font-size:18px;
line-height:18px
}
.link--large .link__icon{
margin:0 14px 0 0;
width:16px
}
.link--large .link__icon--right{
margin:0 0 0 14px
}
.link--inline{
text-decoration:underline
}
.link--disabled{
color:#cbd1d7;
cursor:not-allowed
}
.link--disabled svg g{
fill:#cbd1d7
}
.link__icon{
display:inline-block
}
.link__icon--right{
-ms-flex-order:1;
order:1
}
.is-bg-steel-gray .link,.is-bg-steel-gray a{
color:#fff
}
.is-bg-steel-gray .link:hover:not(.link--disabled):not(.button):not(.no-default),.is-bg-steel-gray a:hover:not(.link--disabled):not(.button):not(.no-default){
color:#cbd1d7
}
.is-bg-steel-gray .link:focus:not(.link--disabled)::after,.is-bg-steel-gray a:focus:not(.link--disabled)::after{
outline:1px dashed #fff
}
.is-bg-steel-gray .link--disabled,.is-bg-steel-gray a--disabled{
color:#525161
}
.is-bg-steel-gray .link--disabled svg g,.is-bg-steel-gray a--disabled svg g{
fill:#525161
}
.is-bg-steel-gray .is-bg-white .link,.is-bg-steel-gray .is-bg-white a{
color:#006aeb
}
.list,ul,ol{
list-style:none;
margin:24px 0;
padding:0 0 0 22px
}
@media (min-width: 768px){
.list,ul,ol{
margin:32px 0
}
}
.list:not(.css-carousel) li:last-child:not([class*="mb"]),ul:not(.css-carousel) li:last-child:not([class*="mb"]),ol:not(.css-carousel) li:last-child:not([class*="mb"]){
margin-bottom:0
}
.list li,ul li,ol li{
color:#525161;
margin:0 0 16px;
position:relative
}
.is-bg-steel-gray .list li,.is-bg-steel-gray ul li,.is-bg-steel-gray ol li{
color:#fff
}
.list li::before,ul li::before,ol li::before{
background:#32313a;
border-radius:50%;
content:"";
display:block;
height:6px;
left:-22px;
position:absolute;
top:8px;
width:6px
}
@media (min-width: 768px){
.list li::before,ul li::before,ol li::before{
left:-22px;
top:7px
}
}
.list--link,.is-style-no-icon,.is-style-centered{
font-weight:bold;
padding-left:0
}
@media (min-width: 768px){
.list--link,.is-style-no-icon,.is-style-centered{
padding-left:0
}
}
.list--link li::before,.is-style-no-icon li::before,.is-style-centered li::before{
display:none
}
@media (min-width: 768px){
.list--buttons li{
margin-bottom:8px
}
}
.list--checked li,.is-style-checked li{
position:relative
}
.list--checked li::before,.is-style-checked li::before{
display:none
}
.list--checked li .icon,.is-style-checked li .icon{
display:inline
}
.list--checked li svg,.is-style-checked li svg{
height:auto;
left:-22px;
position:absolute;
top:6px
}
ol,ol.list,ol{
counter-reset:item
}
ol>li,ol.list>li,ol>li{
counter-increment:item
}
ol>li::before,ol.list>li::before,ol>li::before{
background:none;
content:counter(item) ".";
display:inline-block;
font-weight:bold;
height:auto;
left:-22px;
position:absolute;
text-align:right;
top:0;
width:auto
}
@media (min-width: 768px){
ol>li::before,ol.list>li::before,ol>li::before{
left:-22px
}
}
.list-no-style{
padding:0
}
.list-no-style>li::before{
content:none
}
a{
color:#006aeb
}
a:hover,a:focus,a:active{
color:#0066d4
}
a:focus{
outline:thin dashed
}
a:hover,a:active{
outline:0
}
.main-navigation{
clear:both;
display:block;
float:left;
width:100%
}
.main-navigation ul{
display:none;
list-style:none;
margin:0;
padding-left:0
}
.main-navigation ul ul{
box-shadow:0 3px 3px rgba(0,0,0,0.2);
float:left;
left:-999em;
position:absolute;
top:100%;
z-index:99999
}
.main-navigation ul ul ul{
left:-999em;
top:0
}
.main-navigation ul ul li:hover>ul,.main-navigation ul ul li.focus>ul{
left:100%
}
.main-navigation ul ul a{
width:200px
}
.main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul{
left:auto
}
.main-navigation li{
float:left;
position:relative
}
.main-navigation a{
display:block;
text-decoration:none
}
.menu-toggle,.main-navigation.toggled ul{
display:block
}
@media screen and (min-width: 37.5em){
.menu-toggle{
display:none
}
.main-navigation ul{
display:block
}
}
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{
margin:0 0 1.5em;
overflow:hidden
}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{
float:left;
width:50%
}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{
float:right;
text-align:right;
width:50%
}
.preamp-loading{
animation:fade-in 300ms ease forwards;
animation-delay:3s;
opacity:0
}
.preamp-loaded{
animation:none;
opacity:1;
transition:opacity 150ms ease;
transition-delay:300ms
}
.primary-navigation.has-submenu-expanded ~ div{
display:none
}
@media (min-width: 1280px){
.primary-navigation.has-submenu-expanded ~ div{
display:block
}
}
.primary-navigation.has-submenu-expanded .primary-menu__link{
display:none
}
@media (min-width: 1280px){
.primary-navigation.has-submenu-expanded .primary-menu__link{
display:block
}
}
.primary-menu{
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column;
margin:0 auto;
max-width:340px;
padding:0
}
@media (min-width: 768px){
.primary-menu{
max-width:768px
}
}
@media (min-width: 1280px){
.primary-menu{
-ms-flex-direction:row;
flex-direction:row;
margin:initial;
max-width:auto
}
}
.primary-menu__item{
color:#32313a;
margin:0
}
@media (min-width: 1280px){
.primary-menu__item{
position:relative
}
}
.primary-menu__item::before{
display:none
}
.primary-menu__item:first-of-type{
margin-top:28px
}
@media (min-width: 768px){
.primary-menu__item:first-of-type{
margin-top:36px
}
}
@media (min-width: 1280px){
.primary-menu__item:first-of-type{
margin-top:0
}
}
@media (min-width: 1280px){
.primary-menu__item:last-of-type{
margin-bottom:initial
}
}
.primary-menu__item .icon{
height:12px;
width:8px
}
.primary-menu__link{
-ms-flex-align:center;
align-items:center;
background:none;
border:none;
color:inherit;
cursor:pointer;
display:-ms-flexbox;
display:flex;
line-height:24px;
padding:16px 24px;
text-decoration:none
}
.primary-menu__link::after{
border-radius:2px;
content:"";
position:absolute;
transform:rotate(45deg);
transition:border 0.3s ease, transform 0.3s ease
}
@media (max-width: 1279px){
.primary-menu__link::after{
border:solid 2px #006aeb;
border-bottom-color:transparent;
border-left-color:transparent;
height:10px;
right:10px;
top:calc(50% - 5px);
width:10px
}
}
@media (min-width: 1280px){
.primary-menu__link::after{
border:solid 1.5px #cbd1d7;
border-left-color:transparent;
border-top-color:transparent;
height:8px;
right:21px;
top:calc(50% - 8px);
transform-origin:6px 6px;
width:8px
}
}
@media (max-width: 767px){
.primary-menu__link{
padding:13px 15px
}
}
.primary-menu__link-text{
display:block;
font-size:16px;
font-weight:700
}
@media (max-width: 1279px){
.primary-menu__link-text{
font-size:24px;
font-weight:600;
line-height:24px
}
}
@media (max-width: 767px){
.primary-menu__link-text{
font-size:20px;
min-height:25px
}
}
.primary-menu__link:visited{
color:inherit
}
@media (min-width: 768px){
.primary-menu__link{
padding:19px 33px
}
}
@media (min-width: 1280px){
.primary-menu__link{
display:inline-block;
padding:12px 20px;
width:auto
}
}
.primary-menu__link .sub-headline,.primary-menu__link .is-style-subhead-1,.primary-menu__link .is-style-subhead-2{
margin:0
}
.is-expanded .primary-menu__link{
display:none
}
@media (min-width: 1280px){
.is-expanded .primary-menu__link{
display:block
}
}
.has-children{
padding-right:36px;
position:relative
}
.has-children.is-expanded ~ .sub-menu{
display:block
}
.has-children.is-expanded::after{
border-bottom-color:#006aeb;
border-right-color:#006aeb;
transform:rotate(225deg)
}
.has-children__icon{
line-height:0;
margin-left:20px;
margin-top:1px;
transition:all 300ms ease
}
@media (max-width: 767px){
.has-children__icon{
margin-left:18px;
margin-top:-2px
}
}
@media (min-width: 1280px){
.has-children__icon{
bottom:20px;
margin:0;
position:absolute;
right:20px
}
}
.has-children__icon svg{
will-change:transform
}
@media (min-width: 1280px){
.has-children__icon svg g{
fill:#cbd1d7
}
}
.sub-menu{
background:#fff;
bottom:0;
display:none;
left:0;
margin:0;
padding:0;
top:64px;
width:100%;
z-index:10
}
@media (min-width: 768px){
.sub-menu{
bottom:auto;
top:98px
}
}
@media (min-width: 1280px){
.sub-menu{
border-radius:6px;
box-shadow:0 2px 4px -1px rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12);
left:calc(50% - 8px);
padding:25px;
position:fixed;
position:absolute;
top:calc(100% - 2px);
transform:translate(-50%, 0%);
width:211px
}
}
@media (max-width: 767px){
.sub-menu{
max-height:calc(100vh - 110px);
overflow-x:hidden;
overflow-y:scroll
}
}
.sub-menu:hover{
opacity:1;
pointer-events:inherit
}
.sub-menu__icon{
display:none
}
@media (min-width: 1280px){
.sub-menu__icon{
display:block;
left:50%;
position:absolute;
top:-18px;
transform:translateX(-50%)
}
}
.sub-menu__icon::before{
display:none
}
.sub-menu__icon .icon{
display:inline
}
.sub-menu__item{
margin:0
}
.sub-menu__item::before{
display:none
}
.sub-menu__link{
color:#525161;
display:block;
padding:16px 24px;
text-decoration:none
}
.sub-menu__link:hover,.sub-menu__link:focus{
color:#006aeb
}
.sub-menu__link:visited{
color:inherit
}
@media (min-width: 768px){
.sub-menu__link{
padding:19px 33px
}
}
@media (min-width: 1280px){
.sub-menu__link{
padding:6px
}
}
.sub-menu__link .link__content{
line-height:18px
}
@media (max-width: 1279px){
.sub-menu__link .link__content{
font-weight:600
}
}
@media (max-width: 767px){
.sub-menu__link .link__content{
font-size:20px;
line-height:24px
}
}
@media (min-width: 768px) and (max-width: 1279px){
.sub-menu__link .link__content{
font-size:24px;
line-height:28px
}
}
.sub-menu__back{
margin-top:44px
}
@media (min-width: 768px){
.sub-menu__back{
margin-top:64px
}
}
@media (min-width: 1280px){
.sub-menu__back{
display:none
}
}
.sub-menu__back-icon-wrapper{
display:inline-block;
height:18px;
margin-right:8px
}
.sub-menu__back-button{
-ms-flex-align:center;
align-items:center;
background:none;
border:0;
color:#006aeb;
display:-ms-flexbox;
display:flex;
font-size:16px;
font-weight:bold;
line-height:18px;
padding:11px 24px
}
@media (min-width: 768px){
.sub-menu__back-button{
padding:19px 33px
}
}
@media (min-width: 768px){
.sub-menu__back-button{
font-size:18px
}
}
.provider-logo{
display:block;
height:32px;
margin:24px 0
}
.provider-logo--center{
margin:20px auto
}
.provider-logo--right{
margin:20px 0 20px auto
}
.provider-logo--color{
display:none
}
.provider-logo--grey,.provider-logo--color{
height:24px
}
@media (min-width: 768px){
.provider-logo--grey,.provider-logo--color{
height:35px
}
}
.content-card .provider-logo:first-child{
margin-top:0
}
.search-wrapper{
margin:-8px 0 56px;
padding:0
}
@media (min-width: 768px){
.search-wrapper{
max-width:336px;
padding-right:24px;
width:336px
}
}
@media (min-width: 1280px){
.search-wrapper{
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column;
height:100%;
-ms-flex-pack:end;
justify-content:flex-end;
margin:0;
max-width:100%;
padding:0 20px 0 0;
width:100%
}
}
.search-wrapper .search-form{
border-bottom:solid 1px #cbd1d7;
display:-ms-flexbox;
display:flex;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
margin-bottom:8px
}
.search-wrapper .search-field{
background:none;
border:none;
font-size:16px;
line-height:16px;
margin:2px 0 0 9px;
outline:none;
width:100%
}
.search-wrapper .search-submit{
background:none;
border:none;
margin-top:9px
}
.search-wrapper .search-submit svg{
max-height:18px
}
.search-wrapper .search-reset{
background:none;
border:none;
margin-top:9px;
transform:rotate(45deg)
}
.search-wrapper .search-reset svg{
max-height:16px
}
.section{
margin:64px auto;
padding:64px 0
}
@media (min-width: 768px){
.section{
margin:80px auto;
padding:80px 0
}
}
@media (min-width: 1280px){
.section{
margin:120px auto;
padding:120px 0
}
}
.section h1:first-child,.section h2:first-child{
margin-top:0
}
div.tabs__panel .section{
margin-top:64px
}
.section--layered{
margin:0;
position:relative
}
@media (min-width: 768px){
.section--layered{
margin-top:-120px;
padding-top:218px
}
}
.section--layered h2{
margin-top:0
}
.section--no-margin{
margin:0
}
@media (min-width: 768px){
.section--no-margin{
margin:0
}
}
@media (min-width: 1280px){
.section--no-margin{
margin:0
}
}
.section--no-padding{
padding:0
}
@media (min-width: 768px){
.section--no-padding{
padding:0
}
}
@media (min-width: 1280px){
.section--no-padding{
padding:0
}
}
.section--geo{
margin:32px 0 25px 0;
padding:0
}
.section--geo .headline,.section--geo h1,.section--geo h2,.section--geo h3,.section--geo h4,.section--geo h5,.section--geo h6{
margin-top:0
}
@media (min-width: 768px){
.section--geo{
margin:80px auto
}
}
@media (min-width: 1280px){
.section--geo{
margin:120px auto
}
}
.section--related-resources{
overflow:hidden
}
.section[id="jump-to-card"]{
overflow:hidden
}
.sidebar__filter-title{
border:1px solid #cbd1d7;
border-bottom:0;
border-top-left-radius:8px;
border-top-right-radius:8px;
margin:0;
padding:24px
}
.sidebar .accordion__item{
background:none
}
.sidebar .accordion__content{
padding-bottom:6px;
padding-top:0
}
.sidebar .accordion__content:empty{
padding-bottom:0
}
[data-app-type="providers"] .sidebar .accordion__content{
padding-bottom:10px
}
.sidebar .accordion__chevron{
right:31px;
top:26px
}
.sidebar .accordion .checkbox-radio{
margin-bottom:13px
}
.tabs{
border-bottom:1px solid #e3e8e8;
margin:56px 0 40px;
max-width:352px;
padding:0;
position:relative
}
@media (min-width: 768px){
.tabs{
margin:72px 0 48px;
max-width:776px
}
}
@media (min-width: 1280px){
.tabs{
margin:88px 0 64px;
max-width:1280px
}
}
.tabs--fixed{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-ms-flex-pack:start;
justify-content:flex-start;
overflow-x:scroll;
overflow-y:hidden
}
.tabs--fixed .tabs__tab{
width:100%
}
.tabs--fixed .tabs__button{
-ms-flex-align:center;
align-items:center;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
width:100%
}
@media (min-width: 768px){
.tabs--fixed{
-ms-flex-pack:distribute;
justify-content:space-around;
overflow-x:hidden
}
}
.tabs--more{
max-width:100%;
white-space:nowrap
}
.tabs--icon{
display:-ms-flexbox;
display:flex;
overflow-x:scroll;
overflow-y:hidden
}
@media (min-width: 768px){
.tabs--icon{
overflow-x:hidden
}
}
.tabs__button{
background-color:inherit;
border:none;
border-bottom:3px solid transparent;
cursor:pointer;
font-size:16px;
font-weight:bold;
height:100%;
padding:16px 24px
}
.tabs__button:focus{
outline:none
}
@media (min-width: 768px){
.tabs__button{
padding:16px 40px
}
}
.tabs__button svg{
height:20px;
margin-right:12px
}
.tabs__button:hover{
border-bottom:solid 3px #525161
}
.tabs__button--icon{
border:1px solid #cbd1d7;
border-radius:4px;
margin-right:16px;
padding:16px;
white-space:nowrap
}
@media (min-width: 768px){
.tabs__button--icon{
border:initial;
border-radius:initial
}
}
.tabs__button--icon .active{
border:solid 1px #006aeb;
color:#006aeb
}
@media (min-width: 768px){
.tabs__button--icon .active{
border:initial;
border-bottom:solid 3px #006aeb
}
}
.tabs .active{
border-bottom:solid 3px #006aeb;
color:#006aeb
}
.tabs__tab{
display:inline-block;
font-weight:bold;
list-style:none;
margin-bottom:0
}
.tabs__tab::before{
display:none !important
}
.tabs__tab--invisible{
opacity:0;
pointer-events:none
}
.tabs__panel .active{
display:block
}
.tabs__panel .active ~ .active{
display:none
}
.tabs__panel img{
display:none
}
@media (min-width: 1280px){
.tabs__panel img{
display:block
}
}
.tabs__panel .button{
margin-top:32px
}
@media (min-width: 768px){
.tabs__panel .button{
margin-top:48px
}
}
.tabs__panel .has-2-columns{
-ms-flex-pack:justify;
justify-content:space-between
}
.tabs__panel .has-2-columns .wp-block-column{
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
@media (min-width: 1280px){
.tabs__panel .has-2-columns .wp-block-column{
-ms-flex:0 0 41.66667%;
flex:0 0 41.66667%;
max-width:41.66667%
}
.tabs__panel .has-2-columns .wp-block-column:first-child{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.tabs__panel .has-2-columns .wp-block-column h2{
margin-top:0
}
}
.tabs--contract{
border-width:0;
margin-bottom:0;
margin-top:0
}
.tabs--contract .tabs__tab{
width:50%
}
.tabs--contract .tabs__button{
border-width:2px;
padding:16px;
width:100%
}
.tabs-more{
position:absolute;
right:0;
top:0
}
.tabs-more__button{
color:#525161;
cursor:pointer;
display:-ms-flexbox;
display:flex;
height:52px;
-ms-flex-pack:space-evenly;
justify-content:space-evenly;
padding-left:0;
padding-right:0;
width:78px
}
.tabs-more__button svg{
position:static
}
.tabs-more__dropdown{
background:#fff;
border-radius:6px;
box-shadow:0 1px 10px 0 rgba(0,0,0,0.12),0 4px 5px 0 rgba(0,0,0,0.14),0 2px 4px -1px rgba(0,0,0,0.02);
position:absolute;
right:6px;
top:calc(100% + 14px);
width:78px;
z-index:10
}
@media (min-width: 768px){
.tabs-more__dropdown{
right:0;
width:160px
}
}
.tabs-more__dropdown-triangle{
display:-ms-flexbox;
display:flex
}
.tabs-more__dropdown-triangle svg{
display:block;
margin:-14px auto 0
}
@media (min-width: 768px){
.tabs-more__dropdown-triangle svg{
margin:-14px 22px 0 auto
}
}
.tabs-more__dropdown .tabs__tab{
display:block
}
.tabs-more__dropdown .tabs__tab--invisible{
opacity:1;
pointer-events:initial
}
.tabs-more__dropdown .tabs__button{
cursor:pointer;
padding-left:0;
padding-right:0;
white-space:normal;
width:100%
}
.tabs-more__dropdown .tabs__button:focus,.tabs-more__dropdown .tabs__button:hover,.tabs-more__dropdown .tabs__button .active{
border:0;
outline:0
}
.nav li::before{
display:none
}
.nav-tabs{
border-bottom:1px solid #e3e8e8
}
.nav-tabs.row{
margin:0
}
.nav-tabs .nav-link{
border:none;
color:#000;
width:100%
}
.nav-tabs .nav-link.active{
border:solid 1px #006aeb;
color:#006aeb
}
@media (min-width: 768px){
.nav-tabs .nav-link.active{
border:initial;
border-bottom:solid 3px #006aeb
}
}
.nav-tabs .nav-link.active g{
fill:#006aeb
}
.nav-tabs .nav-link:hover{
border-bottom:solid 3px #525161
}
.nav .nav-item{
margin-bottom:0;
padding:0
}
.nav-link{
background-color:inherit;
cursor:pointer;
font-size:16px;
font-weight:bold;
padding:16px 24px
}
@media (min-width: 768px){
.nav-link{
padding:16px 40px
}
}
.nav svg{
height:20px
}
.nav svg g{
fill:#525161
}
@media (min-width: 768px){
.nav svg{
left:-6px;
position:relative
}
}
.tooltip{
border-radius:4px;
box-shadow:0 2px 4px -1px rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12);
color:#e3e8e8;
display:block;
font-size:16px;
line-height:24px;
max-width:320px;
position:absolute;
visibility:visible
}
.tooltip-trigger{
background:transparent;
border:none;
cursor:pointer;
margin:0;
outline:none;
padding:0
}
.tooltip-hidden{
display:none
}
.tooltip-placement-bottom .tooltip__arrow{
left:50%
}
.tooltip-placement-bottomLeft .tooltip__arrow{
left:30px
}
.tooltip-placement-bottomRight .tooltip__arrow{
right:30px
}
.tooltip-placement-top .tooltip__arrow{
left:50%
}
.tooltip-placement-topLeft .tooltip__arrow{
left:30px
}
.tooltip-placement-topRight .tooltip__arrow{
right:30px
}
.tooltip__arrow{
border-color:transparent;
border-style:solid;
height:0;
position:absolute;
width:0
}
.tooltip__content{
background-color:#32313a;
border-radius:4px;
padding:16px;
position:relative
}
.tooltip__content--dismissable:not(.tooltip__content--interactive){
padding:16px 16px 50px;
position:relative
}
@media (min-width: 768px){
.tooltip__content--dismissable:not(.tooltip__content--interactive) .tooltip__dismiss{
display:none
}
}
@media (min-width: 768px){
.tooltip__content--dismissable:not(.tooltip__content--interactive){
padding:16px
}
}
.tooltip__content--interactive{
padding:16px 16px 50px;
position:relative
}
.tooltip__content--light{
background:#fff;
color:#32313a
}
.tooltip__content--light .tooltip__dismiss{
color:#006aeb
}
.tooltip__dismiss{
background:transparent;
border:none;
bottom:16px;
color:#fff;
cursor:pointer;
font-weight:bold;
margin:0;
outline:none;
padding:0;
position:absolute;
right:16px
}
.tooltip__overlay{
background:transparent;
border:none;
bottom:0;
left:0;
margin:0;
outline:none;
padding:0;
position:fixed;
top:0;
width:100%
}
.tooltip-placement-top .tooltip__arrow,.tooltip-placement-topLeft .tooltip__arrow,.tooltip-placement-topRight .tooltip__arrow{
border-top-color:#32313a;
border-width:16px 16px 0;
bottom:-8px;
margin-left:-16px
}
.tooltip-placement-top .tooltip__arrow--light,.tooltip-placement-topLeft .tooltip__arrow--light,.tooltip-placement-topRight .tooltip__arrow--light{
border-top-color:#fff
}
.tooltip-placement-bottom .tooltip__arrow,.tooltip-placement-bottomLeft .tooltip__arrow,.tooltip-placement-bottomRight .tooltip__arrow{
border-bottom-color:#32313a;
border-width:0 16px 16px;
margin-left:-16px;
top:-8px
}
.tooltip-placement-bottom .tooltip__arrow--light,.tooltip-placement-bottomLeft .tooltip__arrow--light,.tooltip-placement-bottomRight .tooltip__arrow--light{
border-bottom-color:#fff
}
.popover{
border:none;
box-shadow:0 2px 4px -1px rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12);
font-size:16px;
line-height:24px;
max-width:320px;
transform:translateY(8px);
z-index:10
}
.popover .popover-body{
border-radius:4px;
color:#fff;
max-width:320px;
padding:16px
}
.popover .popover-heading{
font-weight:bold;
margin-bottom:16px
}
.popover--dark .popover-body{
background-color:#32313a;
color:#e3e8e8
}
.popover--dark .popover-body .body-copy,.popover--dark .popover-body p,.popover--dark .popover-body p{
color:inherit
}
.popover--dark.bs-popover-bottom>.arrow::after,.popover--dark .bs-popover-auto[x-placement^="bottom"][role^="tooltip"]>.arrow::after{
border-bottom-color:#32313a
}
.popover--dark.bs-popover-top>.arrow::after,.popover--dark .bs-popover-auto[x-placement^="top"][role^="tooltip"]>.arrow::after{
border-top-color:#32313a
}
.popover--dark.bs-popover-right>.arrow::after,.popover--dark .bs-popover-auto[x-placement^="right"][role^="tooltip"]>.arrow::after{
border-right-color:#32313a
}
.popover--dark.bs-popover-left>.arrow::after,.popover--dark .bs-popover-auto[x-placement^="left"][role^="tooltip"]>.arrow::after{
border-left-color:#32313a
}
.popover--light .popover-body{
background-color:#fff;
color:#32313a
}
.popover--light.bs-popover-bottom>.arrow::after,.popover--light .bs-popover-auto[x-placement^="bottom"][role^="tooltip"]>.arrow::after{
border-bottom-color:#fff
}
.popover--light.bs-popover-top>.arrow::after,.popover--light .bs-popover-auto[x-placement^="top"][role^="tooltip"]>.arrow::after{
border-top-color:#fff
}
.popover--light.bs-popover-right>.arrow::after,.popover--light .bs-popover-auto[x-placement^="right"][role^="tooltip"]>.arrow::after{
border-right-color:#fff
}
.popover--light.bs-popover-left>.arrow::after,.popover--light .bs-popover-auto[x-placement^="left"][role^="tooltip"]>.arrow::after{
border-left-color:#fff
}
.position-fixed.admin-bar #wpadminbar{
top:-46px
}
@media (min-width: 768px){
.position-fixed.admin-bar #wpadminbar{
top:0
}
}
.zip-form,.electricity-zip-form{
-ms-flex-line-pack:center;
align-content:center;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:start;
justify-content:flex-start;
margin-top:31px
}
@media (min-width: 768px){
.zip-form,.electricity-zip-form{
-ms-flex-align:start;
align-items:flex-start
}
}
.zip-form__button{
margin-right:auto
}
.zip-form button a,.electricity-zip-form button a{
color:#fff;
text-decoration:none
}
.zip-form .input-text-field,.electricity-zip-form .input-text-field{
margin:0 15px 0 0;
width:232px
}
.zip-form .input-text-field__icon svg,.electricity-zip-form .input-text-field__icon svg{
vertical-align:text-top
}
@media (max-width: 360px){
.zip-form .input-text-field,.electricity-zip-form .input-text-field{
width:214px
}
}
@media (min-width: 768px){
.zip-form .input-text-field,.electricity-zip-form .input-text-field{
margin:0 21px 0 0;
width:260px
}
}
.zip-search-form{
display:inline-block;
width:92px
}
@media (min-width: 768px){
.zip-search-form{
width:161px
}
}
.zip-search-form .input-text-field{
padding:0 0 0 4px
}
@media (min-width: 768px){
.zip-search-form .input-text-field{
padding:0 0 0 10px
}
}
.zip-search-form .input-text-field__error-text{
color:red;
font-weight:bold;
left:50%;
margin-top:5px;
position:absolute;
text-align:center;
transform:translateX(-47%);
width:130%
}
@media (min-width: 768px){
.zip-search-form .input-text-field__error-text{
margin-top:8px;
width:100%
}
}
.zip-search-form .input-text-field--active .input-text-field__input{
padding:0 0 0 5px
}
.zip-search-form .input-text-field--error .input-text-field__input{
border:none;
border-bottom:2px solid red;
padding:0 0 0 5px
}
.zip-search-form .input-text-field--success .input-text-field__input{
border:none;
border-bottom:2px solid #027e17;
padding:0 0 0 5px
}
.zip-search-form .input-text-field:not(.input-text-field--error) .input-text-field__input:focus{
border:none;
border-bottom:2px solid #525161;
padding:0 0 0 5px
}
.zip-search-form__input{
background-color:transparent;
border:none;
border-bottom:2px solid #cbd1d7;
border-radius:0;
color:#006aeb;
font-family:"Times New Roman",serif;
font-size:28px;
line-height:32px;
padding:0 0 0 5px
}
.fonts-loaded .zip-search-form__input{
font-family:"operetta-8","Times New Roman",serif
}
body:not(.fonts-loaded) .zip-search-form__input{
font-family:"Times New Roman",serif;
letter-spacing:1.1px
}
@media (min-width: 768px){
.zip-search-form__input{
font-size:48px;
line-height:52px
}
}
.zip-search-form__input:not(:-ms-input-placeholder){
padding:0 0 0 4px
}
.zip-search-form__input:not(:placeholder-shown){
padding:0 0 0 4px
}
@media (min-width: 768px){
.zip-search-form__input:not(:-ms-input-placeholder){
padding:0 0 0 10px
}
.zip-search-form__input:not(:placeholder-shown){
padding:0 0 0 10px
}
}
.zip-search-form__input:-ms-input-placeholder{
color:#cbd1d7;
opacity:1
}
.zip-search-form__input::placeholder{
color:#cbd1d7;
opacity:1
}
.zip-search-form--small{
width:72px
}
.zip-search-form--small .zip-search-form__input{
font-family:"Proxima Nova";
font-size:20px;
font-weight:bold;
line-height:24px;
padding:0
}
.zip-search-form--small .input-text-field--active .input-text-field__input{
padding:0
}
.zip-search-form--small .input-text-field:not(.input-text-field--error) .input-text-field__input:focus{
padding:0
}
.speed-rec .zip-search-form__wrapper{
-ms-flex-align:center;
align-items:center;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
margin-bottom:24px
}
.speed-rec .zip-search-form__wrapper .sub-headline--2,.speed-rec .zip-search-form__wrapper .is-style-subhead-2{
margin:0 0 0 8px
}
.hamburger-button{
background:none;
border:none;
cursor:pointer;
display:block;
margin-left:-20px;
margin-right:5px;
-ms-flex-order:-1;
order:-1;
padding:20px
}
@media (min-width: 768px){
.hamburger-button{
margin-right:20px
}
}
@media (min-width: 1280px){
.hamburger-button{
display:none
}
}
.hamburger-button.is-open .hamburger-button__outer::before,.hamburger-button.is-open .hamburger-button__outer::after{
transform:rotate(45deg) translate(3px, -2px);
width:20px
}
@media (min-width: 768px){
.hamburger-button.is-open .hamburger-button__outer::before,.hamburger-button.is-open .hamburger-button__outer::after{
width:27px
}
}
.hamburger-button.is-open .hamburger-button__outer::after{
transform:rotate(-45deg) translate(1px, 2px)
}
.hamburger-button.is-open .hamburger-button__inner::before{
transform:scale(0) translate(100%, 0)
}
.hamburger-button.is-open ~ .overlay-shim{
opacity:0.64;
pointer-events:initial
}
.hamburger-button__outer{
display:block;
height:16px;
position:relative;
width:18px
}
@media (min-width: 768px){
.hamburger-button__outer{
height:21px;
width:24px
}
}
.hamburger-button__outer::before,.hamburger-button__outer::after{
background:black;
border-radius:1px;
content:"";
display:block;
height:2px;
left:0;
position:absolute;
top:0;
transform-origin:0 0;
transition:all 300ms ease;
width:100%
}
.hamburger-button__outer::after{
bottom:0;
top:auto
}
.hamburger-button__inner{
display:block
}
.hamburger-button__inner::before{
background:black;
border-radius:1px;
content:"";
display:block;
height:2px;
left:0;
position:absolute;
top:0;
transform-origin:0 0;
transition:all 300ms ease;
width:100%;
top:7px
}
@media (min-width: 768px){
.hamburger-button__inner::before{
top:10px
}
}
.overlay-shim{
background:#32313a;
bottom:0;
height:calc(100% - 98px);
left:0;
opacity:0;
pointer-events:none;
position:fixed;
top:64px;
transition:opacity 300ms ease;
width:100%;
z-index:5
}
@media (min-width: 768px){
.overlay-shim{
top:98px
}
}
@media (min-width: 1280px){
.overlay-shim{
display:none
}
}
.position-fixed.admin-bar .overlay-shim{
top:calc(64px + 46px)
}
@media (min-width: 768px){
.position-fixed.admin-bar .overlay-shim{
top:calc(98px + 32px)
}
}
.mininav.is-stuck .mininav-header{
margin-top:0
}
body.is-scrolling-down .mininav.is-stuck{
transform:translateY(-80px)
}
@media (max-width: 1279px){
.mininav-header{
z-index:11
}
}
.mininav-header-container{
background-color:white;
position:sticky;
top:-1px;
translate:transform(0);
z-index:12
}
@media (min-width: 1280px){
.mininav-header-container.is-stuck{
z-index:11
}
}
.mininav-header__logo{
transition:margin-right 300ms ease
}
.mininav-header__logo-image{
transition:width 300ms ease
}
.mininav-header__item::before{
display:none
}
.mininav-header__link:not(.no-arrow):not([data-header-panel-back])::after{
border:solid 2px #525161;
border-left:none;
border-top:none;
content:"";
display:inline-block;
height:8px;
margin-left:8px;
transform:rotate(-45deg) translateY(-2px);
transform-origin:5px 4px;
width:8px
}
@media (min-width: 1280px){
.mininav-header__link:not(.no-arrow):not([data-header-panel-back])::after{
content:"";
transform:rotate(45deg) translateY(-2px)
}
.mininav-header__link[aria-expanded="true"]{
color:#006aeb;
text-decoration:underline;
text-decoration-color:#006aeb;
text-decoration-thickness:2px
}
.mininav-header__link[aria-expanded="true"]:not(.no-arrow)::after{
border-color:#006aeb;
transform:rotate(-135deg) translateY(-2px)
}
}
@media (max-width: 1279px){
.mininav-header__panel .header__panel-column-border{
width:calc(100% - 48px)
}
}
.mininav-header__panel .column--color+.header__panel-column-border{
display:none
}
.mininav-header__list-links>li{
break-inside:avoid
}
@media (min-width: 1280px){
.inverted-nav .header-container:not(.is-stuck){
background-color:transparent
}
.inverted-nav .header-container:not(.is-stuck) .header,.inverted-nav .header-container:not(.is-stuck) .header__navigation{
background-color:transparent
}
.inverted-nav .header-container:not(.is-stuck) .header__phone{
color:#fff
}
}
@media (min-width: 1280px) and (min-width: 1280px){
.inverted-nav .header-container:not(.is-stuck) .header__logo-image{
filter:brightness(0) invert(1)
}
}
@media (min-width: 1280px){
.inverted-nav .header-container:not(.is-stuck) .header__link{
color:#fff
}
}
@media (min-width: 1280px) and (min-width: 1280px){
.inverted-nav .header-container:not(.is-stuck) .header__link[aria-expanded="true"]{
text-decoration-color:#fff
}
.inverted-nav .header-container:not(.is-stuck) .header__link:not(.no-arrow):not([data-header-panel-back])::after{
border-color:#fff
}
}
.hero{
max-width:1200px;
padding:0;
position:relative
}
.hero:first-of-type{
margin-bottom:0;
margin-top:0
}
@media (min-width: 1280px){
.hero:first-of-type .flex-image{
width:700px
}
}
@media (min-width: 1280px){
.hero .flex-image{
width:596px
}
}
.hero__container{
padding-bottom:22px;
padding-top:22px
}
@media (min-width: 768px){
.hero__container{
padding-bottom:51px;
padding-top:51px
}
}
@media (min-width: 1280px){
.hero__container{
padding-bottom:120px;
padding-top:120px
}
}
.hero__container--geo{
padding:60px 0;
position:static
}
@media (min-width: 768px){
.hero__container--geo{
padding-bottom:120px;
padding-top:120px
}
}
@media (min-width: 1280px){
.hero__content h1.is-style-h1{
margin-bottom:48px
}
}
@media (min-width: 768px){
.hero__content .provider-logo{
margin-bottom:40px
}
}
@media (min-width: 1280px){
.hero__content .provider-logo{
margin-bottom:48px
}
}
.hero__provider-logo{
margin-bottom:48px;
margin-bottom:20px;
margin-top:20px
}
@media (min-width: 768px){
.hero__provider-logo{
margin-bottom:24px;
margin-top:24px
}
}
@media (min-width: 1280px){
.hero__provider-logo{
margin-bottom:32px;
margin-top:32px
}
}
.hero__provider-logo:first-child{
margin-top:0
}
.hero__content--image{
margin-top:64px
}
@media (min-width: 768px){
.hero__content--image{
margin-top:80px
}
}
@media (min-width: 1280px){
.hero__content--image{
bottom:0;
margin-top:0;
position:absolute;
top:0
}
}
@media (min-width: 1280px){
.hero__content--image-left{
left:-120px
}
}
@media (min-width: 1280px){
.hero__content--image-right{
right:-120px
}
}
@keyframes slide-in-up{
from{
transform:translateY(10%)
}
to{
transform:translateY(0)
}
}
@keyframes slide-in-up-full{
from{
transform:translateY(100%)
}
to{
transform:translateY(0)
}
}
@keyframes fade-in-up{
from{
opacity:0;
transform:translateY(10%)
}
to{
opacity:1;
transform:translateY(0)
}
}
@keyframes fade-in-down{
from{
opacity:0;
transform:translateY(-10%)
}
to{
opacity:1;
transform:translateY(0)
}
}
@keyframes fade-out-down{
from{
opacity:1;
transform:translateY(0)
}
to{
opacity:0;
transform:translateY(10%)
}
}
@keyframes fade-out-down-full{
from{
transform:translateY(0)
}
to{
opacity:0;
transform:translateY(100%)
}
}
@keyframes scrim-fade-in{
from{
background-color:rgba(50,49,58,0)
}
to{
background-color:rgba(50,49,58,0.64)
}
}
@keyframes fade-out{
from{
opacity:1
}
to{
opacity:0
}
}
@keyframes fade-in{
from{
opacity:0
}
to{
opacity:1
}
}
.fade-in{
animation:fade-in 600ms forwards;
opacity:0
}
.fade-out{
animation:fade-out 300ms forwards;
opacity:1
}
@keyframes do-nothing{
from{
}
to{
}
}
@keyframes spin{
from{
transform:rotate(0deg)
}
to{
transform:rotate(360deg)
}
}
@keyframes line-chart-animation{
0%{
width:0
}
10%{
opacity:1
}
100%{
opacity:1
}
}
@keyframes circle-chart-animation{
0%{
stroke-dasharray:0 100
}
10%{
opacity:1
}
100%{
opacity:1
}
}
@keyframes shimmer{
from{
transform:translateX(-200px)
}
to{
transform:translateX(616px)
}
}
.animation-delay--2000{
animation-delay:2s
}
@keyframes increaseScaleY{
0%{
transform:scaleY(0)
}
100%{
transform:scaleY(1)
}
}
@keyframes swiggle{
0%,100%{
transform:translate(0, 0%)
}
50%{
transform:translate(30px, 0)
}
}
.fade{
transition:opacity 0.15s linear
}
@media (prefers-reduced-motion: reduce){
.fade{
transition:none
}
}
.fade:not(.show){
opacity:0
}
.collapse:not(.show){
display:none
}
.collapsing{
position:relative;
height:0;
overflow:hidden;
transition:height 0.35s ease
}
@media (prefers-reduced-motion: reduce){
.collapsing{
transition:none
}
}
.nav{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding-left:0;
margin-bottom:0;
list-style:none
}
.nav-link{
display:block;
padding:.5rem 1rem
}
.nav-link:hover,.nav-link:focus{
text-decoration:none
}
.nav-link.disabled{
color:#6c757d;
pointer-events:none;
cursor:default
}
.nav-tabs{
border-bottom:1px solid #dee2e6
}
.nav-tabs .nav-link{
margin-bottom:-1px;
border:1px solid transparent;
border-top-left-radius:.25rem;
border-top-right-radius:.25rem
}
.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{
border-color:#e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled{
color:#6c757d;
background-color:transparent;
border-color:transparent
}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{
color:#495057;
background-color:#fff;
border-color:#dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu{
margin-top:-1px;
border-top-left-radius:0;
border-top-right-radius:0
}
.nav-pills .nav-link{
border-radius:.25rem
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
color:#fff;
background-color:#007bff
}
.nav-fill>.nav-link,.nav-fill .nav-item{
-ms-flex:1 1 auto;
flex:1 1 auto;
text-align:center
}
.nav-justified>.nav-link,.nav-justified .nav-item{
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
text-align:center
}
.tab-content>.tab-pane{
display:none
}
.tab-content>.active{
display:block
}
.popover{
position:absolute;
top:0;
left:0;
z-index:1060;
display:block;
max-width:276px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-style:normal;
font-weight:400;
line-height:1.5;
text-align:left;
text-align:start;
text-decoration:none;
text-shadow:none;
text-transform:none;
letter-spacing:normal;
word-break:normal;
word-spacing:normal;
white-space:normal;
line-break:auto;
font-size:.875rem;
word-wrap:break-word;
background-color:#fff;
background-clip:padding-box;
border:1px solid rgba(0,0,0,0.2);
border-radius:.3rem
}
.popover .arrow{
position:absolute;
display:block;
width:1rem;
height:.5rem;
margin:0 .3rem
}
.popover .arrow::before,.popover .arrow::after{
position:absolute;
display:block;
content:"";
border-color:transparent;
border-style:solid
}
.bs-popover-top,.bs-popover-auto[x-placement^="top"]{
margin-bottom:.5rem
}
.bs-popover-top>.arrow,.bs-popover-auto[x-placement^="top"]>.arrow{
bottom:calc(-.5rem - 1px)
}
.bs-popover-top>.arrow::before,.bs-popover-auto[x-placement^="top"]>.arrow::before{
bottom:0;
border-width:.5rem .5rem 0;
border-top-color:rgba(0,0,0,0.25)
}
.bs-popover-top>.arrow::after,.bs-popover-auto[x-placement^="top"]>.arrow::after{
bottom:1px;
border-width:.5rem .5rem 0;
border-top-color:#fff
}
.bs-popover-right,.bs-popover-auto[x-placement^="right"]{
margin-left:.5rem
}
.bs-popover-right>.arrow,.bs-popover-auto[x-placement^="right"]>.arrow{
left:calc(-.5rem - 1px);
width:.5rem;
height:1rem;
margin:.3rem 0
}
.bs-popover-right>.arrow::before,.bs-popover-auto[x-placement^="right"]>.arrow::before{
left:0;
border-width:.5rem .5rem .5rem 0;
border-right-color:rgba(0,0,0,0.25)
}
.bs-popover-right>.arrow::after,.bs-popover-auto[x-placement^="right"]>.arrow::after{
left:1px;
border-width:.5rem .5rem .5rem 0;
border-right-color:#fff
}
.bs-popover-bottom,.bs-popover-auto[x-placement^="bottom"]{
margin-top:.5rem
}
.bs-popover-bottom>.arrow,.bs-popover-auto[x-placement^="bottom"]>.arrow{
top:calc(-.5rem - 1px)
}
.bs-popover-bottom>.arrow::before,.bs-popover-auto[x-placement^="bottom"]>.arrow::before{
top:0;
border-width:0 .5rem .5rem .5rem;
border-bottom-color:rgba(0,0,0,0.25)
}
.bs-popover-bottom>.arrow::after,.bs-popover-auto[x-placement^="bottom"]>.arrow::after{
top:1px;
border-width:0 .5rem .5rem .5rem;
border-bottom-color:#fff
}
.bs-popover-bottom .popover-header::before,.bs-popover-auto[x-placement^="bottom"] .popover-header::before{
position:absolute;
top:0;
left:50%;
display:block;
width:1rem;
margin-left:-.5rem;
content:"";
border-bottom:1px solid #f7f7f7
}
.bs-popover-left,.bs-popover-auto[x-placement^="left"]{
margin-right:.5rem
}
.bs-popover-left>.arrow,.bs-popover-auto[x-placement^="left"]>.arrow{
right:calc(-.5rem - 1px);
width:.5rem;
height:1rem;
margin:.3rem 0
}
.bs-popover-left>.arrow::before,.bs-popover-auto[x-placement^="left"]>.arrow::before{
right:0;
border-width:.5rem 0 .5rem .5rem;
border-left-color:rgba(0,0,0,0.25)
}
.bs-popover-left>.arrow::after,.bs-popover-auto[x-placement^="left"]>.arrow::after{
right:1px;
border-width:.5rem 0 .5rem .5rem;
border-left-color:#fff
}
.popover-header{
padding:.5rem .75rem;
margin-bottom:0;
font-size:1rem;
background-color:#f7f7f7;
border-bottom:1px solid #ebebeb;
border-top-left-radius:calc(.3rem - 1px);
border-top-right-radius:calc(.3rem - 1px)
}
.popover-header:empty{
display:none
}
.popover-body{
padding:.5rem .75rem;
color:#212529
}
.tooltip{
position:absolute;
z-index:1070;
display:block;
margin:0;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-style:normal;
font-weight:400;
line-height:1.5;
text-align:left;
text-align:start;
text-decoration:none;
text-shadow:none;
text-transform:none;
letter-spacing:normal;
word-break:normal;
word-spacing:normal;
white-space:normal;
line-break:auto;
font-size:.875rem;
word-wrap:break-word;
opacity:0
}
.tooltip.show{
opacity:.9
}
.tooltip .arrow{
position:absolute;
display:block;
width:.8rem;
height:.4rem
}
.tooltip .arrow::before{
position:absolute;
content:"";
border-color:transparent;
border-style:solid
}
.bs-tooltip-top,.bs-tooltip-auto[x-placement^="top"]{
padding:.4rem 0
}
.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^="top"] .arrow{
bottom:0
}
.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^="top"] .arrow::before{
top:0;
border-width:.4rem .4rem 0;
border-top-color:#000
}
.bs-tooltip-right,.bs-tooltip-auto[x-placement^="right"]{
padding:0 .4rem
}
.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^="right"] .arrow{
left:0;
width:.4rem;
height:.8rem
}
.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^="right"] .arrow::before{
right:0;
border-width:.4rem .4rem .4rem 0;
border-right-color:#000
}
.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^="bottom"]{
padding:.4rem 0
}
.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^="bottom"] .arrow{
top:0
}
.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^="bottom"] .arrow::before{
bottom:0;
border-width:0 .4rem .4rem;
border-bottom-color:#000
}
.bs-tooltip-left,.bs-tooltip-auto[x-placement^="left"]{
padding:0 .4rem
}
.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^="left"] .arrow{
right:0;
width:.4rem;
height:.8rem
}
.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^="left"] .arrow::before{
left:0;
border-width:.4rem 0 .4rem .4rem;
border-left-color:#000
}
.tooltip-inner{
max-width:200px;
padding:.25rem .5rem;
color:#fff;
text-align:center;
background-color:#000;
border-radius:.25rem
}
.modal-open{
overflow:hidden
}
.modal-open .modal{
overflow-x:hidden;
overflow-y:auto
}
.modal{
position:fixed;
top:0;
left:0;
z-index:1050;
display:none;
width:100%;
height:100%;
overflow:hidden;
outline:0
}
.modal-dialog{
position:relative;
width:auto;
margin:.5rem;
pointer-events:none
}
.modal.fade .modal-dialog{
transition:transform 0.3s ease-out;
transform:translate(0, -50px)
}
@media (prefers-reduced-motion: reduce){
.modal.fade .modal-dialog{
transition:none
}
}
.modal.show .modal-dialog{
transform:none
}
.modal.modal-static .modal-dialog{
transform:scale(1.02)
}
.modal-dialog-scrollable{
display:-ms-flexbox;
display:flex;
max-height:calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content{
max-height:calc(100vh - 1rem);
overflow:hidden
}
.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{
-ms-flex-negative:0;
flex-shrink:0
}
.modal-dialog-scrollable .modal-body{
overflow-y:auto
}
.modal-dialog-centered{
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
min-height:calc(100% - 1rem)
}
.modal-dialog-centered::before{
display:block;
height:calc(100vh - 1rem);
height:min-content;
content:""
}
.modal-dialog-centered.modal-dialog-scrollable{
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-pack:center;
justify-content:center;
height:100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content{
max-height:none
}
.modal-dialog-centered.modal-dialog-scrollable::before{
content:none
}
.modal-content{
position:relative;
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column;
width:100%;
pointer-events:auto;
background-color:#fff;
background-clip:padding-box;
border:1px solid rgba(0,0,0,0.2);
border-radius:.3rem;
outline:0
}
.modal-backdrop{
position:fixed;
top:0;
left:0;
z-index:1040;
width:100vw;
height:100vh;
background-color:#000
}
.modal-backdrop.fade{
opacity:0
}
.modal-backdrop.show{
opacity:.5
}
.modal-header{
display:-ms-flexbox;
display:flex;
-ms-flex-align:start;
align-items:flex-start;
-ms-flex-pack:justify;
justify-content:space-between;
padding:1rem 1rem;
border-bottom:1px solid #dee2e6;
border-top-left-radius:calc(.3rem - 1px);
border-top-right-radius:calc(.3rem - 1px)
}
.modal-header .close{
padding:1rem 1rem;
margin:-1rem -1rem -1rem auto
}
.modal-title{
margin-bottom:0;
line-height:1.5
}
.modal-body{
position:relative;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding:1rem
}
.modal-footer{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:end;
justify-content:flex-end;
padding:.75rem;
border-top:1px solid #dee2e6;
border-bottom-right-radius:calc(.3rem - 1px);
border-bottom-left-radius:calc(.3rem - 1px)
}
.modal-footer>*{
margin:.25rem
}
.modal-scrollbar-measure{
position:absolute;
top:-9999px;
width:50px;
height:50px;
overflow:scroll
}
@media (min-width: 336px){
.modal-dialog{
max-width:500px;
margin:1.75rem auto
}
.modal-dialog-scrollable{
max-height:calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content{
max-height:calc(100vh - 3.5rem)
}
.modal-dialog-centered{
min-height:calc(100% - 3.5rem)
}
.modal-dialog-centered::before{
height:calc(100vh - 3.5rem);
height:min-content
}
.modal-sm{
max-width:300px
}
}
@media (min-width: 1280px){
.modal-lg,.modal-xl{
max-width:800px
}
}
.modal-xl{
max-width:1140px
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
margin-bottom:.5rem;
font-weight:500;
line-height:1.2
}
h1,.h1{
font-size:2.5rem
}
h2,.h2{
font-size:2rem
}
h3,.h3{
font-size:1.75rem
}
h4,.h4{
font-size:1.5rem
}
h5,.h5{
font-size:1.25rem
}
h6,.h6{
font-size:1rem
}
.lead{
font-size:1.25rem;
font-weight:300
}
.display-1{
font-size:6rem;
font-weight:300;
line-height:1.2
}
.display-2{
font-size:5.5rem;
font-weight:300;
line-height:1.2
}
.display-3{
font-size:4.5rem;
font-weight:300;
line-height:1.2
}
.display-4{
font-size:3.5rem;
font-weight:300;
line-height:1.2
}
hr{
margin-top:1rem;
margin-bottom:1rem;
border:0;
border-top:1px solid rgba(0,0,0,0.1)
}
small,.small{
font-size:80%;
font-weight:400
}
mark,.mark{
padding:.2em;
background-color:#fcf8e3
}
.list-unstyled{
padding-left:0;
list-style:none
}
.list-inline{
padding-left:0;
list-style:none
}
.list-inline-item{
display:inline-block
}
.list-inline-item:not(:last-child){
margin-right:.5rem
}
.initialism{
font-size:90%;
text-transform:uppercase
}
.blockquote{
margin-bottom:1rem;
font-size:1.25rem
}
.blockquote-footer{
display:block;
font-size:80%;
color:#6c757d
}
.blockquote-footer::before{
content:"\2014\A0"
}
.close{
float:right;
font-size:1.5rem;
font-weight:700;
line-height:1;
color:#000;
text-shadow:0 1px 0 #fff;
opacity:.5
}
.close:hover{
color:#000;
text-decoration:none
}
.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus{
opacity:.75
}
button.close{
padding:0;
background-color:transparent;
border:0
}
a.close.disabled{
pointer-events:none
}
.embed-responsive{
position:relative;
display:block;
width:100%;
padding:0;
overflow:hidden
}
.embed-responsive::before{
display:block;
content:""
}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{
position:absolute;
top:0;
bottom:0;
left:0;
width:100%;
height:100%;
border:0
}
.embed-responsive-21by9::before{
padding-top:42.85714%
}
.embed-responsive-16by9::before{
padding-top:56.25%
}
.embed-responsive-4by3::before{
padding-top:75%
}
.embed-responsive-1by1::before{
padding-top:100%
}
.sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0, 0, 0, 0);
white-space:nowrap;
border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus{
position:static;
width:auto;
height:auto;
overflow:visible;
clip:auto;
white-space:normal
}
.popover-dark{
margin:-16px;
padding:16px;
width:280px
}
.popover-dark::before{
background:#32313a;
content:"";
display:block;
height:16px;
left:50%;
position:absolute;
top:0;
transform:translate(-50%, -50%) rotate(45deg);
width:16px
}
.bs-popover-top .popover-dark::before,.bs-popover-auto[x-placement^="top"] .popover-dark::before{
bottom:-16px;
top:auto
}
@media (max-width: 767px){
.popover .arrow::before,.popover .arrow::after{
display:none
}
}
.popover.bs-popover-top,.popover.bs-popover-auto[x-placement^="top"]{
transform:translateY(0)
}
.dropdown-menu{
display:none
}
.show .dropdown-menu{
display:block
}
@media (min-width: 768px){
.collapse.mobile-only-collapse:not(.show){
display:block
}
}
.container{
width:100%;
padding-right:12px;
padding-left:12px;
margin-right:auto;
margin-left:auto
}
@media (min-width: 336px){
.container{
width:100%;
padding-right:12px;
padding-left:12px;
margin-right:auto;
margin-left:auto
}
}
@media (min-width: 768px){
.container{
width:100%;
padding-right:16px;
padding-left:16px;
margin-right:auto;
margin-left:auto
}
}
@media (min-width: 1280px){
.container{
width:100%;
padding-right:20px;
padding-left:20px;
margin-right:auto;
margin-left:auto
}
}
@media (max-width: 1279px){
.container{
padding-left:32px;
padding-right:32px
}
}
@media (max-width: 767px){
.container{
padding-left:24px;
padding-right:24px
}
}
.row,.wp-block-columns{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-12px;
margin-left:-12px
}
@media (min-width: 336px){
.row,.wp-block-columns{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-12px;
margin-left:-12px
}
}
@media (min-width: 768px){
.row,.wp-block-columns{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-16px;
margin-left:-16px
}
}
@media (min-width: 1280px){
.row,.wp-block-columns{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-20px;
margin-left:-20px
}
}
.row>.col,.row>[class*="col-"],.wp-block-columns>.wp-block-column{
position:relative;
width:100%;
padding-right:12px;
padding-left:12px
}
@media (min-width: 336px){
.row>.col,.row>[class*="col-"],.wp-block-columns>.wp-block-column{
position:relative;
width:100%;
padding-right:12px;
padding-left:12px
}
}
@media (min-width: 768px){
.row>.col,.row>[class*="col-"],.wp-block-columns>.wp-block-column{
position:relative;
width:100%;
padding-right:16px;
padding-left:16px
}
}
@media (min-width: 1280px){
.row>.col,.row>[class*="col-"],.wp-block-columns>.wp-block-column{
position:relative;
width:100%;
padding-right:20px;
padding-left:20px
}
}
.no-gutters>.col,.no-gutters>[class*="col-"]{
padding-left:0;
padding-right:0
}
@media (min-width: 768px){
.md-no-gutters>.col,.md-no-gutters>[class*="col-"]{
padding-left:0;
padding-right:0
}
}
.no-outer-gutters>.col:first-of-type,.no-outer-gutters>[class*="col-"]:first-of-type{
padding-left:0
}
.no-outer-gutters>.col:last-of-type,.no-outer-gutters>[class*="col-"]:last-of-type{
padding-right:0
}
.text-fade{
background:transparent;
height:48px;
left:0;
position:absolute;
width:100%;
z-index:2
}
.text-fade--active{
background:linear-gradient(to bottom, rgba(237,246,255,0), #edf6ff 90%)
}
.text-fade--bottom{
bottom:0
}
.text-fade--top{
top:0
}
.h-text-align-center{
text-align:center
}
.h-text-align-right{
text-align:right
}
.is-color-gray-steel{
color:#32313a
}
.anim-delay-300{
animation-delay:300ms
}
.trans-delay-300{
transition-delay:300ms
}
.is-bg-white{
background:#fff
}
.is-bg-white p,.is-bg-white li{
color:#525161
}
.is-bg-pale-blue{
background:#edf6ff
}
.is-bg-light-gray{
background:#f2f7f7
}
.is-bg-medium-gray{
background:#ebf0f0
}
.is-bg-dark-gray{
background:#e3e8e8
}
.is-bg-steel-gray{
background:#32313a
}
.is-bg-slate-gray{
background:#525161;
color:#fff
}
.is-bg-gray-heather{
background:#cbd1d7
}
.is-bg-transparent{
background:transparent
}
@media (min-width: 768px){
.h-md-break-container{
left:calc(-1 * (100vw - 100%) / 2) !important;
position:relative;
width:100vw !important
}
}
@media (min-width: 1280px){
.h-lg-break-container{
left:calc(-1 * (100vw - 100%) / 2) !important;
position:relative;
width:100vw !important
}
}
.is-shadow-box,.is-small-shadow-box{
border-radius:8px;
box-shadow:0 1px 10px 0 rgba(0,0,0,0.12),0 4px 5px 0 rgba(0,0,0,0.14),0 2px 4px -1px rgba(0,0,0,0.02)
}
.is-small-shadow-box{
border-radius:4px
}
.h-transition-all{
transition:all 300ms ease
}
.h-spacer-1{
margin-bottom:56px;
margin-top:56px
}
@media (min-width: 768px){
.h-spacer-1{
margin-bottom:72px;
margin-top:72px
}
}
@media (min-width: 1280px){
.h-spacer-1{
margin-bottom:88px;
margin-top:88px
}
}
.h-spacer-2{
margin-bottom:40px;
margin-top:40px
}
@media (min-width: 768px){
.h-spacer-2{
margin-bottom:48px;
margin-top:48px
}
}
@media (min-width: 1280px){
.h-spacer-2{
margin-bottom:64px;
margin-top:64px
}
}
.h-spacer-3{
margin-bottom:24px;
margin-top:24px
}
@media (min-width: 768px){
.h-spacer-3{
margin-bottom:32px;
margin-top:32px
}
}
@media (min-width: 1280px){
.h-spacer-3{
margin-bottom:48px;
margin-top:48px
}
}
.h-spacer-4{
margin-bottom:20px;
margin-top:20px
}
@media (min-width: 768px){
.h-spacer-4{
margin-bottom:24px;
margin-top:24px
}
}
@media (min-width: 1280px){
.h-spacer-4{
margin-bottom:32px;
margin-top:32px
}
}
.h-spacer-1-padding{
padding-bottom:56px;
padding-top:56px
}
@media (min-width: 768px){
.h-spacer-1-padding{
padding-bottom:72px;
padding-top:72px
}
}
@media (min-width: 1280px){
.h-spacer-1-padding{
padding-bottom:88px;
padding-top:88px
}
}
.h-spacer-2-padding{
padding-bottom:40px;
padding-top:40px
}
@media (min-width: 768px){
.h-spacer-2-padding{
padding-bottom:48px;
padding-top:48px
}
}
@media (min-width: 1280px){
.h-spacer-2-padding{
padding-bottom:64px;
padding-top:64px
}
}
.h-spacer-3-padding{
padding-bottom:24px;
padding-top:24px
}
@media (min-width: 768px){
.h-spacer-3-padding{
padding-bottom:32px;
padding-top:32px
}
}
@media (min-width: 1280px){
.h-spacer-3-padding{
padding-bottom:48px;
padding-top:48px
}
}
.h-spacer-4-padding{
padding-bottom:20px;
padding-top:20px
}
@media (min-width: 768px){
.h-spacer-4-padding{
padding-bottom:24px;
padding-top:24px
}
}
@media (min-width: 1280px){
.h-spacer-4-padding{
padding-bottom:32px;
padding-top:32px
}
}
.text-underline{
text-decoration:underline
}
.flex-break{
-ms-flex-preferred-size:100%;
flex-basis:100%;
width:0
}
.absolute-bottom{
bottom:0;
position:absolute
}
@media (min-width: 768px){
.overflow-md-scroll{
overflow:scroll
}
}
.css-columns-1{
columns:1
}
.css-columns-2{
columns:2
}
.css-columns-3{
columns:3
}
.css-columns-4{
columns:4
}
.flex-flow-wrap{
-ms-flex-flow:wrap;
flex-flow:wrap
}
.flex-flow-nowrap{
-ms-flex-flow:nowrap;
flex-flow:nowrap
}
@media (min-width: 768px){
.css-columns-md-1{
columns:1
}
.css-columns-md-2{
columns:2
}
.css-columns-md-3{
columns:3
}
.css-columns-md-4{
columns:4
}
.flex-flow-wrap{
-ms-flex-flow:wrap;
flex-flow:wrap
}
.flex-flow-nowrap{
-ms-flex-flow:nowrap;
flex-flow:nowrap
}
}
@media (min-width: 1280px){
.css-columns-lg-1{
columns:1
}
.css-columns-lg-2{
columns:2
}
.css-columns-lg-3{
columns:3
}
.css-columns-lg-4{
columns:4
}
.flex-flow-wrap{
-ms-flex-flow:wrap;
flex-flow:wrap
}
.flex-flow-nowrap{
-ms-flex-flow:nowrap;
flex-flow:nowrap
}
}
.ratio{
aspect-ratio:attr(width)/attr(height)
}
.no-hover:hover,.no-hover:focus{
text-decoration:none
}
.no-hover:hover .hover,.no-hover:focus .hover{
text-decoration:underline
}
@media (max-width: 767px){
.is-xs-padding-top-120{
padding-top:120px !important
}
}
@media (max-width: 767px){
.is-xs-padding-bottom-120{
padding-bottom:120px !important
}
}
@media (min-width: 768px) and (max-width: 1279px){
.is-md-padding-top-120{
padding-top:120px !important
}
}
@media (min-width: 768px) and (max-width: 1279px){
.is-md-padding-bottom-120{
padding-bottom:120px !important
}
}
@media (min-width: 1280px){
.is-lg-padding-top-120{
padding-top:120px !important
}
}
@media (min-width: 1280px){
.is-lg-padding-bottom-120{
padding-bottom:120px !important
}
}
@media (max-width: 767px){
.is-xs-padding-top-80{
padding-top:80px !important
}
}
@media (max-width: 767px){
.is-xs-padding-bottom-80{
padding-bottom:80px !important
}
}
@media (min-width: 768px) and (max-width: 1279px){
.is-md-padding-top-80{
padding-top:80px !important
}
}
@media (min-width: 768px) and (max-width: 1279px){
.is-md-padding-bottom-80{
padding-bottom:80px !important
}
}
@media (min-width: 1280px){
.is-lg-padding-top-80{
padding-top:80px !important
}
}
@media (min-width: 1280px){
.is-lg-padding-bottom-80{
padding-bottom:80px !important
}
}
@media (max-width: 767px){
.is-xs-padding-top-64{
padding-top:64px !important
}
}
@media (max-width: 767px){
.is-xs-padding-bottom-64{
padding-bottom:64px !important
}
}
@media (min-width: 768px) and (max-width: 1279px){
.is-md-padding-top-64{
padding-top:64px !important
}
}
@media (min-width: 768px) and (max-width: 1279px){
.is-md-padding-bottom-64{
padding-bottom:64px !important
}
}
@media (min-width: 1280px){
.is-lg-padding-top-64{
padding-top:64px !important
}
}
@media (min-width: 1280px){
.is-lg-padding-bottom-64{
padding-bottom:64px !important
}
}
@media (max-width: 767px){
.is-xs-padding-top-0{
padding-top:0px !important
}
}
@media (max-width: 767px){
.is-xs-padding-bottom-0{
padding-bottom:0px !important
}
}
@media (min-width: 768px) and (max-width: 1279px){
.is-md-padding-top-0{
padding-top:0px !important
}
}
@media (min-width: 768px) and (max-width: 1279px){
.is-md-padding-bottom-0{
padding-bottom:0px !important
}
}
@media (min-width: 1280px){
.is-lg-padding-top-0{
padding-top:0px !important
}
}
@media (min-width: 1280px){
.is-lg-padding-bottom-0{
padding-bottom:0px !important
}
}
.css-carousel--peekaboo{
scroll-padding-left:24px;
position:relative;
scroll-padding-left:12px
}
@media (min-width: 460px){
.css-carousel--peekaboo{
scroll-padding-left:calc((100vw - 412px) / 2)
}
}
@media (min-width: 768px){
.css-carousel--peekaboo{
scroll-padding-left:calc((100vw - 704px) / 2)
}
}
@media (min-width: 1280px){
.css-carousel--peekaboo{
scroll-padding-left:calc((100vw - 1240px) / 2)
}
}
@media (max-width: 767px){
.css-carousel--peekaboo{
margin-left:-24px;
margin-right:-24px
}
}
@media (min-width: 460px){
.css-carousel--peekaboo{
left:calc(-1 * (100vw - 100%) / 2);
width:calc(100vw + 24px)
}
}
@media (min-width: 768px){
.css-carousel--peekaboo{
width:calc(100vw + 32px)
}
}
@media (min-width: 1280px){
.css-carousel--peekaboo{
width:calc(100vw + 40px)
}
}
.css-carousel--peekaboo::after{
content:"";
display:block;
padding-right:24px
}
@media (min-width: 460px){
.css-carousel--peekaboo::after{
padding-right:calc((100vw - 412px) / 2)
}
}
@media (min-width: 768px){
.css-carousel--peekaboo::after{
padding-right:calc((100vw - 704px) / 2)
}
}
@media (min-width: 1280px){
.css-carousel--peekaboo::after{
padding-right:calc((100vw - 1240px) / 2)
}
}
.css-carousel--peekaboo>*:first-child{
margin-left:24px;
margin-left:12px
}
@media (min-width: 460px){
.css-carousel--peekaboo>*:first-child{
margin-left:calc((100vw - 412px) / 2)
}
}
@media (min-width: 768px){
.css-carousel--peekaboo>*:first-child{
margin-left:calc((100vw - 704px) / 2)
}
}
@media (min-width: 1280px){
.css-carousel--peekaboo>*:first-child{
margin-left:calc((100vw - 1240px) / 2)
}
}
.alignleft{
display:inline;
float:left;
margin-right:1.5em
}
.alignright{
display:inline;
float:right;
margin-left:1.5em
}
.aligncenter{
clear:both;
display:block;
margin-left:auto;
margin-right:auto
}
.wp-block-acd-accordions{
margin:20px 0
}
.section--layered .accordion{
margin-top:36px
}
.accordion{
background:#fff;
border:1px solid #cbd1d7;
border-radius:8px;
overflow:hidden;
-webkit-tap-highlight-color:transparent
}
@media (min-width: 768px){
.accordion{
background:none
}
}
.accordion__button{
outline:none;
position:relative
}
.accordion__heading-text{
padding:24px 48px 24px 24px
}
.accordion__heading-text .sub-headline{
margin:0;
position:relative
}
.accordion__heading-text--chevron-left{
padding:24px 24px 24px 50px
}
.accordion__heading-text--full-width{
padding:24px
}
.accordion__heading-text--icon{
padding-left:60px
}
.accordion__heading-text.collapsed .accordion__chevron{
transform:none
}
.accordion__heading-text .accordion__chevron{
transform:rotate(180deg) translate(0, 2px)
}
.accordion__heading-text .accordion__chevron svg{
max-height:24px
}
.accordion__arrow{
transform:rotate(180deg) translate3d(0, 0, 0);
transition:transform 300ms ease
}
.collapsed .accordion__arrow{
transform:rotate(0) translate3d(0, 0, 0)
}
.accordion__icon{
display:inline-block;
height:24px;
left:-24px;
position:absolute;
top:0;
width:16px
}
@media (min-width: 768px){
.accordion__icon{
left:-20px
}
}
.accordion__item{
position:relative
}
@media (min-width: 768px){
.accordion__item{
background:initial
}
}
.accordion__item .collapsed .accordion__chevron,.accordion__item--collapsed .accordion__chevron{
transform:none
}
.accordion__item--expanded .accordion__chevron{
transform:rotate(180deg) translate(0, 2px)
}
.accordion__section{
width:100%
}
.accordion__section:not(:last-of-type){
border-bottom:1px solid #cbd1d7
}
@media (min-width: 336px) and (max-width: 767.98px){
.accordion__section{
cursor:pointer
}
}
.accordion__content{
padding:15px 24px 20px
}
.accordion__content:empty{
padding:0
}
.accordion__content ul{
margin:0
}
.accordion__panel{
overflow:hidden;
transition:height 0.3s ease-in-out
}
@media (min-width: 1280px){
.accordion__panel--expand-desktop.collapse{
display:block
}
}
.accordion__chevron{
position:absolute;
right:24px;
top:22px;
transform:rotate(180deg) translate(0, 2px);
transition:transform 0.2s
}
.accordion__chevron--left{
left:24px;
right:unset
}
.accordion__chevron svg{
will-change:transform
}
.accordion--borderless{
background-color:initial;
border:none;
border-radius:0
}
.accordion--borderless .wp-block-acd-accordion-item{
border-bottom:1px solid #cbd1d7;
border-top:1px solid #cbd1d7
}
.accordion--borderless .wp-block-acd-accordion-item:not(:first-of-type){
border-top:none
}
@media (min-width: 768px){
.accordion--borderless .wp-block-acd-accordion-item{
border-bottom:none;
border-top:none
}
}
.accordion--borderless .accordion__chevron{
right:0
}
@media (min-width: 768px){
.accordion--borderless .accordion__chevron{
right:24px
}
}
.accordion--borderless .accordion__chevron--left{
left:0
}
@media (min-width: 768px){
.accordion--borderless .accordion__chevron--left{
left:24px
}
}
.accordion--borderless .accordion__heading-text{
padding:24px
}
@media (min-width: 768px){
.accordion--borderless .accordion__heading-text{
padding:24px 48px 24px 24px
}
}
.accordion--borderless .accordion__heading-text--chevron-left{
padding:24px 0 24px 26px
}
@media (min-width: 768px){
.accordion--borderless .accordion__heading-text--chevron-left{
padding-left:50px
}
}
.accordion--borderless .accordion__heading-text--icon{
padding:24px 26px 24px 36px
}
@media (min-width: 768px){
.accordion--borderless .accordion__heading-text--icon{
padding:24px 40px 24px 60px
}
}
.accordion--borderless .accordion__icon{
left:0
}
@media (min-width: 768px){
.accordion--borderless .accordion__icon{
left:24px
}
}
.accordion--borderless .accordion__item,.accordion--borderless .accordion__item:hover{
background:transparent
}
.accordion--borderless .accordion__content{
padding:24px
}
.accordion--borderless .accordion__section{
box-sizing:border-box
}
.accordion--borderless .accordion__section:not(:last-child){
margin-bottom:-1px
}
.accordion--borderless .accordion__section:hover{
border-bottom:1px solid #525161;
border-top:1px solid #525161;
position:relative
}
@media (min-width: 336px) and (max-width: 767.98px){
.accordion--borderless .accordion__section{
padding-left:0;
padding-right:12px
}
}
.accordion--sectioned{
border:none
}
.accordion--sectioned .accordion__item{
border:1px solid #cbd1d7;
border-radius:8px;
margin-bottom:24px
}
.accordion--sectioned .accordion__item--expanded{
box-shadow:0 2px 4px -1px rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12)
}
.accordion--sectioned .accordion__item:hover{
background:#fff;
border:1px solid #525161
}
.accordion--sectioned .accordion__section{
border:none
}
@media (min-width: 768px){
.accordion--post{
border:none
}
}
@media (min-width: 768px){
.accordion--post .accordion__content{
margin:10px 0 0;
padding:0
}
}
@media (min-width: 768px){
.accordion--post .accordion__item{
margin-bottom:45px
}
}
@media (min-width: 768px){
.accordion--post .accordion__panel{
display:block
}
}
@media (min-width: 768px){
.accordion--post .accordion__section,.accordion--post .accordion__section:hover{
border:none
}
}
.is-bg-dark-gray .accordion--borderless .accordion__section{
border-bottom:1px solid #9da3a8;
border-top:1px solid #9da3a8
}
.is-bg-dark-gray .accordion--borderless .accordion__section:hover{
border-bottom:1px solid #525161;
border-top:1px solid #525161;
position:relative
}
.is-bg-steel-gray .accordion--borderless .accordion__icon,.is-bg-steel-gray .accordion--borderless .accordion__chevron{
filter:brightness(0) invert(1)
}
.is-bg-steel-gray .accordion--borderless .accordion__item{
color:#fff
}
.is-bg-steel-gray .accordion--borderless .accordion__section:hover{
border-bottom:1px solid #fff;
border-top:1px solid #fff;
position:relative
}
.accord__caret{
transform:rotate(180deg) translate3d(0, 0, 0);
will-change:transform
}
.collapsed .accord__caret{
transform:rotate(0)
}
.accord--sectioned .show{
box-shadow:0 2px 4px -1px rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.14),0 10px 10px 0 rgba(0,0,0,0.12)
}
button.advertiser-disclosure-link{
background:none;
border:none;
color:#525161;
font-weight:normal;
padding:0;
text-decoration:underline
}
.author-callout{
font-size:0
}
.author-callout__avatar{
border-radius:50%;
height:56px;
width:56px
}
@media (min-width: 768px){
.author-callout__avatar{
height:80px;
width:80px
}
}
.author-callout__avatar-wrap,.author-callout__headline-wrap{
display:inline-block;
vertical-align:middle
}
.author-callout__avatar-wrap{
margin-right:24px
}
.author-callout__headline-wrap{
width:calc(100% - 80px)
}
@media (min-width: 768px){
.author-callout__headline-wrap{
width:calc(100% - 104px)
}
}
.author-callout__headline{
margin-bottom:8px;
margin-top:0
}
.author-callout__title{
color:#32313a;
font-weight:700;
line-height:18px
}
.author-callout__twitter{
margin:24px auto
}
.author-callout__twitter .icon--twitter{
vertical-align:middle
}
@media (min-width: 768px){
.author-callout__twitter{
margin:32px auto
}
}
.author-callout__twitter-link:hover{
text-decoration:none
}
.author-callout__twitter-link:focus{
outline:none
}
.author-callout__twitter-handle{
font-family:var(--cham-primary-font-family),sans-serif;
font-size:16px;
font-weight:700;
margin-left:16px;
vertical-align:middle
}
.author-callout__twitter-handle::before{
content:"@"
}
.author-top-picks{
background-color:#f2f7f7;
font-size:0;
padding:46px 0
}
.author-top-picks__content-wrap,.author-top-picks__icon-wrap{
display:inline-block;
vertical-align:middle
}
.author-top-picks__content-wrap{
width:calc(100% - 80px)
}
.author-top-picks__headline-3{
font-weight:400;
margin-top:0
}
.author-top-picks__icon-wrap{
margin-right:24px
}
.author-top-picks__icon-background{
-ms-flex-align:center;
align-items:center;
background-color:#fff;
border-radius:50%;
display:-ms-flexbox;
display:flex;
height:56px;
-ms-flex-pack:center;
justify-content:center;
position:relative;
width:56px
}
.author-top-picks__paragraph{
color:#32313a;
font-size:14px;
line-height:16px;
margin-bottom:4px
}
.author-top-picks__picks{
margin-bottom:24px
}
.author-top-picks__picks:last-child{
margin-bottom:0
}
@media (min-width: 768px){
.author-top-picks__picks{
margin-bottom:32px
}
.author-top-picks__picks:nth-last-child(-n+2){
margin-bottom:0
}
}
@media (min-width: 1280px){
.author-top-picks__picks{
margin-bottom:0
}
}
@media (min-width: 768px){
.author-top-picks{
padding:48px
}
}
@media (min-width: 1280px){
.author-top-picks{
padding:64px
}
}
.blockquote{
margin:48px 0;
position:relative
}
@media (min-width: 768px){
.blockquote{
margin:56px 0
}
}
@media (min-width: 1280px){
.blockquote{
margin:48px 0
}
}
.blockquote__icon{
position:absolute;
top:-30px;
width:62px;
z-index:-1
}
@media (min-width: 768px){
.blockquote__icon{
top:-40px;
width:78px
}
}
.blockquote cite{
color:#525161;
font-family:"Arial",sans-serif;
font-size:12px;
font-weight:600;
height:14px;
line-height:14px;
padding-left:16px
}
.fonts-loaded .blockquote cite{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .blockquote cite{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
@media (min-width: 768px){
.blockquote cite{
padding-left:24px
}
}
.blockquote p{
color:#32313a;
font-family:"Times New Roman",serif;
font-size:24px;
font-size:20px;
font-style:normal;
font-weight:600;
line-height:28px;
margin:0;
padding-left:16px
}
.fonts-loaded .blockquote p{
font-family:"operetta-8","Times New Roman",serif
}
body:not(.fonts-loaded) .blockquote p{
font-family:"Times New Roman",serif;
letter-spacing:1.1px
}
@media (min-width: 768px){
.blockquote p{
padding-left:24px
}
}
@media (min-width: 768px){
.blockquote p{
font-size:24px;
line-height:34px
}
}
.geo-card{
-ms-flex-align:center;
align-items:center;
background-color:#fff;
border-radius:8px;
box-shadow:0 1px 10px 0 rgba(0,0,0,0.12),0 4px 5px 0 rgba(0,0,0,0.14),0 2px 4px -1px rgba(0,0,0,0.02)
}
.geo-card__inner{
padding:24px
}
.geo-card__inner img{
height:32px;
margin-bottom:24px
}
.geo-card--top{
height:280px
}
@media (min-width: 768px){
.geo-card--top{
height:248px
}
}
@media (min-width: 1280px){
.geo-card--top{
height:224px
}
}
.geo-card--bottom{
height:168px
}
.geo-card--bottom svg{
max-height:40px;
padding-bottom:20px
}
@media (min-width: 768px){
.geo-card--bottom{
height:184px
}
}
.carousel__arrow{
background:none;
border:none;
bottom:-10px;
cursor:pointer
}
.carousel__arrow--next svg{
-ms-flex-order:1;
order:1
}
.carousel__arrow-container{
margin-top:-20px;
position:relative;
z-index:2
}
.carousel__arrow-text{
color:#006aeb;
font-family:"Arial",sans-serif;
font-size:16px;
font-weight:bold;
line-height:16px
}
.fonts-loaded .carousel__arrow-text{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .carousel__arrow-text{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
.carousel__arrow:disabled{
filter:grayscale(1);
opacity:0.35
}
.carousel__container{
position:relative;
width:100%
}
.carousel__container--dark-mode{
background-color:#32313a
}
.carousel__container--dark-mode .alice-carousel__dots-item{
background-color:#525161
}
.carousel__container--dark-mode .alice-carousel__dots-item:hover,.carousel__container--dark-mode .alice-carousel__dots-item.__active{
background-color:#fff
}
.alice-carousel{
box-sizing:border-box;
margin:auto -12px;
position:relative
}
@media (min-width: 768px){
.alice-carousel{
margin:auto -16px
}
}
@media (min-width: 1280px){
.alice-carousel{
margin:auto -20px
}
}
.alice-carousel__wrapper{
border:none;
box-sizing:border-box;
height:auto;
overflow:visible;
position:relative;
width:100%
}
.alice-carousel__stage{
box-sizing:border-box;
height:100%;
margin:0;
padding:0;
position:relative;
white-space:nowrap;
width:100%
}
.alice-carousel__stage-item{
box-sizing:border-box;
display:inline-block;
height:100%;
line-height:0;
margin:0;
opacity:0.4;
padding:0 12px;
position:relative;
transition:opacity 300ms ease;
vertical-align:top;
white-space:normal;
width:100%
}
@media (min-width: 768px){
.alice-carousel__stage-item{
padding:0 16px
}
}
@media (min-width: 1280px){
.alice-carousel__stage-item{
padding:0 20px
}
}
.alice-carousel__stage-item::before{
display:none
}
.alice-carousel__stage-item.__active{
opacity:1
}
.alice-carousel__stage-item.__cloned{
opacity:0;
visibility:hidden
}
.alice-carousel__stage::after{
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden
}
.alice-carousel__dots{
line-height:0;
list-style:none;
margin:36px 0 0;
padding:0;
text-align:center
}
.alice-carousel__dots-item{
background-color:#cbd1d7;
border-radius:50%;
cursor:pointer;
display:inline-block;
height:8px;
margin-bottom:0;
width:8px
}
.alice-carousel__dots-item::before{
display:none
}
.alice-carousel__dots-item:not(:last-child){
margin-right:12px
}
.alice-carousel__dots-item:hover,.alice-carousel__dots-item.__active{
background-color:#525161
}
.alice-carousel .animated{
animation-fill-mode:both
}
.alice-carousel .animated-out{
z-index:1
}
.alice-carousel .fadeOut{
animation-name:fadeOut
}
@keyframes fadeOut{
0%{
opacity:1
}
100%{
opacity:0;
visibility:hidden
}
}
.checkbox__check-icon{
margin-left:8px
}
.checkbox__input:checked ~ .checkbox__input-display{
background-color:var(--chameleon-primary);
border-color:var(--chameleon-primary);
line-height:1.2;
text-align:center
}
.checkbox__input:checked ~ .checkbox__input-display::after{
background-color:var(--chameleon-primary);
content:"";
display:inline-block;
height:100%;
margin:auto;
padding:0;
position:relative;
text-align:center;
transform:none;
width:100%
}
.checkbox__input-display{
border-radius:4px;
box-sizing:initial;
overflow:hidden
}
.checkbox-radio{
color:#32313a;
cursor:pointer;
display:inline-block;
font-family:"Arial",sans-serif;
font-size:20px;
font-weight:600;
margin-bottom:24px;
position:relative
}
.fonts-loaded .checkbox-radio{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .checkbox-radio{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
.checkbox-radio--no-box .checkbox-radio__container{
display:none
}
.checkbox-radio--button{
border:1px solid #cbd1d7;
border-radius:22px;
margin:0;
padding:7px 26px
}
@media (min-width: 768px){
.checkbox-radio--button{
margin:0 8px
}
}
@media (min-width: 1280px){
.checkbox-radio--button{
padding:8px 26px
}
}
.checkbox-radio--button.checkbox-radio--checked{
border:1px solid var(--chameleon-primary);
color:var(--chameleon-primary);
padding-left:16px;
padding-right:16px
}
.checkbox-radio--button .checkbox-radio__container{
display:none
}
.checkbox-radio__wrapper{
-ms-flex-align:start;
align-items:start;
display:-ms-flexbox;
display:flex
}
.checkbox-radio.has-icon{
padding:8px 16px
}
.checkbox-radio.has-icon .checkbox-radio__icon{
margin-left:8px
}
.checkbox-radio--disabled{
pointer-events:none
}
.checkbox-radio--disabled .checkbox-radio__input{
cursor:not-allowed
}
.checkbox-radio--disabled .checkbox-radio__input:hover ~ .checkbox-radio__input-display{
border-color:var(--chameleon-primary)
}
.checkbox-radio--disabled .checkbox-radio__input-display{
border-color:#e3e8e8
}
.checkbox-radio--disabled .checkbox-radio__input-label{
color:#cbd1d7;
cursor:not-allowed
}
.checkbox-radio__container{
display:inline-block;
-ms-flex-negative:0;
flex-shrink:0;
height:20px;
margin-right:16px;
position:relative;
width:20px
}
@media (min-width: 768px){
.checkbox-radio__container{
height:24px;
width:24px
}
}
.checkbox-radio__container .checkbox__input-label{
color:#cbd1d7
}
.checkbox-radio__checkmark{
bottom:5px;
height:100%;
position:absolute;
text-align:center;
width:100%
}
@media (min-width: 1280px){
.checkbox-radio__checkmark{
bottom:3px
}
}
.checkbox-radio__input{
-webkit-appearance:none;
background:none;
border:none;
box-shadow:none;
cursor:pointer;
display:block;
height:100%;
margin:0;
outline:none;
padding:0;
position:relative;
text-align:center;
width:100%;
z-index:1
}
.checkbox-radio__input:hover ~ .checkbox-radio__input-display{
border-color:#32313a
}
.checkbox-radio__input-label{
padding-left:16px
}
.checkbox-radio__input-display{
-ms-flex-align:center;
align-items:center;
background-color:#fff;
border:1px solid #cbd1d7;
box-sizing:border-box;
display:-ms-flexbox;
display:flex;
height:100%;
-ms-flex-pack:center;
justify-content:center;
left:0;
position:absolute;
top:0;
width:100%;
z-index:0
}
.focus-border{
position:relative
}
.focus-border input:focus ~ .focus-border__outline{
border:1px dashed var(--chameleon-primary);
display:block;
height:calc(100% + 8px);
left:-4px;
position:absolute;
top:-4px;
width:calc(100% + 8px)
}
.focus-border__outline{
display:none
}
.speed-rec .checkbox-radio--button{
min-width:136px
}
.speed-rec .checkbox-radio--button.has-icon{
margin-bottom:48px
}
.circle-border{
stroke-linecap:round;
transform-origin:50% 50%
}
pre{
background-color:#edf6ff;
border-radius:6px;
color:#32313a;
font-family:"Arial",sans-serif;
font-weight:bold;
line-height:1.3;
margin:24px 0;
overflow:scroll;
padding:27px 24px
}
.fonts-loaded pre{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) pre{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
.faux-card{
padding:40px 30px
}
.faux-card__image-container{
background:#edf6ff;
border-radius:155px;
height:155px;
margin:0 auto 32px;
width:155px
}
.faux-card .faux-card__text{
color:#32313a;
margin-bottom:32px
}
.faux-card .faux-card__button,.faux-card .faux-card__button *{
line-height:18px
}
.faux-card--speed-rec .faux-card__image-container{
margin-bottom:12px
}
.faux-mcs{
padding-bottom:0
}
.faux-mcs__bottom-container{
background:#ebf0f0;
padding:24px;
text-align:left
}
@media (min-width: 768px){
.faux-mcs__bottom-container{
padding:32px 80px;
text-align:center
}
}
.faux-mcs__bottom-container .address-tracker{
margin:0;
min-height:auto
}
.faux-mcs__content{
-ms-flex:1;
flex:1;
padding:64px 24px
}
@media (min-width: 768px){
.faux-mcs__content{
padding:80px
}
}
.faux-mcs__content--has-bottom-container{
padding-bottom:64px
}
.faux-mcs__content .address-tracker{
margin-bottom:0;
min-height:auto
}
.faux-mcs__cta-wrapper{
margin-top:32px
}
@media (min-width: 768px){
.faux-mcs__cta-wrapper{
margin-top:48px
}
}
.faux-mcs__cta-wrapper :first-child{
margin-bottom:16px
}
@media (min-width: 768px){
.faux-mcs__cta-wrapper :first-child{
margin-bottom:32px
}
}
.faux-mcs__provider-logo{
margin-bottom:40px
}
.faux-mcs__subheadline{
font-size:28px;
line-height:32px
}
@media (min-width: 768px){
.faux-mcs .react-modal__content{
max-height:90vh
}
}
.faux-mcs .react-modal__close-button{
background:#fff;
text-align:right;
width:100%;
z-index:1
}
.faux-mcs .react-modal__heading{
padding:0
}
.faux-mcs .step{
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column;
height:100vh
}
@media (min-width: 768px){
.faux-mcs .step{
display:block;
height:auto
}
}
.iframe{
margin-bottom:40px;
margin-top:40px
}
@media (min-width: 768px){
.iframe{
margin-bottom:48px;
margin-top:48px
}
}
@media (min-width: 1280px){
.iframe{
margin-bottom:64px;
margin-top:64px
}
}
.find-your-speed{
margin-top:79px
}
.find-your-speed__container{
border:1px solid #cbd1d7;
border-radius:16px;
padding:0 24px 24px
}
@media (min-width: 768px){
.find-your-speed__container{
border-radius:8px
}
}
.find-your-speed__icon{
-ms-flex-align:center;
align-items:center;
background:#f2f7f7;
border:1px solid #cbd1d7;
border-radius:120px;
display:-ms-inline-flexbox;
display:inline-flex;
height:80px;
-ms-flex-pack:center;
justify-content:center;
margin:-39px auto -7px;
position:relative;
width:80px
}
.find-your-speed__icon svg{
margin-top:-12px;
position:relative;
z-index:1
}
@media (min-width: 768px){
.find-your-speed__icon svg{
width:50px
}
}
.find-your-speed__icon::after{
background:#f2f7f7;
bottom:-2px;
content:"";
display:block;
height:62px;
height:42px;
left:-1px;
position:absolute;
width:calc(100% + 2px);
z-index:0
}
.checkbox__check-icon{
margin-left:8px
}
.checkbox__input:checked ~ .checkbox__input-display{
background-color:#006aeb;
border-color:#006aeb;
line-height:1.2;
text-align:center
}
.checkbox__input:checked ~ .checkbox__input-display::after{
background-color:#006aeb;
content:"";
display:inline-block;
height:100%;
margin:auto;
padding:0;
position:relative;
text-align:center;
transform:none;
width:100%
}
.checkbox__input-display{
border-radius:4px;
box-sizing:initial;
overflow:hidden
}
.checkbox-radio{
color:#32313a;
cursor:pointer;
display:inline-block;
font-family:"Arial",sans-serif;
font-size:20px;
font-weight:600;
margin-bottom:24px;
position:relative
}
.fonts-loaded .checkbox-radio{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .checkbox-radio{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
.checkbox-radio--no-box .checkbox-radio__container{
display:none
}
.checkbox-radio--button{
border:1px solid #cbd1d7;
border-radius:22px;
margin:0;
padding:7px 26px
}
@media (min-width: 768px){
.checkbox-radio--button{
margin:0 8px
}
}
@media (min-width: 1280px){
.checkbox-radio--button{
padding:8px 26px
}
}
.checkbox-radio--button.checkbox-radio--checked{
border:1px solid #006aeb;
color:#006aeb;
padding-left:16px;
padding-right:16px
}
.checkbox-radio--button .checkbox-radio__container{
display:none
}
.checkbox-radio__wrapper{
-ms-flex-align:start;
align-items:start;
display:-ms-flexbox;
display:flex
}
.checkbox-radio.has-icon{
padding:8px 16px
}
.checkbox-radio.has-icon .checkbox-radio__icon{
margin-left:8px
}
.checkbox-radio--disabled{
pointer-events:none
}
.checkbox-radio--disabled .checkbox-radio__input{
cursor:not-allowed
}
.checkbox-radio--disabled .checkbox-radio__input:hover ~ .checkbox-radio__input-display{
border-color:#006aeb
}
.checkbox-radio--disabled .checkbox-radio__input-display{
border-color:#e3e8e8
}
.checkbox-radio--disabled .checkbox-radio__input-label{
color:#cbd1d7;
cursor:not-allowed
}
.checkbox-radio__container{
display:inline-block;
-ms-flex-negative:0;
flex-shrink:0;
height:20px;
margin-right:16px;
position:relative;
width:20px
}
@media (min-width: 768px){
.checkbox-radio__container{
height:24px;
width:24px
}
}
.checkbox-radio__container .checkbox__input-label{
color:#cbd1d7
}
.checkbox-radio__checkmark{
bottom:5px;
height:100%;
position:absolute;
text-align:center;
width:100%
}
@media (min-width: 1280px){
.checkbox-radio__checkmark{
bottom:3px
}
}
.checkbox-radio__input{
-webkit-appearance:none;
background:none;
border:none;
box-shadow:none;
cursor:pointer;
display:block;
height:100%;
margin:0;
outline:none;
padding:0;
position:relative;
text-align:center;
width:100%;
z-index:1
}
.checkbox-radio__input:hover ~ .checkbox-radio__input-display{
border-color:#525161
}
.checkbox-radio__input-label{
padding-left:16px
}
.checkbox-radio__input-display{
-ms-flex-align:center;
align-items:center;
background-color:#fff;
border:1px solid #cbd1d7;
box-sizing:border-box;
display:-ms-flexbox;
display:flex;
height:100%;
-ms-flex-pack:center;
justify-content:center;
left:0;
position:absolute;
top:0;
width:100%;
z-index:0
}
.focus-border{
position:relative
}
.focus-border input:focus ~ .focus-border__outline{
border:1px dashed #006aeb;
display:block;
height:calc(100% + 8px);
left:-4px;
position:absolute;
top:-4px;
width:calc(100% + 8px)
}
.focus-border__outline{
display:none
}
.speed-rec .checkbox-radio--button{
min-width:136px
}
.speed-rec .checkbox-radio--button.has-icon{
margin-bottom:48px
}
.hybrid-form__input-container{
position:relative
}
.hybrid-form__input{
background:#fff;
transition:all 300ms ease;
width:260px
}
.hybrid-form .suggested-address__button{
width:100%
}
.hybrid-form__button{
height:64px;
margin:0;
padding:0;
width:66px;
z-index:1
}
.hybrid-form.is-suggested .input-text-field .hybrid-form__input,.hybrid-form.is-suggested .input-text-field .hybrid-form__input:focus,.hybrid-form.is-suggested .input-text-field .hybrid-form__input:active{
border-width:0;
box-shadow:0 0 0 40px #fff inset,0 2px 4px -1px rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12)
}
.address-form--one-line .address-form__checkbox{
margin:0
}
@media (min-width: 1280px){
.address-form--one-line .address-form__checkbox{
text-align:center
}
}
.address-form--one-line .address-form__checkbox .checkbox-radio__wrapper{
text-align:left
}
.address-form--one-line .address-form__checkbox .label{
font-weight:normal;
text-decoration:underline;
text-underline-position:under
}
.address-form--one-line .address-form__call-cta{
margin:0;
padding:0
}
@media (min-width: 768px){
.address-form--one-line .address-form__call-cta{
margin:0 0 0 48px
}
}
.address-form--one-line .address-form__cta{
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:start;
justify-content:flex-start;
margin:32px 0 64px
}
@media (min-width: 768px){
.address-form--one-line .address-form__cta{
display:-ms-flexbox;
display:flex;
margin:48px 0 120px
}
}
@media (min-width: 1280px){
.address-form--one-line .address-form__cta{
-ms-flex-pack:center;
justify-content:center
}
}
.address-form--one-line .address-form__button{
margin:0
}
.address-form--one-line .address-form__headline h2{
font-family:"Arial",sans-serif;
font-size:16px;
font-weight:700;
line-height:18px;
margin:48px 0 16px !important
}
.fonts-loaded .address-form--one-line .address-form__headline h2{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .address-form--one-line .address-form__headline h2{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
@media (min-width: 1280px){
.address-form--one-line .address-form__headline{
text-align:center
}
}
.address-form--one-line .address-form__phone{
margin:16px 0 0
}
@media (min-width: 768px){
.address-form--one-line .address-form__phone{
margin:32px 0
}
}
@media (max-width: 767px){
.address-form--one-line .address-form__phone{
padding-left:0;
padding-right:0
}
}
.address-form--one-line .address-form__street{
-ms-flex:0 0 100%;
flex:0 0 100%
}
@media (min-width: 1280px){
.address-form--one-line .address-form__street{
-ms-flex:1;
flex:1
}
}
.address-form--one-line .address-form__unit-container{
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-pack:center;
justify-content:center;
margin-top:16px
}
@media (min-width: 768px){
.address-form--one-line .address-form__unit-container{
margin-top:24px
}
}
.address-form--one-line .address-form__input--unit{
width:50%
}
@media (min-width: 1280px){
.address-form--one-line .address-form__input--unit{
max-width:233px
}
}
.address-form--one-line .address-form__input--unit-number{
margin-left:16px
}
@media (min-width: 768px){
.address-form--one-line .address-form__input--unit-number{
margin-left:24px
}
}
.address-form--one-line .address-form__input-city{
-ms-flex:0 0 100%;
flex:0 0 100%
}
@media (min-width: 768px){
.address-form--one-line .address-form__input-city{
-ms-flex:none;
flex:none;
width:180px
}
}
@media (min-width: 1280px){
.address-form--one-line .address-form__input-city{
margin-left:24px
}
}
.address-form--one-line .address-form__input-state{
-ms-flex:1;
flex:1;
width:131px
}
@media (min-width: 768px){
.address-form--one-line .address-form__input-state{
margin-left:24px
}
}
@media (min-width: 1280px){
.address-form--one-line .address-form__input-state{
-ms-flex:none;
flex:none
}
}
.address-form--one-line .address-form__input-zip{
-ms-flex:1;
flex:1;
margin-left:16px;
width:120px
}
@media (min-width: 768px){
.address-form--one-line .address-form__input-zip{
-ms-flex:none;
flex:none;
margin-left:24px
}
}
.address-form--one-line .checkbox-radio{
display:-ms-flexbox;
display:flex;
-ms-flex-pack:start;
justify-content:flex-start;
margin:0;
padding:0
}
@media (min-width: 1280px){
.address-form--one-line .checkbox-radio{
-ms-flex-pack:center;
justify-content:center
}
}
.address-form--one-line .checkbox-radio--checked .checkbox-radio__icon{
transform:rotate(180deg) translate(0, 2px)
}
.address-form--one-line .checkbox-radio__icon{
transition:transform 300ms ease
}
.address-form--one-line .checkbox-radio__icon svg{
width:8px
}
.address-form--one-line .checkbox-radio__icon g{
fill:#32313a
}
.react-modal .address-form{
margin:0 auto;
width:100%
}
.address-form__unit-container{
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column
}
@media (min-width: 768px){
.address-form__unit-container{
-ms-flex-direction:row;
flex-direction:row
}
}
.address-form__input{
margin-bottom:16px
}
@media (min-width: 768px){
.address-form__input{
margin-bottom:24px
}
}
.address-form__input--small{
-ms-flex:1;
flex:1;
margin-left:16px;
width:131px
}
@media (min-width: 768px){
.address-form__input--small{
margin-left:24px
}
}
.address-form__input--small:first-child{
margin-left:0
}
@media (min-width: 768px){
.address-form__input--small{
-ms-flex:none;
flex:none
}
.address-form__input--small:nth-child(2){
margin-left:24px
}
}
.address-form__input--state{
margin-left:0
}
@media (min-width: 768px){
.address-form__input--state{
margin-left:24px
}
}
.address-form__input--wide-mobile{
-ms-flex:0 0 100%;
flex:0 0 100%
}
@media (min-width: 768px){
.address-form__input--wide-mobile{
-ms-flex:1;
flex:1
}
}
.address-form__input--unit{
width:100%
}
@media (min-width: 768px){
.address-form__input--unit{
width:calc(50% - 12px)
}
}
.address-form__input--unit-number{
width:50%
}
@media (min-width: 768px){
.address-form__input--unit-number{
margin-left:24px
}
}
.address-form__street{
position:relative
}
.address-form.is-suggested .input-text-field .address-form__street-input,.address-form.is-suggested .input-text-field .address-form__street-input:focus,.address-form.is-suggested .input-text-field .address-form__street-input:active{
border-color:transparent;
box-shadow:0 0 0 40px #fff inset,0 2px 4px -1px rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12)
}
.address-form__checkbox{
padding-top:8px
}
@media (min-width: 768px){
.address-form__checkbox{
padding-top:0
}
}
.address-form__checkbox .checkbox-radio__container{
height:18px;
width:18px
}
.address-form__checkbox .checkbox-radio__checkmark{
bottom:2px
}
.checkbox-radio--disabled .address-form__checkbox-label{
color:#cbd1d7;
transition:color 300ms ease
}
.address-form__cta{
margin-top:32px
}
@media (min-width: 768px){
.address-form__cta{
margin-top:8px
}
}
.address-form__call-cta{
border-top:1px solid #cbd1d7;
margin-bottom:24px;
margin-top:32px;
padding-top:32px;
text-align:center
}
@media (min-width: 768px){
.address-form__call-cta{
border-top:none;
margin-bottom:0;
margin-top:48px;
padding-top:0;
text-align:left
}
}
.address-form__call-headline{
margin:0
}
.address-form__call-headline--newline{
display:block;
margin:0
}
@media (min-width: 768px){
.address-form__call-headline--newline{
display:inline-block
}
}
.address-form__phone{
margin:32px 0;
width:100%
}
.address-form__button{
margin-top:0;
width:100%
}
@media (min-width: 768px){
.address-form__button{
margin-top:24px;
width:auto
}
}
.react-modal.address-modal{
background:#fff;
overflow:scroll
}
@media (min-width: 768px){
.react-modal.address-modal{
overflow:visible;
padding:80px
}
}
@media (min-width: 768px){
.react-modal.address-modal .react-modal__content{
max-height:75vh;
overflow:visible
}
}
@media (min-width: 768px){
.react-modal.address-modal .address-form__fields{
margin-bottom:0
}
}
.react-modal .address-modal__suggested-address{
height:calc(100vh - 148px)
}
@media (min-width: 768px){
.react-modal .address-modal__suggested-address{
max-height:475px
}
}
.react-modal .address-modal__suggested-address .radio-button{
font-size:18px;
line-height:22px
}
.suggested-address{
background:white;
border-radius:8px;
border-top:1px solid #cbd1d7;
border-top-left-radius:0;
border-top-right-radius:0;
box-shadow:0 2px 4px -1px rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.14);
left:0;
margin:0;
max-height:280px;
overflow:hidden;
overflow:scroll;
-ms-overflow-style:-ms-autohiding-scrollbar;
padding:0;
position:absolute;
top:100%;
top:calc(100% - 5px);
width:100%;
z-index:5
}
.suggested-address:empty{
display:none !important
}
.zip-form .suggested-address{
width:232px
}
@media (min-width: 768px){
.zip-form .suggested-address{
width:260px
}
}
.address-form .suggested-address{
width:100%
}
.suggested-address__item{
margin:0;
padding:0
}
.suggested-address__item::before{
display:none;
opacity:0
}
.suggested-address__button{
background:none;
border:0;
margin:0;
outline:0;
padding:12px 0 12px 24px;
width:100%
}
.suggested-address__button:hover,.suggested-address__button:focus,.suggested-address__button.is-active{
background:#f2f7f7
}
.suggested-address__street{
white-space:nowrap
}
.address-tracker--loader{
margin-bottom:0;
margin-top:16px;
min-height:0
}
@media (max-width: 767px){
.address-tracker .edit-address-button{
margin-left:0
}
}
.address-tracker svg{
max-height:40px
}
.address-tracker .address-tracker__text{
display:inline-block;
line-height:0
}
.address-tracker .address-tracker__text .label{
display:inline-block;
margin-bottom:8px
}
@media (min-width: 1280px){
.address-tracker .address-tracker__text .label{
margin-bottom:0
}
}
.section.address-check{
margin:0
}
.section.address-check .address-check__headline{
margin-bottom:24px
}
@media (min-width: 768px){
.section.address-check .address-check__headline{
margin-bottom:32px
}
}
.address-change-modal .address-check__ctas{
display:none
}
@media (min-width: 768px){
.is-scrolling-up .md\:last-scroll-up\:translate-y-80{
--transform-translate-y: 80px !important
}
}
:checked ~ .sibling-checked\:bg-blue-vivid{
background-color:#006aeb !important
}
.form__input-group{
display:-ms-flexbox;
display:flex;
margin-bottom:16px
}
.form__input-group:last-of-type{
margin-bottom:0
}
.form__input-group .form__input-wrapper:not(:first-of-type){
margin-left:16px
}
.form__submit{
margin-bottom:24px;
margin-top:24px
}
.form__input-wrapper{
position:relative;
width:100%
}
.flex-1{
-ms-flex:1;
flex:1
}
@media (min-width: 1280px){
.flex-lg-1{
-ms-flex:1;
flex:1
}
}
.flex-2{
-ms-flex:2;
flex:2
}
.radio__input{
height:24px;
width:24px
}
.radio__input-display{
border-radius:50%;
box-sizing:initial;
height:24px;
left:0;
overflow:hidden;
width:24px
}
@media (min-width: 768px){
.radio__input-display{
height:26px;
width:26px
}
}
.radio__input:checked ~ .radio__input-display{
line-height:1.7;
text-align:center
}
.radio__input:checked ~ .radio__input-display::after{
background-color:#006aeb;
border:0;
border-radius:100%;
content:"";
display:inline-block;
height:14px;
margin:auto;
margin:0;
padding:0;
position:relative;
transform:none;
width:14px
}
@media (min-width: 768px){
.radio__input:checked ~ .radio__input-display::after{
height:16px;
width:16px
}
}
.radio-button{
font-size:18px
}
@media (min-width: 768px){
.radio-button{
font-size:20px
}
}
.radio-button__container{
height:30px;
margin-right:0;
width:28px
}
.input--select{
display:block;
position:relative
}
.select{
-o-appearance:none;
appearance:none;
background-color:#fff;
border:1px solid #cbd1d7;
border-radius:8px;
box-sizing:border-box;
color:#525161;
display:block;
font-family:"Arial",sans-serif;
font-size:16px;
line-height:1;
margin:0;
max-width:100%;
padding:24px 50px 24px 24px;
width:100%
}
.fonts-loaded .select{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .select{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
.select::-ms-expand{
display:none
}
.select:hover{
cursor:pointer
}
.select:hover,.select:active{
color:#525161
}
.select:focus{
border-color:#525161
}
.select:disabled{
border-color:#e3e8e8;
color:#cbd1d7;
cursor:not-allowed
}
.select option{
background-color:#fff;
font-weight:normal
}
.select__icon{
margin-top:-8px;
pointer-events:none;
position:absolute;
top:50%;
z-index:2
}
.select__icon svg{
max-height:24px;
will-change:transform
}
.select__icon--before{
left:24px
}
.select__icon--after{
right:24px
}
.is-invalid .select{
border-color:#d80a07;
margin-bottom:8px
}
.is-invalid__message{
color:#d80a07;
font-size:14px;
font-weight:bold;
line-height:1;
text-align:right
}
input[type="search"]::-ms-clear{
display:none;
height:0;
width:0
}
input[type="search"]::-ms-reveal{
display:none;
height:0;
width:0
}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{
display:none
}
.loader{
animation:spin 600ms linear infinite;
border:3px solid #e3e8e8;
border-radius:30px;
border-top-color:transparent;
display:block
}
.loader--small{
height:30px;
width:30px
}
.loader--extra-small{
height:16px;
width:16px
}
.progress-ring{
height:88px;
transition:opacity 300ms ease;
width:88px
}
@media (min-width: 768px){
.progress-ring{
height:140px;
width:140px
}
}
.progress-ring.is-loaded{
opacity:0
}
.progress-ring__inner{
transform-origin:50% 50%
}
.marketing-card__icon svg{
max-height:none !important
}
@media (min-width: 1280px){
.sidebar-page-content .marketing-card--internet-basics,[data-app-layout="rows-with-sidebar"] .marketing-card--internet-basics{
-ms-flex-direction:column;
flex-direction:column
}
}
@media (min-width: 1280px){
.sidebar-page-content .marketing-card--internet-basics .marketing-card__headline,[data-app-layout="rows-with-sidebar"] .marketing-card--internet-basics .marketing-card__headline{
margin-bottom:24px;
text-align:center
}
}
a[data-toggle="modal"] *{
pointer-events:none
}
.modal .modal-dialog{
max-width:650px
}
.modal .modal-content{
background-color:#fff;
border-radius:16px 16px 0 0;
bottom:0;
color:#32313a;
font-size:16px;
left:0;
line-height:16px;
min-width:100%;
outline:none;
overflow:hidden;
padding:64px 24px;
position:fixed;
right:0
}
@media (min-width: 768px){
.modal .modal-content{
border-radius:16px 16px;
padding:40px;
position:relative
}
}
.modal .modal-content.p-0{
padding:0
}
.modal .modal-content__close-button{
background:transparent;
border:none;
color:#32313a;
line-height:14px;
opacity:1;
outline:none;
padding:24px;
position:absolute;
right:0;
top:0;
z-index:3
}
.modal .modal-content__close-button>.icon,.modal .modal-content__close-button>svg{
pointer-events:none
}
.modal .modal-content__close-button svg{
max-height:40px
}
.modal .modal-content .close:focus{
border:1px dashed #006aeb
}
.modal .modal-content .close>.icon{
pointer-events:none
}
.modal .modal-content__content{
color:#32313a;
font-size:18px;
line-height:28px;
overflow-y:scroll
}
.modal .modal-content__heading{
color:#32313a;
font-weight:bold;
margin:0;
padding-bottom:16px;
width:100%
}
.modal .modal-content__scrim{
-ms-flex-align:center;
align-items:center;
animation-duration:0.2s;
animation-fill-mode:forwards;
animation-name:scrim-fade-in;
bottom:0;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
left:0;
position:fixed;
right:0;
top:0
}
.modal .modal-content--mobile-full-screen{
border-radius:0;
overflow-y:scroll;
top:0
}
.modal .modal-content--mobile-full-screen .modal__heading{
border-bottom:1px solid #cbd1d7;
margin:30px 0 16px;
padding-bottom:24px
}
.modal .modal-content--mobile-full-screen .modal__content{
font-size:16px;
line-height:24px
}
@media (min-width: 768px){
.modal .modal-content--mobile-full-screen{
border-radius:16px;
overflow-y:auto
}
}
@media (min-width: 768px){
.modal .modal-content--desktop-large{
box-shadow:0 11px 15px -7px rgba(0,0,0,0.2),0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12);
padding:80px
}
}
@media (min-width: 768px){
.modal .modal-content--desktop-large .modal__heading{
border:none;
color:#32313a;
margin:0;
padding-bottom:16px
}
}
@media (min-width: 768px){
.modal .modal-content--desktop-large .modal__content{
font-size:20px;
line-height:30px
}
}
@media (min-width: 768px){
.modal .modal-content--desktop-small{
box-shadow:0 11px 15px -7px rgba(0,0,0,0.2),0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12);
padding:40px
}
}
@media (min-width: 768px){
.modal .modal-content--desktop-small .modal__heading{
border:none;
margin:0;
padding-bottom:8px
}
}
@media (min-width: 768px){
.modal .modal-content--desktop-small .modal__content{
color:#525161;
font-size:16px;
line-height:24px
}
}
.modal .modal-content--slide-in{
animation-duration:0.3s;
animation-name:slide-in-up;
animation-timing-function:ease-out
}
.modal .modal-content--fade-in{
animation-duration:0.3s;
animation-name:fade-in;
animation-timing-function:ease-out
}
.modal .modal-content-trigger{
border:none;
cursor:pointer;
outline:none
}
.modal .modal-content .modal-body{
padding:unset
}
.modal .modal-content .modal-header{
border:none;
padding:unset
}
.modal--popup{
pointer-events:none
}
.modal--popup .modal-dialog{
bottom:0;
margin:0;
max-width:360px;
position:absolute;
right:30px
}
.modal--popup .modal__content{
border-bottom-left-radius:0;
border-bottom-right-radius:0;
box-shadow:0 -11px 15px -7px rgba(0,0,0,0.1),0 -24px 38px 3px rgba(0,0,0,0.07),0 -9px 46px 8px rgba(0,0,0,0.06);
margin-bottom:0;
padding:0 24px 56px
}
.modal--popup .modal-content{
border:none
}
.modal--popup .modal-content .modal__heading{
font-size:24px;
line-height:28px;
margin-bottom:12px;
margin-top:56px;
padding:0
}
.modal--popup .email-capture__submit{
display:block;
margin-bottom:32px;
width:100%
}
.modal--popup .email-capture__completed--modal{
padding:56px 24px
}
.modal--popup .modal__legal{
font-size:12px;
line-height:16px
}
.modal--full .modal-dialog{
height:100%;
margin:0;
max-width:100%
}
.modal--full .modal-content{
border-radius:0;
height:100%;
padding:16px 16px 64px;
width:100%
}
@media (min-width: 768px){
.modal--full .modal-content{
padding:32px 32px 80px
}
}
@media (min-width: 1280px){
.modal--full .modal-content{
padding:32px 32px 120px
}
}
.modal--full .modal-content__close-button{
margin-top:8px
}
.modal--blue .modal-content{
background-color:#edf6ff
}
.modal--address-modal .modal-content{
padding:64px 24px 0
}
@media (min-width: 768px){
.modal--address-modal .modal-content{
padding:80px
}
}
.modal--address-modal .address-form .checkbox-radio__checkmark .icon{
margin-top:9px
}
.modal--address-modal .address-form__unit-container{
display:none
}
.modal--address-modal .address-form__unit-container--show{
display:-ms-flexbox;
display:flex
}
@media (min-width: 768px){
.speed-rec--results-page .modal-dialog{
height:auto;
margin:1.75rem auto;
max-width:650px
}
.speed-rec--results-page .modal-content{
border-radius:16px;
padding-bottom:0
}
.speed-rec--results-page .modal-content__content{
overflow:hidden
}
}
.react-modal{
background-color:#fff;
border-radius:16px 16px 0 0;
bottom:0;
color:#32313a;
font:16px/16px Arial;
left:0;
outline:none;
padding:64px 24px;
position:absolute;
right:0;
top:0;
width:100%
}
@media (min-width: 768px){
.react-modal{
border-radius:16px 16px;
max-width:650px;
position:relative
}
}
.react-modal__close-button{
background:transparent;
border:none;
color:#32313a;
outline:none;
padding:22px;
position:absolute;
right:0;
top:0
}
@media (min-width: 768px){
.react-modal__close-button{
padding:24px
}
}
.react-modal__content{
color:#32313a;
font-size:16px;
line-height:28px;
overflow:scroll
}
@media (min-width: 768px){
.react-modal__content{
max-height:50vh
}
}
.react-modal__content .body-copy:last-of-type{
margin-bottom:0
}
.react-modal__footer{
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
margin:52px 0
}
.react-modal__heading{
color:#32313a;
font-size:24px;
font-weight:bold;
line-height:28px;
margin:0;
padding-bottom:16px
}
.react-modal__scrim{
-ms-flex-align:center;
align-items:center;
animation-duration:0.2s;
animation-fill-mode:forwards;
animation-name:scrim-fade-in;
bottom:0;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
left:0;
position:fixed;
right:0;
top:0;
z-index:30
}
.react-modal--mobile-full-screen{
border-radius:0;
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column;
overflow-y:scroll;
top:0
}
.react-modal--mobile-full-screen .modal__heading{
border-bottom:1px solid #cbd1d7;
font-size:16px;
line-height:18px;
margin:30px 0 16px;
padding-bottom:24px
}
.react-modal--mobile-full-screen .modal__content{
font-size:16px;
line-height:24px
}
@media (min-width: 768px){
.react-modal--mobile-full-screen{
border-radius:16px;
overflow-y:auto
}
}
@media (min-width: 768px){
.react-modal--desktop-large{
box-shadow:0 11px 15px -7px rgba(0,0,0,0.2),0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12);
padding:80px
}
}
@media (min-width: 768px){
.react-modal--desktop-large .modal__heading{
border:none;
color:#32313a;
font-size:28px;
line-height:32px;
margin:0;
padding-bottom:16px
}
}
@media (min-width: 768px){
.react-modal--desktop-large .modal__content{
font-size:20px;
line-height:30px
}
}
@media (min-width: 768px){
.react-modal--desktop-small{
box-shadow:0 11px 15px -7px rgba(0,0,0,0.2),0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12);
padding:40px
}
}
@media (min-width: 768px){
.react-modal--desktop-small .modal__heading{
border:none;
font-size:20px;
line-height:24px;
margin:0;
padding-bottom:8px
}
}
@media (min-width: 768px){
.react-modal--desktop-small .modal__content{
color:#525161;
font-size:16px;
line-height:24px
}
}
.react-modal--slide-in{
animation-duration:0.3s;
animation-name:slide-in-up;
animation-timing-function:ease-out
}
.react-modal-trigger{
border:none;
cursor:pointer;
outline:none
}
.react-modal .accordion [hidden]{
display:block !important
}
.react-modal--view-details{
padding:0
}
@media (min-width: 768px){
.react-modal--view-details{
max-height:594px
}
}
@media (min-width: 768px){
.react-modal--view-details .react-modal__close-button{
padding:38px 32px
}
}
.react-modal--view-details .react-modal__heading{
border-bottom:1px solid #e3e8e8;
font-family:"Arial",sans-serif;
font-size:16px;
font-weight:600;
line-height:18px;
padding:24px
}
.fonts-loaded .react-modal--view-details .react-modal__heading{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .react-modal--view-details .react-modal__heading{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
@media (min-width: 768px){
.react-modal--view-details .react-modal__heading{
font-size:24px;
line-height:28px;
padding:32px
}
}
.react-modal--view-details .react-modal__content{
padding:24px
}
@media (min-width: 768px){
.react-modal--view-details .react-modal__content{
padding:16px 32px 32px
}
}
.react-modal--view-details .react-modal__footer{
background-color:#ebf0f0;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-pack:center;
justify-content:center;
margin:auto 0 0;
padding:16px 24px
}
.react-modal--view-details .react-modal__footer>.button{
padding:16px 24px
}
.react-modal--view-details .tabs{
margin-bottom:24px;
margin-top:0;
max-width:none
}
@media (max-width: 767px){
.react-modal--view-details .tabs{
border-bottom:0;
overflow:scroll;
white-space:nowrap
}
}
.react-modal--view-details .tabs__button{
font-family:"Arial",sans-serif
}
.fonts-loaded .react-modal--view-details .tabs__button{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .react-modal--view-details .tabs__button{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
@media (max-width: 767px){
.react-modal--view-details .tabs__button{
background:0;
border:0;
border:1px solid #525161;
border-radius:4px;
color:#525161;
line-height:16px;
margin-right:16px;
padding:16px 24px;
position:relative
}
}
.react-modal--view-details .tabs__button:hover{
border-bottom:solid 1px currentColor
}
.react-modal--view-details .tabs__button--is-active{
border-color:#006aeb;
color:#006aeb
}
body.ReactModal__Body--open{
overflow:hidden
}
.notification{
animation:slide-in-up-full 1s;
background-color:#fff;
bottom:0;
box-shadow:0 -7px 15px -7px rgba(82,81,97,0.1),0 1px 36px 8px rgba(82,81,97,0.05);
padding-bottom:8px;
padding-top:8px;
position:fixed;
right:0;
width:100%;
z-index:10
}
@media (min-width: 768px){
.notification{
padding-bottom:16px;
padding-top:16px
}
}
@media (min-width: 1280px){
.notification{
border-radius:8px;
bottom:64px;
box-shadow:0 11px 15px -7px rgba(82,81,97,0.1),0 9px 36px 8px rgba(82,81,97,0.05);
padding:24px;
right:64px;
width:270px
}
}
.one-field-form__error::before,.one-field-form__error::after{
border-style:solid;
border-width:6px 6px 6px;
content:"";
height:0;
left:8px;
position:absolute;
top:100%;
width:0
}
.one-field-form__error::before{
border-color:#d80a07 transparent transparent
}
.one-field-form__error::after{
border-color:#fff transparent transparent;
margin-top:-1px
}
.one-field-form__error.shake{
animation:shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
perspective:1000px;
transform:translate3d(0, 0, 0)
}
@keyframes shake{
10%,90%{
transform:translate3d(-1px, 0, 0)
}
20%,80%{
transform:translate3d(2px, 0, 0)
}
30%,50%,70%{
transform:translate3d(-4px, 0, 0)
}
40%,60%{
transform:translate3d(4px, 0, 0)
}
}
.option-buttons{
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-pack:center;
justify-content:center;
margin-bottom:24px
}
@media (min-width: 768px){
.option-buttons{
-ms-flex-direction:row;
flex-direction:row;
margin-bottom:48px
}
}
.checkbox-button:hover:not(.button--checked){
background-color:#fff
}
.option-button{
background-color:#fff;
margin:8px 0;
padding:16px 32px;
width:100%
}
@media (min-width: 768px){
.option-button{
margin:0 8px;
padding:24px 32px;
width:auto
}
}
.option-button:hover:not(.button--checked){
background-color:#fff
}
.option-button:first-child{
margin-top:0
}
@media (min-width: 768px){
.option-button:first-child{
margin-left:0
}
}
.option-button:last-child{
margin-bottom:0
}
@media (min-width: 768px){
.option-button:last-child{
margin-right:0
}
}
@media (min-width: 768px){
.option-button--large{
height:142px;
padding:0;
width:142px
}
}
.option-button__headline{
line-height:40px;
margin:0
}
.option-button__subheadline{
line-height:18px;
margin:0
}
.option-button__checkbox{
bottom:0;
left:0;
position:absolute;
right:0
}
.option-button__checkbox .checkbox__input-display{
height:24px;
width:24px
}
.option-button__checkbox .checkbox-radio__checkmark{
bottom:-2px;
left:2px
}
.option-button__checkmark{
height:100%;
position:absolute;
right:24px;
top:0
}
@media (min-width: 768px){
.option-button__checkmark{
right:32px
}
}
.option-button__checkmark svg{
max-height:100%
}
.speed-rec .option-buttons{
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack:inherit;
justify-content:inherit;
margin-bottom:32px
}
@media (min-width: 768px){
.speed-rec .option-buttons{
margin-bottom:48px
}
}
.speed-rec .colapsed{
max-height:450px;
overflow:hidden
}
@media (min-width: 768px){
.speed-rec .colapsed{
max-height:310px
}
}
.speed-rec .expanded{
max-height:auto
}
.speed-rec .option-button{
margin:8px 0;
padding:16px 24px;
width:100%
}
.speed-rec .option-button--large{
min-height:133px
}
.speed-rec .option-button__image{
margin-bottom:20px
}
.speed-rec .option-button__image img{
max-width:100px
}
.speed-rec .option-button.is-checked{
border-color:#006aeb
}
.speed-rec .option-button.is-active{
background-color:#006aeb
}
.speed-rec .option-button .focus-border{
pointer-events:none
}
.pagination{
margin-bottom:56px;
margin-top:56px;
background-color:white;
border:1px solid #cbd1d7;
border-radius:8px;
display:inline-block;
font-size:0;
overflow:hidden
}
@media (min-width: 768px){
.pagination{
margin-bottom:72px;
margin-top:72px
}
}
@media (min-width: 1280px){
.pagination{
margin-bottom:88px;
margin-top:88px
}
}
@media (min-width: 768px){
.pagination{
margin-bottom:80px;
margin-top:0
}
}
@media (min-width: 1280px){
.pagination{
margin-bottom:120px;
margin-top:0
}
}
.pagination--mobile{
display:block;
margin-bottom:64px;
margin-top:0
}
.pagination__item,.page-numbers.dots{
color:#32313a;
display:block;
font-size:20px;
font-weight:bold;
line-height:24px;
outline:none;
padding:16px 0;
text-align:center;
width:56px
}
.pagination__item::after,.page-numbers.dots::after{
display:none
}
.pagination__item--active,.page-numbers.current{
background-color:#006aeb;
color:#fff
}
.pagination__item-container,.page-numbers{
border:0;
border-right:1px solid #cbd1d7;
display:inline-block;
margin:0;
padding:0
}
.pagination__item-container:disabled .pagination__item,.page-numbers:disabled .pagination__item,.pagination__item-container:disabled .page-numbers.dots,.page-numbers:disabled .page-numbers.dots{
color:#cbd1d7
}
.pagination__item-container::before,.page-numbers::before{
display:none
}
.pagination__item-container--select{
text-align-last:center;
width:80%;
width:calc(100% - 184px)
}
.pagination__item-container--select:hover{
background:#f2f7f7
}
.pagination__item-container--select .input--select{
margin-bottom:0
}
.pagination__item-container:last-child,.page-numbers:last-child{
border:none
}
.pagination__item--nav{
padding:16px 24px;
width:auto
}
.pagination__item--select{
background:transparent;
border:none;
border-radius:0;
line-height:24px;
outline:none;
padding:16px 32px 16px 16px;
width:100%
}
.pagination__item--select+.select__icon{
pointer-events:none;
right:16px;
top:32px
}
.pagination__item:last-child,.page-numbers.dots:last-child{
border:none
}
.pagination__item:disabled:not(.pagination__item--active):not(.page-numbers.current):not(.pagination__item--dots):not(.page-numbers.dots),.page-numbers.dots:disabled:not(.pagination__item--active):not(.page-numbers.current):not(.pagination__item--dots):not(.page-numbers.dots){
color:#cbd1d7
}
.pagination__item:hover:not(:disabled):not(.pagination__item--active):not(.page-numbers.current):not(.pagination__item--dots):not(.page-numbers.dots),.page-numbers.dots:hover:not(:disabled):not(.pagination__item--active):not(.page-numbers.current):not(.pagination__item--dots):not(.page-numbers.dots){
background:#f2f7f7;
color:#32313a;
cursor:pointer
}
.page-numbers:hover:not(.dots){
color:#006aeb;
text-decoration:none
}
.page-numbers:hover .pagination__item,.page-numbers:hover .page-numbers.dots{
color:#006aeb
}
.page-numbers:hover:disabled{
color:#cbd1d7
}
.page-numbers:hover:disabled .pagination__item,.page-numbers:hover:disabled .page-numbers.dots{
color:#cbd1d7
}
.page-numbers[disabled]{
background:none;
cursor:default;
pointer-events:none
}
.page-numbers[disabled] .pagination__item,.page-numbers[disabled] .page-numbers.dots{
color:#cbd1d7
}
.page-numbers.current .pagination__item,.page-numbers.current .page-numbers.dots{
color:#fff
}
.page-numbers.dots{
display:inline-block
}
.pro-tip{
border:1px solid #cbd1d7;
border-radius:4px;
margin-top:72px;
padding:16px
}
@media (min-width: 768px){
.pro-tip{
margin-top:48px;
padding:24px
}
}
.pro-tip__icon{
border:1px solid #cbd1d7;
border-radius:56px;
display:block;
height:56px;
margin-top:-45px;
position:relative;
width:56px
}
@media (min-width: 768px){
.pro-tip__icon{
border:0;
border-radius:0;
-ms-flex-preferred-size:122px;
flex-basis:122px;
height:auto;
margin:0;
width:auto
}
}
@media (min-width: 1280px){
.pro-tip__icon{
-ms-flex-preferred-size:72px;
flex-basis:72px
}
}
.pro-tip__icon svg{
position:relative;
z-index:2
}
.pro-tip__icon::before,.pro-tip__icon::after{
background:#f2f7f7;
content:"";
display:block;
height:30px;
left:0;
position:absolute;
top:27px;
width:54px
}
@media (min-width: 768px){
.pro-tip__icon::before,.pro-tip__icon::after{
display:none
}
}
.pro-tip__icon::after{
left:-1px;
top:28px;
width:56px
}
.chameleon--cnet .featured-card-phone:hover{
color:var(--chameleon-primary)
}
.results-banner .feedback:not(.feedback--high-call-volume)+.feedback{
display:none
}
.shop-plans-headline span{
font-family:var(--cham-header-font-family)
}
.chameleon--cnet .results-card-container{
border:1px solid #d8d8d8;
border-radius:0;
box-shadow:none
}
.chameleon--cnet .results-card-container .results-card{
border-radius:0
}
.twitter-tweet,.instagram-media{
margin:0 auto !important
}
.speed-ring{
height:144px;
transition:opacity 300ms ease;
width:144px
}
@media (min-width: 1280px){
.speed-ring{
height:150px;
width:150px
}
}
.speed-ring.is-loaded{
opacity:0
}
.speed-ring__inner{
transform-origin:50% 50%
}
.speed-rec__navigation{
margin-bottom:40px
}
@media (min-width: 768px){
.speed-rec__navigation{
margin-bottom:64px
}
}
.speed-rec__close-button{
-ms-flex-align:center;
align-items:center;
color:#525161;
display:-ms-flexbox;
display:flex;
opacity:1
}
.speed-rec__close-button>.label{
margin-right:8px
}
.speed-rec__back-button{
-ms-flex-align:center;
align-items:center;
appearance:none;
background-color:transparent;
border:0;
color:#525161;
display:-ms-flexbox;
display:flex;
padding:0
}
.speed-rec__back-button>.label{
margin-left:8px
}
.speed-rec__headline{
margin:24px 0 16px
}
@media (min-width: 768px){
.speed-rec__headline{
margin:40px 0 24px
}
}
.speed-rec__next{
padding:16px 0;
width:100%
}
@media (min-width: 768px){
.speed-rec__next{
padding:24px 32px;
width:auto
}
}
.speed-rec__next svg{
margin-left:12px
}
@media (min-width: 768px){
.speed-rec__next svg{
margin-left:16px
}
}
[data-app="speed-recommendation-results"] .info-box{
display:none
}
.state-dropdown{
position:relative
}
@media (min-width: 768px){
.state-dropdown--narrow{
max-width:270px
}
}
.state-dropdown .input-text-field--active+.state-autocomplete{
border-color:#525161
}
.state-dropdown .select__icon{
margin-top:0;
transform:translateY(-50%);
transition:all 300ms ease-in-out
}
.state-dropdown .select__icon svg{
max-height:6px
}
.state-dropdown .state-dropdown__label{
padding-left:0
}
.state-dropdown .state-dropdown__label:focus{
padding-left:28px
}
.state-dropdown .state-dropdown__input,.state-dropdown .state-dropdown__input:focus{
padding-left:24px
}
.state-dropdown.is-visible .state-autocomplete{
display:block
}
.state-dropdown.is-visible .select__icon{
transform:translateY(-50%) rotate(180deg);
transition:all 300ms
}
.state-autocomplete{
background-color:#fff;
border:1px solid #cbd1d7;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
border-top:none;
display:none;
max-height:300px;
overflow:auto;
padding:0;
position:absolute;
top:26px;
width:100%;
z-index:2
}
.state-autocomplete.is-empty{
border:none
}
.state-autocomplete__link{
display:block;
font-weight:normal;
line-height:3.5;
padding:0 20px;
text-decoration:none
}
.state-autocomplete__link-error{
line-height:1.4
}
.state-autocomplete__link:hover,.state-autocomplete__link:focus{
background-color:#f2f7f7
}
.state-dropdown--dark [data-state-dropdown-toggle]{
background-color:#32313a;
color:#fff
}
.state-dropdown--dark .input-text-field__input{
background-color:#32313a;
color:#fff
}
.state-dropdown--dark .input-text-field__label{
color:#fff
}
.state-dropdown--dark .state-autocomplete{
background-color:#32313a
}
@media (max-width: 767px){
.state-dropdown--dark .state-autocomplete{
top:36px
}
}
.state-dropdown--dark .input-text-field:not(.input-text-field--error) .input-text-field__input:focus,.state-dropdown--dark .state-dropdown .input-text-field--active+.state-autocomplete{
border:solid 1px #fff
}
.state-dropdown--dark .state-dropdown .input-text-field--active+.state-autocomplete.is-empty{
border-top-color:transparent
}
@media (max-width: 767px){
.state-dropdown--dark .state-dropdown .input-text-field--active+.state-autocomplete.is-empty{
border-color:transparent;
margin:0;
top:75px
}
}
.state-dropdown--dark .state-autocomplete__link{
font-weight:bold
}
.state-dropdown--dark .state-autocomplete__link:hover,.state-dropdown--dark .state-autocomplete__link:focus{
background-color:#9da3a8;
color:#fff
}
.step{
transition:all 300ms ease
}
.step-exit{
opacity:1
}
.step-exit.step-exit-active{
animation:opacity 300ms linear
}
.step-enter{
opacity:0
}
.step-enter.step-enter-active{
animation:opacity 300ms ease
}
.step-loader{
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-pack:justify;
justify-content:space-between;
max-width:787px;
position:relative;
width:100%
}
@media (min-width: 768px){
.step-loader{
-ms-flex-direction:row;
flex-direction:row
}
}
.step-loader__track{
background:#cbd1d7;
border-radius:4px;
height:100%;
left:14px;
position:absolute;
top:0;
width:4px
}
@media (min-width: 768px){
.step-loader__track{
height:4px;
left:0;
top:50%;
width:100%
}
}
.step-loader__progress-wrapper{
-ms-flex-preferred-size:50%;
flex-basis:50%
}
.step-loader__progress{
animation:7s line-grower-vertical forwards;
background:#006aeb;
height:4px;
transition:all 150ms linear;
width:100%
}
@media (min-width: 768px){
.step-loader__progress{
animation:7s line-grower forwards;
height:100%;
width:0
}
}
.step-loader__step{
-ms-flex-align:center;
align-items:center;
display:-ms-flexbox;
display:flex;
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
margin-bottom:48px;
position:relative;
transition:all 200ms linear;
z-index:1
}
@media (min-width: 768px){
.step-loader__step{
-ms-flex-pack:center;
justify-content:center;
margin-bottom:0
}
}
@media (min-width: 768px){
.step-loader__track+.step-loader__step{
-ms-flex-pack:start;
justify-content:flex-start
}
}
.step-loader__step:last-of-type{
margin-bottom:0
}
@media (min-width: 768px){
.step-loader__step:last-of-type{
-ms-flex-pack:end;
justify-content:flex-end
}
}
.step-loader__step.active+.step-loader__step .step-loader__icon::before{
background-color:#006aeb
}
.step-loader__step-text{
color:#cbd1d7;
font-family:"Arial",sans-serif;
font-size:16px;
font-weight:bold;
margin-left:16px;
white-space:nowrap
}
.fonts-loaded .step-loader__step-text{
font-family:var(--cham-primary-font-family),sans-serif
}
body:not(.fonts-loaded) .step-loader__step-text{
font-family:"Arial",sans-serif;
letter-spacing:-0.07px
}
@media (min-width: 768px){
.step-loader__step-text{
margin-left:0;
position:absolute;
top:50px
}
}
.active .step-loader__step-text{
color:#006aeb
}
.step-loader__icon{
background-color:#fff;
border:4px solid #cbd1d7;
border-radius:50%;
height:32px;
position:relative;
transition:all 200ms linear;
width:32px
}
@media (min-width: 768px){
.step-loader__icon{
height:40px;
width:40px
}
}
.step-loader__icon::before{
background-color:#cbd1d7;
border-radius:50%;
content:"";
display:block;
height:18px;
left:50%;
position:absolute;
top:50%;
transform:translate(-50%, -50%);
width:18px
}
.active .step-loader__icon{
background-color:#006aeb;
border-color:#006aeb
}
.active .step-loader__icon::before{
display:none
}
@keyframes line-grower{
0%{
width:0
}
100%{
width:100%
}
}
@keyframes line-grower-vertical{
0%{
height:0
}
100%{
height:100%
}
}
.switcher-banner__content .body-copy{
font-size:12px;
line-height:16px
}
@media (min-width: 768px){
.switcher-banner__content .body-copy{
font-size:16px
}
}
.not-found__illustration{
margin-bottom:32px
}
@media (min-width: 768px){
.not-found__illustration{
margin-bottom:40px
}
}
.not-found__illustration img{
width:100%
}
@media (min-width: 768px){
.not-found__illustration img{
width:457px
}
}
@media (min-width: 1280px){
.not-found__illustration img{
width:564px
}
}
.not-found__header{
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
text-align:center
}
.not-found__header h1{
width:214px
}
@media (min-width: 768px){
.not-found__header h1{
width:100%
}
}
.not-found__message{
text-align:center
}
.not-found__button{
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
margin-bottom:40px
}
@media (min-width: 768px){
.not-found__button{
margin-bottom:48px
}
}
.not-found .popular-pages__title{
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center
}
.not-found .popular-pages__title p{
margin-bottom:40px
}
.not-found .popular-pages__links{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack:center;
justify-content:center
}
.not-found .popular-pages__links .text-link{
margin-bottom:16px
}
.author__container{
margin-top:64px
}
@media (min-width: 768px){
.author__container{
margin-top:80px
}
}
@media (min-width: 1280px){
.author__container{
margin-top:114px
}
}
.author__headline-3{
font-weight:400;
margin:64px auto 40px
}
.author__headline-3::after{
background-color:#cbd1d7;
content:"";
display:block;
height:1px;
margin:24px auto
}
@media (min-width: 768px){
.author__headline-3{
margin-bottom:48px;
margin-top:80px
}
}
@media (min-width: 1280px){
.author__headline-3{
margin-top:120px
}
}
.author__illustration{
height:auto;
margin-bottom:-30px;
margin-top:40px;
max-width:100%
}
@media (min-width: 768px){
.author__illustration{
margin-top:48px;
max-width:520px
}
}
@media (min-width: 1280px){
.author__illustration{
margin-bottom:-40px;
margin-left:120px;
margin-top:0;
max-width:660px
}
}
@media screen and (min-width: 1280px) and (max-width: 1600px){
.author__illustration{
margin-left:inherit
}
}
.deals-hero{
background:#32313a url("/wp-content/themes/allconnect/images/patterns/new-year/new-year-bg-mobile.svg") 33% -16px
}
@media (min-width: 768px){
.deals-hero{
background:#32313a url("/wp-content/themes/allconnect/images/patterns/new-year/new-year-bg-tablet.svg") 50% 0
}
}
@media (min-width: 1280px){
.deals-hero{
background:#32313a url("/wp-content/themes/allconnect/images/patterns/new-year/new-year-bg-desktop.svg") 50% -39px
}
}
.deals-hero__content{
padding:40px 0;
position:relative
}
@media (min-width: 768px){
.deals-hero__content{
padding:56px 0 48px
}
}
@media (min-width: 1280px){
.deals-hero__content{
padding:96px 0 88px
}
}
.deals-hero__illustration-image{
bottom:-45px;
position:absolute;
right:0;
width:282px;
z-index:1
}
@media (min-width: 768px){
.deals-hero__illustration-image{
bottom:-28px;
right:32px;
width:456px
}
}
@media (min-width: 1280px){
.deals-hero__illustration-image{
bottom:-40px;
right:-108px;
width:804px
}
}
.deals-hero__list{
padding:0
}
.deals-hero__list-item::before{
display:none
}
.deals-hero__link{
font-size:18px;
line-height:18px;
text-decoration:underline
}
.page--posts{
margin-top:56px;
margin-bottom:0
}
@media (min-width: 768px){
.page--posts{
margin-top:72px
}
}
@media (min-width: 1280px){
.page--posts{
margin-top:88px
}
}
.page--posts .email-capture{
margin-top:56px;
margin-bottom:0
}
@media (min-width: 768px){
.page--posts .email-capture{
margin-top:72px
}
}
@media (min-width: 1280px){
.page--posts .email-capture{
margin-top:88px
}
}
.post-header__author{
-ms-flex-align:center;
align-items:center;
display:-ms-flexbox;
display:flex
}
.post-header__author-name{
margin:0 0 0 24px
}
.post-header__date{
margin-left:24px
}
.post.type-post{
margin-top:44px
}
.category-header{
padding:64px 0 15px
}
@media (min-width: 768px){
.category-header{
padding:80px 0 48px
}
}
@media (min-width: 1280px){
.category-header{
padding:120px 0 48px
}
}
.category-wrapper{
overflow:hidden
}
@media (min-width: 1280px){
.category-wrapper{
overflow:visible
}
}
.category-links{
font-size:0;
list-style:none;
margin:0 -10px 0 -32px;
overflow:scroll;
-ms-overflow-style:-ms-autohiding-scrollbar;
white-space:nowrap
}
@media (min-width: 1280px){
.category-links{
margin:0 -43px 0 -32px;
overflow:visible
}
}
.category-links__item{
display:inline-block;
font-size:medium;
font-weight:bold
}
.category-links__item::before{
display:none
}
.category-links__item:first-of-type{
padding-left:32px
}
@media (min-width: 768px){
.category-links__item:first-of-type{
padding-left:48px
}
}
.category-links__item--more{
display:none
}
.category-links__item--more:hover .category-links__dropdown{
display:block
}
.category-links:nth-child(1) svg{
height:16px
}
.category-links__dropdown{
background:#fff;
border-radius:6px;
box-shadow:0 1px 10px 0 rgba(0,0,0,0.12),0 4px 5px 0 rgba(0,0,0,0.14),0 2px 4px -1px rgba(0,0,0,0.02);
display:none;
position:absolute;
right:6px;
top:100%;
width:78px;
z-index:10
}
@media (min-width: 768px){
.category-links__dropdown{
right:0;
width:160px
}
}
.category-links__dropdown .category-links__link{
padding:16px
}
.category-links__dropdown.more-is-open{
display:block
}
.category-links__link{
border:1px solid #cbd1d7;
border-radius:4px;
color:#525161;
display:block;
font-weight:bold;
margin:0 16px 40px 0;
padding:11px 16px;
position:relative;
transition:all 300ms ease
}
@media (min-width: 768px){
.category-links__link{
border-radius:0;
border-width:0;
margin:0;
padding:16px 35px
}
}
@media (min-width: 1280px){
.category-links__link{
padding:16px 40px
}
}
.category-links__link:visited{
color:#32313a
}
.category-links__link.is-active,.category-links__link:hover{
border-color:#006aeb;
color:#006aeb;
text-decoration:none
}
.category-links__link.is-active::after,.category-links__link:hover::after{
height:2px
}
.category-links__link::after{
background-color:#006aeb;
bottom:0;
content:"";
display:none;
height:0;
left:0;
position:absolute;
top:auto;
transition:all 300ms ease;
width:100%
}
@media (min-width: 768px){
.category-links__link::after{
display:block
}
}
.category-links__link svg{
margin:0 5px
}
@media (min-width: 1280px){
.category-links.is-overflow .category-links__item--more{
display:inline-block
}
}
.email-collection__legal{
line-height:1.2
}
.email-collection__legal a{
color:#525161
}
.email-collection__input.has-error{
border-color:#d80a07;
color:#d80a07
}
.email-collection__input.has-error:-ms-input-placeholder{
color:#d80a07
}
.email-collection__input.has-error::placeholder{
color:#d80a07
}
.email-collection__input.has-error+.error-message{
display:block !important
}
@media (min-width: 768px){
.email-collection__submit{
bottom:1px
}
}
[data-email-form-success]:not(.hidden)+*{
display:none
}
.post-list__author{
-ms-flex-align:center;
align-items:center;
display:-ms-flexbox;
display:flex;
margin-top:16px
}
.post-list__date{
display:block;
margin-bottom:16px;
padding-left:16px
}
.post-list__item{
border-bottom:1px solid #cbd1d7;
margin-bottom:40px;
padding-bottom:40px
}
@media (min-width: 768px){
.post-list__item{
border-bottom:none;
margin-bottom:72px;
padding-bottom:0
}
}
@media (min-width: 1280px){
.post-list__item{
margin-bottom:88px
}
}
.post-list__link{
color:#32313a
}
.post-list__link:hover{
color:#1f1f25
}
.post-list__image{
border-radius:8px;
display:block;
transition:0.5s all;
width:100%
}
@media (min-width: 768px){
.post-list__image{
border-radius:unset
}
}
.post-list__image:hover{
width:110%
}
.post-list__image-link{
border-radius:8px;
display:block;
margin-bottom:24px
}
@media (min-width: 768px){
.post-list__image-link{
height:100%;
overflow:hidden;
width:100%
}
}
.post-list-header{
margin-top:56px
}
@media (min-width: 768px){
.post-list-header{
margin-top:72px
}
}
@media (min-width: 1280px){
.post-list-header{
margin-top:88px
}
}
.latest-post-headline{
margin-bottom:32px
}
@media (min-width: 1280px){
.latest-post-headline{
margin-bottom:48px
}
}
.wrap-up{
margin-top:20px;
position:relative
}
@media (min-width: 768px){
.wrap-up{
margin-top:80px
}
}
@media (min-width: 1280px){
.wrap-up{
margin-top:60px
}
}
.wrap-up__background{
background:#edf6ff;
bottom:0;
height:30px;
position:absolute;
width:100%
}
@media (min-width: 768px){
.wrap-up__background{
height:58px
}
}
@media (min-width: 1280px){
.wrap-up__background{
height:48px
}
}
.wrap-up__button-container{
-ms-flex-direction:column;
flex-direction:column
}
@media (min-width: 768px){
.wrap-up__button-container{
-ms-flex-direction:row;
flex-direction:row
}
}
.wrap-up__button{
color:#fff;
text-align:center;
text-decoration:none
}
@media (max-width: 767px){
.wrap-up__button{
width:100%
}
}
.wrap-up__button:hover,.wrap-up__button:focus,.wrap-up__button:visited{
color:#fff;
text-decoration:none
}
.wrap-up__button--phone{
color:#525161;
margin-top:16px
}
.wrap-up__button--phone:hover{
color:#525161
}
.wrap-up__content{
margin-bottom:32px
}
@media (min-width: 768px){
.wrap-up__content{
margin-bottom:48px
}
}
.wrap-up__content-column{
-ms-flex-item-align:center;
align-self:center
}
@media (min-width: 768px){
.wrap-up__content-column{
padding-bottom:20px
}
}
@media (min-width: 1280px){
.wrap-up__content-column{
-ms-flex-order:2;
order:2
}
}
.wrap-up__cta-text{
margin:0
}
@media (min-width: 768px){
.wrap-up__cta-text{
display:inline-block;
padding-left:40px
}
}
@media (min-width: 1280px){
.wrap-up__cta-text{
padding-left:48px
}
}
.wrap-up__illustration{
display:inline-block
}
.wrap-up__illustration img{
height:auto;
width:100%
}
@media (min-width: 768px){
.wrap-up__illustration img{
width:524px
}
}
@media (min-width: 1280px){
.wrap-up__illustration img{
width:702px
}
}
.wrap-up__illustration-container{
margin-top:64px;
position:relative;
text-align:center
}
@media (min-width: 768px){
.wrap-up__illustration-container{
margin-top:0
}
}
@media (min-width: 1280px){
.wrap-up__illustration-container{
margin-top:0;
-ms-flex-order:1;
order:1
}
}
.wrap-up__number{
font-weight:bold
}
.wrap-up__number--block{
display:block
}
.wrap-up--ps-survey .wrap-up__content{
font-size:18px;
line-height:28px
}
@media (min-width: 768px){
.wrap-up--ps-survey .wrap-up__content{
font-size:20px;
line-height:30px
}
}
@media (min-width: 1280px){
.wrap-up--ps-survey .wrap-up__content{
margin-bottom:32px
}
}
.wrap-up--ps-survey .wrap-up__phone-number{
color:#006aeb;
font-size:28px;
font-weight:bold;
line-height:32px;
margin-bottom:0
}
.wrap-up--ps-survey .headline{
margin-top:0
}
.wrap-up--speed-rec{
background-color:#f2f7f7;
padding:64px 0
}
.wrap-up--speed-rec .wrap-up__cta-wrapper{
padding:40px 0 0
}
@media (min-width: 768px){
.wrap-up--speed-rec .wrap-up__cta-wrapper{
-ms-flex-preferred-size:50%;
flex-basis:50%;
padding:0 16px
}
}
.wrap-up--speed-rec .wrap-up__cta-wrapper:first-child{
border-bottom:solid 1px #cbd1d7;
padding-bottom:40px;
padding-top:0
}
@media (min-width: 768px){
.wrap-up--speed-rec .wrap-up__cta-wrapper:first-child{
border-bottom:none;
border-right:solid 1px #cbd1d7
}
}
.wrap-up--speed-rec .wrap-up__icon{
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center
}
.wrap-up--speed-rec .wrap-up__sub-headline{
margin:24px 0 16px
}
.wrap-up--dual-cta .wrap-up__illustration{
display:block
}
.wrap-up--dual-cta .wrap-up__illustration::after{
content:"";
display:block;
padding-bottom:100%
}
@media (min-width: 768px){
.wrap-up--dual-cta .wrap-up__illustration::after{
padding-bottom:98.1263%
}
}
@media (min-width: 1280px){
.wrap-up--dual-cta .wrap-up__illustration::after{
padding-bottom:83.96382%
}
}
.extra-find-plans{
pointer-events:none;
position:absolute;
visibility:hidden;
z-index:-1
}
.black-friday-cyber-week-banner{
background-image:url("/wp-content/themes/allconnect/images/patterns/starry-pattern-mobile.png");
background-size:auto
}
@media (min-width: 768px){
.black-friday-cyber-week-banner{
background-image:url("/wp-content/themes/allconnect/images/patterns/starry-pattern-desktop-tablet.png")
}
}
@media (min-width: 1280px){
.black-friday-cyber-week-banner{
background-size:125%
}
}