/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/cards-with-background/cards-with-background.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.cards-with-background{margin:var(--section-spacing) 0}.cards-with-background-title{font:var(--font-headline-3);letter-spacing:var(--font-headline-3--spacing);font-weight:600;color:var(--color-blue);margin:0}.content-graphic[data-background=blue] .cards-with-background-title,.content-graphic[data-background=teal] .cards-with-background-title{color:var(--color-off-white)}.cards-with-background-title.center{text-align:center}.cards-with-background-inner{display:grid;grid-template-columns:minmax(0,1fr);-webkit-column-gap:4rem;-moz-column-gap:4rem;column-gap:4rem;row-gap:4rem}@media (min-width:768px){.cards-with-background-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.cards-with-background-inner{grid-template-columns:repeat(3,minmax(0,1fr))}}.cards-with-background-inner-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-size:cover;background-position:center top;padding:2rem;position:relative;color:var(--color-off-white);min-height:45rem;-webkit-box-shadow:0 .1rem .4rem rgba(0,0,0,.16);box-shadow:0 .1rem .4rem rgba(0,0,0,.16);margin-top:4rem;border-radius:2.4rem;-webkit-transition:all .3s ease;transition:all .3s ease}.cards-with-background-inner-item.animated{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@media (min-width:768px){.cards-with-background-inner-item.animated:nth-child(2n+2){-webkit-animation-delay:.25s;animation-delay:.25s}}@media (min-width:992px){.cards-with-background-inner-item.animated:nth-child(3n+2){-webkit-animation-delay:.25s;animation-delay:.25s}.cards-with-background-inner-item.animated:nth-child(3n+3){-webkit-animation-delay:.5s;animation-delay:.5s}}.cards-with-background-inner-item:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:0;border-radius:2.4rem;-webkit-transition:all .3s ease;transition:all .3s ease}.cards-with-background-inner-item:before{background:-webkit-gradient(linear,left bottom,left top,from(rgba(37,50,152,.8)),color-stop(53.03%,rgba(37,50,152,0)));background:linear-gradient(0deg,rgba(37,50,152,.8) 0%,rgba(37,50,152,0) 53.03%)}.cards-with-background-inner-item:is(:hover,:focus,:active):before{background:var(--color-blue)}.cards-with-background-inner-item:is(:hover,:focus,:active):after{content:"";display:block;position:absolute;top:100%;height:4rem;width:100%}.cards-with-background-inner-item>*{position:relative;z-index:1}.cards-with-background-inner-item h3{font:var(--font-headline-5);letter-spacing:var(--font-headline-5--spacing);font-weight:700;margin-bottom:2rem}.cards-with-background-inner-item p{max-height:0;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.cards-with-background-inner-item span{font:var(--font-body);letter-spacing:var(--font-body--spacing);text-decoration:none;border:none;border-radius:4rem;padding:1rem 2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;cursor:pointer;color:var(--color-black);background:0 0;font-weight:700;font-family:var(--primary-font);font-weight:700;color:var(--color-tangerine);padding:0;white-space:nowrap;border-radius:0;color:var(--color-white)}.cards-with-background-inner-item span:is(:hover,:focus,:active){text-decoration:none;outline:none}.cards-with-background-inner-item span[disabled]{opacity:.7}.cards-with-background-inner-item span:after{content:"";display:inline-block;vertical-align:middle;width:1.7rem;height:1.6rem;background-color:var(--color-tangerine);-webkit-clip-path:polygon(.914rem 1.442rem,.773rem 1.3rem,1.257rem .821rem,0 .821rem,0 .621rem,1.257rem .621rem,.773rem .142rem,.914rem 0,1.642rem .721rem,.914rem 1.442rem);clip-path:polygon(.914rem 1.442rem,.773rem 1.3rem,1.257rem .821rem,0 .821rem,0 .621rem,1.257rem .621rem,.773rem .142rem,.914rem 0,1.642rem .721rem,.914rem 1.442rem);margin-left:.5rem;margin-right:.7rem;-webkit-transition:all .3s ease;transition:all .3s ease}.cards-with-background-inner-item span:is(:hover,:focus,:active){color:var(--color-blue)}.cards-with-background-inner-item span:is(:hover,:focus,:active):after{margin-left:1.2rem;margin-right:0;background-color:var(--color-blue)}.cards-with-background-inner-item span:after{background-color:var(--color-white)}.cards-with-background-inner-item span:is(:hover,:focus,:active){color:var(--color-white)}.cards-with-background-inner-item span:is(:hover,:focus,:active):after{background-color:var(--color-white)}.cards-with-background-inner-item:is(a){text-decoration:none}.cards-with-background-inner-item:is(a):is(:hover,:focus,:active){color:var(--color-white);-webkit-box-shadow:var(--shadow-3);box-shadow:var(--shadow-3);margin-top:0;margin-bottom:4rem}.cards-with-background-inner-item:is(a):is(:hover,:focus,:active):after{opacity:1}.cards-with-background-inner-item:is(a):is(:hover,:focus,:active) p{max-height:24rem;margin-bottom:4rem}.cards-with-background-inner-item:is(a):is(:hover,:focus,:active) span:after{margin-left:1.2rem;margin-right:0}.cards-with-background-inner-item:is(div):is(:hover,:focus,:active):after{opacity:1}.cards-with-background-inner-item:is(div):is(:hover,:focus,:active) p{max-height:24rem;margin-bottom:4rem}