@cfpb/cfpb-design-system
Version:
CFPB's UI framework
3 lines (2 loc) • 27.1 kB
CSS
.m-card{position:relative}.m-card:not(.m-card--breakout)>a{padding:1.875em}.m-card:not(.m-card--breakout) .m-card__footer{margin-top:auto}.m-card:not(.m-card--breakout,.m-card--topic){background:var(--white);border:1px solid var(--gray-20);border-bottom-width:3px;padding:1.875em}.m-card:not(.m-card--breakout,.m-card--topic),.m-card>a{display:flex;flex-direction:column;flex-grow:1;flex-basis:0;box-sizing:border-box;height:100%}.m-card a:focus{outline-offset:2px}.m-card__footer>a{font-weight:500;border-bottom-width:1px}@media only all and (max-width: 56.3125em){.m-card__heading{font-size:1.375em;font-weight:400;letter-spacing:inherit;line-height:1.25;text-transform:inherit;margin-bottom:.6818181818em}p+.m-card__heading,ul+.m-card__heading,ol+.m-card__heading,dl+.m-card__heading,figure+.m-card__heading,img+.m-card__heading,table+.m-card__heading,blockquote+.m-card__heading,h1+.m-card__heading,.h1+.m-card__heading,h2+.m-card__heading,.h2+.m-card__heading,h4+.m-card__heading,.h4+.m-card__heading,h5+.m-card__heading,.h5+.m-card__heading,h6+.m-card__heading,.h6+.m-card__heading{margin-top:1.3636363636em}}@media only all and (max-width: 56.3125em) and (max-width: 37.5em){.m-card__heading{font-size:1.125em;font-weight:400;letter-spacing:inherit;line-height:1.25;text-transform:inherit;margin-bottom:.8333333333em}p+.m-card__heading,ul+.m-card__heading,ol+.m-card__heading,dl+.m-card__heading,figure+.m-card__heading,img+.m-card__heading,table+.m-card__heading,blockquote+.m-card__heading,h1+.m-card__heading,.h1+.m-card__heading,h2+.m-card__heading,.h2+.m-card__heading,h3+.m-card__heading,.h3+.m-card__heading,h5+.m-card__heading,.h5+.m-card__heading,h6+.m-card__heading,.h6+.m-card__heading{margin-top:1.6666666667em}}.m-card__heading>a{color:var(--black)}.m-card__heading>a:hover{color:var(--pacific)}.m-card__heading>a .m-card__icon{font-size:1em;margin-bottom:0;padding-right:.46875em}.m-card__heading>a .m-card__icon,.m-card__heading>a span{display:table-cell}.m-card>.m-list{margin-top:10px;margin-bottom:30px}.m-card--topic{text-align:center;width:170px;background:var(--white)}.m-card--topic>a{border:1px solid var(--gray-20);border-bottom-width:3px}.m-card--topic .m-card__icon{font-size:1.875em;color:var(--green);margin-bottom:.3125em}.m-card--topic:hover>a{box-shadow:0 2px 0 0 inset var(--gray-20),2px 0 0 0 inset var(--gray-20),-2px 0 0 0 inset var(--gray-20)}.m-card--topic:hover:after{content:"";position:absolute;left:0;bottom:1px;height:5px;width:100%;background:var(--green)}.m-card--topic .m-card__footer>span{display:inline;border-width:0;border-bottom-width:1px;border-color:var(--pacific);border-style:dotted;font-weight:500;color:var(--pacific);text-decoration:none}.m-card--topic>a:visited .m-card__footer>span{border-color:var(--teal);color:var(--teal)}.m-card--topic:hover .m-card__footer>span{border-style:solid;border-color:var(--pacific-dark);color:var(--pacific-dark)}.m-card--topic>a:focus .m-card__footer>span{border-color:var(--pacific-dark);color:var(--pacific-dark)}.m-card--topic>a:active .m-card__footer>span{border-color:var(--pacific-dark);border-style:solid;color:var(--pacific-dark)}.m-card--topic-action .m-card__icon{color:var(--pacific)}.m-card--breakout{min-width:210px;text-align:center}.m-card--breakout>a{padding-top:60px}.m-card--breakout .m-card__inner-wrapper{position:relative;z-index:0;min-height:135px;background:var(--gray-5);border:1px solid var(--gray-20);border-bottom-width:3px}.m-card--breakout .m-card__img{position:absolute;z-index:1;top:0;left:50%;width:210px;height:120px;margin-left:-105px}.m-card--breakout .m-card__footer{margin-top:84px}.m-card--breakout:hover .m-card__inner-wrapper{box-shadow:0 2px 0 0 inset var(--gray-20),2px 0 0 0 inset var(--gray-20),-2px 0 0 0 inset var(--gray-20)}.m-card--breakout:hover:after{content:"";position:absolute;left:0;bottom:1px;height:5px;width:100%;background:var(--green)}.m-card--breakout .m-card__footer>span{display:inline;border-width:0;border-bottom-width:1px;border-color:var(--pacific);border-style:dotted;font-weight:500;color:var(--pacific);text-decoration:none}.m-card--breakout>a:visited .m-card__footer>span{border-color:var(--teal);color:var(--teal)}.m-card--breakout:hover .m-card__footer>span{border-style:solid;border-color:var(--pacific-dark);color:var(--pacific-dark)}.m-card--breakout>a:focus .m-card__footer>span{border-color:var(--pacific);color:var(--pacific)}.m-card--breakout>a:active .m-card__footer>span{border-color:var(--navy);border-style:solid;color:var(--navy)}.m-card--breakout .m-card__footer>span{font-size:1.375em;font-weight:400;letter-spacing:inherit;line-height:1.25;text-transform:inherit;margin-bottom:.6818181818em}p+.m-card--breakout .m-card__footer>span,ul+.m-card--breakout .m-card__footer>span,ol+.m-card--breakout .m-card__footer>span,dl+.m-card--breakout .m-card__footer>span,figure+.m-card--breakout .m-card__footer>span,img+.m-card--breakout .m-card__footer>span,table+.m-card--breakout .m-card__footer>span,blockquote+.m-card--breakout .m-card__footer>span,h1+.m-card--breakout .m-card__footer>span,.h1+.m-card--breakout .m-card__footer>span,h2+.m-card--breakout .m-card__footer>span,.h2+.m-card--breakout .m-card__footer>span,h4+.m-card--breakout .m-card__footer>span,.h4+.m-card--breakout .m-card__footer>span,h5+.m-card--breakout .m-card__footer>span,.h5+.m-card--breakout .m-card__footer>span,h6+.m-card--breakout .m-card__footer>span,.h6+.m-card--breakout .m-card__footer>span{margin-top:1.3636363636em}.o-card-group>h2{margin-bottom:1.875rem}.o-card-group--column-2 .o-card-group__cards{grid-template-columns:1fr 1fr}.o-card-group--column-3 .o-card-group__cards{grid-template-columns:repeat(3,minmax(0,1fr))}@media only all and (max-width: 63.8125em){.o-card-group--column-3 .o-card-group__cards{grid-template-columns:1fr 1fr}}.o-card-group__cards{display:grid;grid-column-gap:1.25em;grid-row-gap:1.25em}@media only all and (max-width: 37.5em){.o-card-group__cards{grid-template-columns:100%}}.o-card-group--bg-green{padding:1.875em;background:var(--green-20)}_:-ms-lang(x),.o-card-group__cards{display:block}_:-ms-lang(x) .m-card,.o-card-group__cards .m-card{display:block;float:left;margin-bottom:10px}_:-ms-lang(x) .o-card-group__cards .m-card,.o-card-group--column-2 .o-card-group__cards .m-card{width:48%;margin-right:2%}_:-ms-lang(x) .o-card-group__cards .m-card:last-child,.o-card-group--column-2 .o-card-group__cards .m-card:last-child{margin-right:0}_:-ms-lang(x) .o-card-group__cards .m-card,.o-card-group--column-3 .o-card-group__cards .m-card{width:32%;margin-right:1%}_:-ms-lang(x) .o-card-group__cards .m-card:last-child,.o-card-group--column-3 .o-card-group__cards .m-card:last-child{margin-right:0}_:-ms-lang(x),.o-card-group:after{content:"";display:table;clear:both}.o-card-group--count-2 .m-card:nth-of-type(1),.o-card-group--count-3 .m-card:nth-of-type(1),.o-card-group--count-4 .m-card:nth-of-type(1){grid-area:card1}.o-card-group--count-2 .m-card:nth-of-type(2),.o-card-group--count-3 .m-card:nth-of-type(2),.o-card-group--count-4 .m-card:nth-of-type(2){grid-area:card2}.o-card-group--count-2 .m-card:nth-of-type(3),.o-card-group--count-3 .m-card:nth-of-type(3),.o-card-group--count-4 .m-card:nth-of-type(3){grid-area:card3}.o-card-group--count-2 .m-card:nth-of-type(4),.o-card-group--count-3 .m-card:nth-of-type(4),.o-card-group--count-4 .m-card:nth-of-type(4){grid-area:card4}.o-card-group--count-2 .o-card-group__cards{grid-template-columns:1fr 1fr;grid-template-areas:"card1 card2"}.o-card-group--count-3 .o-card-group__cards{grid-template-columns:1fr 1fr;grid-template-areas:"card1 card2" "card1 card3"}.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3{font-size:1.625em;font-weight:600;letter-spacing:inherit;line-height:1.25;text-transform:inherit;margin-bottom:.5769230769em}p+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,ul+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,ol+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,dl+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,figure+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,img+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,table+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,blockquote+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3{margin-top:1.7307692308em}h1+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,.h1+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,h3+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,.h3+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,h4+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,.h4+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,h5+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,.h5+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,h6+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,.h6+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3{margin-top:1.1538461538em}@media only all and (max-width: 37.5em){p+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,ul+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,ol+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,dl+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,figure+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,img+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,table+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,blockquote+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3{margin-top:1.3636363636em}}@media only all and (max-width: 37.5em){.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3{font-size:1.375em;font-weight:600;letter-spacing:inherit;line-height:1.25;text-transform:inherit;margin-bottom:.6818181818em}p+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,ul+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,ol+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,dl+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,figure+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,img+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,table+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,blockquote+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,h1+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,.h1+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,h2+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,.h2+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,h4+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,.h4+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,h5+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,.h5+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,h6+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3,.h6+.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3{margin-top:1.3636363636em}}.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1)>a{justify-content:center}.o-card-group--count-4 .o-card-group__cards{grid-template-columns:1fr 1fr;grid-template-areas:"card1 card2" "card3 card4"}.o-card-group--flow .o-card-group__cards{display:flex;flex-wrap:wrap;justify-content:center}@media only all and (min-width: 37.5625em) and (max-width: 56.25em){.o-card-group--count-3 .o-card-group__cards{grid-template-columns:1fr 1fr;grid-template-areas:"card1 card1" "card2 card3"}}@media only all and (max-width: 37.5em){.o-card-group--count-2 .o-card-group__cards{grid-template-columns:1fr;grid-template-areas:"card1" "card2"}.o-card-group--count-3 .o-card-group__cards{grid-template-columns:1fr;grid-template-areas:"card1" "card2" "card3"}.o-card-group--count-4 .o-card-group__cards{grid-template-columns:1fr;grid-template-areas:"card1" "card2" "card3" "card4"}.o-card-group--flow .o-card-group__cards{display:block}.o-card-group--flow .o-card-group__cards .m-card{width:100%;margin-bottom:1.875em}}.o-email-signup .m-notification{margin-bottom:.9375em}.o-email-signup .a-text-input{max-width:23.125rem}.o-email-signup__buttons{display:flex;margin-top:.9375em;align-items:center;flex-wrap:wrap-reverse;gap:.9375em}.o-email-signup .a-btn{text-align:inherit}@media only all and (max-width: 37.5em){.o-email-signup .a-label--heading{font-size:1em}}.o-featured-content-module{min-height:220px;position:relative;border:1px solid var(--gray-40);background-color:var(--gray-5)}.o-featured-content-module__text{padding-top:1.875em;padding-bottom:1.875em}.o-featured-content-module__img{display:block}@media only all and (max-width: 37.5em){.o-featured-content-module__text{padding-right:.9375em;padding-left:.9375em}.o-featured-content-module__visual{padding-right:.9375em;padding-bottom:.9375em;padding-left:.9375em}.o-featured-content-module__img{margin-right:auto;margin-left:auto}}@media only all and (min-width: 37.5625em){.o-featured-content-module__text{padding-right:300px;padding-left:1.875em}.o-featured-content-module__visual{height:100%;overflow:hidden;position:absolute;top:0;right:0;width:270px}.o-featured-content-module__img{max-width:none;height:100%;position:absolute;left:50%;transform:translate(-50%)}}.o-featured-content-module--left{border:initial;background-color:initial}.o-featured-content-module--left .o-featured-content-module__visual{left:0;right:initial}@media only all and (min-width: 37.5625em){.o-featured-content-module--left .o-featured-content-module__text{padding-left:300px;padding-right:1.875em}}.m-hero{background-color:var(--gray-5)}.m-hero__wrapper{display:grid;max-width:1200px;margin:0 auto;padding-top:30px;padding-bottom:30px}.m-hero__text{padding-right:15px;padding-left:15px}.m-hero__heading{font-size:2.125em;font-weight:600;letter-spacing:inherit;line-height:1.25;text-transform:inherit;margin-bottom:.4411764706em}p+.m-hero__heading,ul+.m-hero__heading,ol+.m-hero__heading,dl+.m-hero__heading,figure+.m-hero__heading,img+.m-hero__heading,table+.m-hero__heading,blockquote+.m-hero__heading{margin-top:1.7647058824em}.m-hero__subhead{font-size:22px;line-height:1.25}.m-hero__image-wrapper{box-sizing:border-box;overflow:hidden}.m-hero__image{background-position:center;background-repeat:no-repeat;background-size:contain;width:100%;display:none}@supports (display: grid){.m-hero__image{display:block}}.m-hero--knockout{background-color:var(--gray);color:var(--white)}.m-hero--overlay .m-hero__wrapper{background-position:center;background-repeat:no-repeat;background-size:cover}.m-hero--jumbo,.m-hero--50-50{background-color:var(--white)}.m-hero--jumbo .m-hero__subhead,.m-hero--50-50 .m-hero__subhead{margin-top:0;margin-bottom:15px;font-size:1.375em;font-weight:400;letter-spacing:inherit;line-height:1.25;text-transform:inherit}@media only all and (max-width: 37.5em){.m-hero--jumbo .m-hero__subhead,.m-hero--50-50 .m-hero__subhead{font-size:1.125em;font-weight:400;letter-spacing:inherit;line-height:1.25;text-transform:inherit}}@media only all and (min-width: 37.5625em){.m-hero--jumbo .m-hero__subhead,.m-hero--50-50 .m-hero__subhead{font-size:1.375em;font-weight:400;letter-spacing:inherit;line-height:1.25;text-transform:inherit;margin-bottom:.6818181818em}p+.m-hero--jumbo .m-hero__subhead,ul+.m-hero--jumbo .m-hero__subhead,ol+.m-hero--jumbo .m-hero__subhead,dl+.m-hero--jumbo .m-hero__subhead,figure+.m-hero--jumbo .m-hero__subhead,img+.m-hero--jumbo .m-hero__subhead,table+.m-hero--jumbo .m-hero__subhead,blockquote+.m-hero--jumbo .m-hero__subhead,h1+.m-hero--jumbo .m-hero__subhead,.h1+.m-hero--jumbo .m-hero__subhead,h2+.m-hero--jumbo .m-hero__subhead,.h2+.m-hero--jumbo .m-hero__subhead,h4+.m-hero--jumbo .m-hero__subhead,.h4+.m-hero--jumbo .m-hero__subhead,h5+.m-hero--jumbo .m-hero__subhead,.h5+.m-hero--jumbo .m-hero__subhead,h6+.m-hero--jumbo .m-hero__subhead,.h6+.m-hero--jumbo .m-hero__subhead,p+.m-hero--50-50 .m-hero__subhead,ul+.m-hero--50-50 .m-hero__subhead,ol+.m-hero--50-50 .m-hero__subhead,dl+.m-hero--50-50 .m-hero__subhead,figure+.m-hero--50-50 .m-hero__subhead,img+.m-hero--50-50 .m-hero__subhead,table+.m-hero--50-50 .m-hero__subhead,blockquote+.m-hero--50-50 .m-hero__subhead,h1+.m-hero--50-50 .m-hero__subhead,.h1+.m-hero--50-50 .m-hero__subhead,h2+.m-hero--50-50 .m-hero__subhead,.h2+.m-hero--50-50 .m-hero__subhead,h4+.m-hero--50-50 .m-hero__subhead,.h4+.m-hero--50-50 .m-hero__subhead,h5+.m-hero--50-50 .m-hero__subhead,.h5+.m-hero--50-50 .m-hero__subhead,h6+.m-hero--50-50 .m-hero__subhead,.h6+.m-hero--50-50 .m-hero__subhead{margin-top:1.3636363636em}}@media only all and (min-width: 63.8125em){.m-hero--jumbo .m-hero__wrapper,.m-hero--50-50 .m-hero__wrapper{min-height:285px}.m-hero--jumbo .m-hero__heading,.m-hero--50-50 .m-hero__heading{margin-bottom:.4166666667em;font-size:3em;font-weight:400;line-height:1.25}.m-hero--jumbo .m-hero__subhead,.m-hero--50-50 .m-hero__subhead{font-size:1.625em;font-weight:400;letter-spacing:inherit;line-height:1.25;text-transform:inherit;margin-bottom:.5769230769em}p+.m-hero--jumbo .m-hero__subhead,ul+.m-hero--jumbo .m-hero__subhead,ol+.m-hero--jumbo .m-hero__subhead,dl+.m-hero--jumbo .m-hero__subhead,figure+.m-hero--jumbo .m-hero__subhead,img+.m-hero--jumbo .m-hero__subhead,table+.m-hero--jumbo .m-hero__subhead,blockquote+.m-hero--jumbo .m-hero__subhead,p+.m-hero--50-50 .m-hero__subhead,ul+.m-hero--50-50 .m-hero__subhead,ol+.m-hero--50-50 .m-hero__subhead,dl+.m-hero--50-50 .m-hero__subhead,figure+.m-hero--50-50 .m-hero__subhead,img+.m-hero--50-50 .m-hero__subhead,table+.m-hero--50-50 .m-hero__subhead,blockquote+.m-hero--50-50 .m-hero__subhead{margin-top:1.7307692308em}h1+.m-hero--jumbo .m-hero__subhead,.h1+.m-hero--jumbo .m-hero__subhead,h3+.m-hero--jumbo .m-hero__subhead,.h3+.m-hero--jumbo .m-hero__subhead,h4+.m-hero--jumbo .m-hero__subhead,.h4+.m-hero--jumbo .m-hero__subhead,h5+.m-hero--jumbo .m-hero__subhead,.h5+.m-hero--jumbo .m-hero__subhead,h6+.m-hero--jumbo .m-hero__subhead,.h6+.m-hero--jumbo .m-hero__subhead,h1+.m-hero--50-50 .m-hero__subhead,.h1+.m-hero--50-50 .m-hero__subhead,h3+.m-hero--50-50 .m-hero__subhead,.h3+.m-hero--50-50 .m-hero__subhead,h4+.m-hero--50-50 .m-hero__subhead,.h4+.m-hero--50-50 .m-hero__subhead,h5+.m-hero--50-50 .m-hero__subhead,.h5+.m-hero--50-50 .m-hero__subhead,h6+.m-hero--50-50 .m-hero__subhead,.h6+.m-hero--50-50 .m-hero__subhead{margin-top:1.1538461538em}}@media only all and (max-width: 37.5em){.m-hero__image-wrapper{margin-top:1.875em}.m-hero--overlay .m-hero__wrapper{background-image:none}.m-hero--jumbo .m-hero__wrapper{padding-bottom:0}}@media only all and (max-width: 56.25em){.m-hero__heading{font-size:1.625em;font-weight:600;letter-spacing:inherit;line-height:1.25;text-transform:inherit;margin-bottom:.5769230769em}p+.m-hero__heading,ul+.m-hero__heading,ol+.m-hero__heading,dl+.m-hero__heading,figure+.m-hero__heading,img+.m-hero__heading,table+.m-hero__heading,blockquote+.m-hero__heading{margin-top:1.7307692308em}h1+.m-hero__heading,.h1+.m-hero__heading,h3+.m-hero__heading,.h3+.m-hero__heading,h4+.m-hero__heading,.h4+.m-hero__heading,h5+.m-hero__heading,.h5+.m-hero__heading,h6+.m-hero__heading,.h6+.m-hero__heading{margin-top:1.1538461538em}.m-hero__subhead{font-size:18px}}@media only all and (min-width: 37.5625em){.m-hero__wrapper{grid-template-columns:7fr 5fr;padding-right:15px;padding-left:15px;min-height:225px}.m-hero__text{margin:auto}.m-hero__image-wrapper{padding-right:15px;padding-left:15px;display:flex;align-items:center}.m-hero--bleeding .m-hero__image-wrapper{width:100%;margin-top:-2.8125em;margin-bottom:-2.8125em}.m-hero--bleeding .m-hero__image{padding-bottom:0;height:100%;width:100%;background-size:cover}.m-hero--overlay .m-hero__image{display:none}.m-hero--jumbo .m-hero__wrapper{background-position:50%;background-repeat:no-repeat;background-size:cover}.m-hero--jumbo .m-hero__image{display:none}.m-hero--50-50 .m-hero__wrapper{grid-template-columns:1fr 1fr;border:1px solid var(--gray-40);border-top:none;background-position:100% center;background-repeat:no-repeat;background-size:50%}.m-hero--50-50 .m-hero__image{display:none}}@media only all and (min-width: 63.8125em){.m-hero__wrapper{padding-top:2.8125em;padding-bottom:2.8125em;min-height:195px}.m-hero--bleeding .m-hero__image-wrapper{margin-top:-2.8125em;margin-bottom:-2.8125em}.m-hero--50-50 .m-hero__wrapper{min-height:345px}}.content-l{position:relative}@media only all and (min-width: 37.5625em){.content-l{display:block;position:relative;margin-left:-15px;margin-right:-15px}}@media only all and (max-width: 37.5em){.content-l__col+.content-l__col{margin-top:1.875em}}@media only all and (min-width: 37.5625em){.content-l__col-1{display:inline-block;box-sizing:border-box;width:100%;border:solid transparent;border-width:0 15px;margin-right:-.25em;vertical-align:top}.content-l__col-1-2{display:inline-block;box-sizing:border-box;width:50%;border:solid transparent;border-width:0 15px;margin-right:-.25em;vertical-align:top}.content-l__col-1-3{display:inline-block;box-sizing:border-box;width:33.3333333333%;border:solid transparent;border-width:0 15px;margin-right:-.25em;vertical-align:top}.content-l__col-2-3{display:inline-block;box-sizing:border-box;width:66.6666666667%;border:solid transparent;border-width:0 15px;margin-right:-.25em;vertical-align:top}.content-l__col-3-8{display:inline-block;box-sizing:border-box;width:37.5%;border:solid transparent;border-width:0 15px;margin-right:-.25em;vertical-align:top}.content-l__col-5-8{display:inline-block;box-sizing:border-box;width:62.5%;border:solid transparent;border-width:0 15px;margin-right:-.25em;vertical-align:top}.content-l__col-1-4{display:inline-block;box-sizing:border-box;width:25%;border:solid transparent;border-width:0 15px;margin-right:-.25em;vertical-align:top}.content-l__col-3-4{display:inline-block;box-sizing:border-box;width:75%;border:solid transparent;border-width:0 15px;margin-right:-.25em;vertical-align:top}}.content__line{height:1px;background:var(--gray-40)}.content__main dd,.content__main dt,.content__main h3,.content__main h4,.content__main h5,.content__main h6,.content__main li,.content__main p,.content__main label,.content__intro dd,.content__intro dt,.content__intro h3,.content__intro h4,.content__intro h5,.content__intro h6,.content__intro li,.content__intro p,.content__intro label{max-width:41.875rem}.content__intro,.content__main,.content__sidebar{padding:1.875em .9375em}@media only all and (min-width: 37.5625em){.content__intro,.content__main,.content__sidebar{display:inline-block;box-sizing:border-box;width:100%;border:solid transparent;border-width:0 15px;margin-right:-.25em;vertical-align:top;padding:2.8125em .9375em}}@media only all and (min-width: 56.3125em){.content__intro,.content__main,.content__sidebar{padding:2.8125em 0}}@media only all and (min-width: 56.3125em){.content__intro{display:inline-block;box-sizing:border-box;width:100%;border:solid transparent;border-width:0 15px;margin-right:-.25em;vertical-align:top}}@media only all and (min-width: 56.3125em){.content--1-3 .content__sidebar{display:inline-block;box-sizing:border-box;width:25%;border:solid transparent;border-width:0 15px;margin-right:-.25em;vertical-align:top;padding-right:1.875em}.content--1-3 .content__main{display:inline-block;box-sizing:border-box;width:75%;border:solid transparent;border-width:0 15px;margin-right:-.25em;vertical-align:top;position:relative}.content--1-3 .content__main:after{content:"";border-left:1px solid var(--gray-40);position:absolute;top:2.8125em;bottom:0;left:-1.875em}.content--2-1 .content__main{display:inline-block;box-sizing:border-box;width:66.6666666667%;border:solid transparent;border-width:0 15px;margin-right:-.25em;vertical-align:top}.content--2-1 .content__main:after{right:-1.875em}.content--2-1 .content__sidebar{display:inline-block;box-sizing:border-box;width:33.3333333333%;border:solid transparent;border-width:0 15px;margin-right:-.25em;vertical-align:top;padding-left:1.875em}}.content--flush-bottom{padding-bottom:0}@media only all and (max-width: 56.25em){.content--flush-top-on-small{padding-top:0}}@media only all and (max-width: 56.25em){.content--flush-all-on-small{padding:0;border:none}}.block{margin-top:3.75em;margin-bottom:3.75em}.block--border-top{border-top:1px solid var(--gray-40)}.block--border-right{border-right:1px solid var(--gray-40)}.block--border-bottom{border-bottom:1px solid var(--gray-40)}.block--border-left{border-left:1px solid var(--gray-40)}.block--border{border:1px solid var(--gray-40)}.block--flush-top{margin-top:0}.block--flush-top.block--border,.block--flush-top.block--border-top{border-top:none}.block--flush-bottom{margin-bottom:0}.block--flush-bottom.block--border,.block--flush-bottom.block--border-bottom{border-bottom:none}.block--flush-sides{margin-right:-15px;margin-left:-15px}@media only all and (max-width: 37.5em){.block--flush-sides.block--border,.block--flush-sides.block--border-right,.block--flush-sides.block--border-left{border-right:none;border-left:none}}@media only all and (min-width: 37.5625em){.block--flush-sides{margin-right:-30px;margin-left:-30px}}.block--flush{margin-top:0;margin-right:-15px;margin-bottom:0;margin-left:-15px}.block--flush.block--border,.block--flush.block--border-top,.block--flush.block--border-bottom{border-top:none;border-bottom:none}@media only all and (max-width: 37.5em){.block--flush.block--border,.block--flush.block--border-right,.block--flush.block--border-left{border-right:none;border-left:none}}@media only all and (min-width: 37.5625em){.block--flush{margin-right:-30px;margin-left:-30px}}.block--bg{padding:1.875em .9375em 3.75em;background:var(--gray-5)}@media only all and (min-width: 37.5625em){.block--bg{padding:2.8125em 1.875em}}.block--padded-top{padding-top:1.875em;margin-top:1.875em}.block--padded-bottom{padding-bottom:1.875em;margin-bottom:1.875em}.block--sub{margin-top:1.875em;margin-bottom:1.875em}@media only all and (min-width: 56.3125em){.wrapper{max-width:1200px;padding-right:15px;padding-left:15px;margin:0 auto;clear:both}}.wrapper--match-content{padding-left:15px;padding-right:15px}@media only all and (min-width: 37.5625em){.wrapper--match-content{padding-left:30px;padding-right:30px;max-width:1200px}}.o-text-introduction{margin-top:0;margin-bottom:60px}.o-text-introduction>*{margin-top:0;margin-bottom:15px;max-width:41.875rem}.o-well{box-sizing:border-box;padding:1.875em .9375em;border:1px solid var(--gray-40);background-color:var(--gray-5)}@media only all and (min-width: 37.5625em){.o-well{padding-left:1.875em;padding-right:1.875em}}
/*# sourceMappingURL=index.css.map */