*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:"Lato",'Helvetica Neue',sans-serif;font-weight:400}h2{font-size:18px;text-transform:uppercase;margin:0;margin-bottom:5px;line-height:24px}.theme--white{background-color:#fff}.theme--green{background-color:#d9e7ca}.theme--blue{background-color:#ccdee9}.theme--purple{background-color:#d6cae5}.theme--pink{background-color:#e8ccd9}.padding-top-0{padding-top:0px}.padding-top-40{padding-top:40px}.padding-top-80{padding-top:80px}.padding-bottom-0{padding-bottom:0px}.padding-bottom-40{padding-bottom:40px}.padding-bottom-80{padding-bottom:80px}.card-list__wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:30px}.card-list__wrapper.align--center{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.card-list__wrapper.align--space{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.drop-shadow--light{-webkit-filter:drop-shadow(5px 5px 5px #c8ccc7);filter:drop-shadow(5px 5px 5px #c8ccc7)}.card-list__item{position:relative;display:inline-block;min-width:330px;padding-bottom:360px;background-color:white;margin:15px 15px 30px 0px;color:black}.card-list__wrapper--mini .card-list__item{max-width:180px;min-width:180px;padding-bottom:220px}.card-list__wrapper--mini .card-list__item .card-list__item__content{min-height:100px}.card-list__wrapper--mini .card-list__item h2{font-size:13px;line-height:1.25;word-break:break-word}.card-list__wrapper--small .card-list__item{max-width:250px;min-width:250px;padding-bottom:280px}.card-list__wrapper--large .card-list__item{max-width:420px;min-width:420px;padding-bottom:450px}.bg-image{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center}.card-list__item__content{position:absolute;padding:25px 15px;bottom:0px;left:0px;width:100%;min-height:125px;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index:100;word-break:break-word}.bg-image__filter:before{position:absolute;content:'';width:100%;height:100%;background-color:white;opacity:.3;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.card-list__item:hover.bg-image__filter:before{opacity:0;-webkit-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.read-time{margin-top:10px;margin-left:25px;position:relative}.read-time:before{content:url(https://cdn2.hubspot.net/hubfs/4884332/FUN%20logga%20och%20andra%20m%C3%A4rkesfiler/icons/clock-w.svg);font-family:FontAwesome;width:20px;height:20px;font-size:20px;position:absolute;margin-right:0px;left:-25px}.hov{overflow:hidden}.hov--expand:hover .card-list__item__content,.hov--expand:focus .card-list__item__content{left:0px;width:100%}.hov--expand:hover .card-list__item__content:before{opacity:1;-webkit-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;transition:opacity .5s ease-in;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}.card-list__item__content:before{content:'';position:absolute;width:44px;height:44px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;bottom:10px;right:10px;opacity:0;-webkit-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.bg--green-transparent{background:#4b9228;color:#fff}.bg--green-transparent h2{color:#fff}.card-list__item__content:hover .bg--green-transparent,.card-list__item__content:hover.bg--green-transparent{background:rgba(75,146,40,0.8)}