@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800&family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.rollover-card{height:380px;position:relative;overflow:hidden;}@media (max-width:767px){.rollover-card{height:300px;}}@media (max-width:480px){.rollover-card{height:200px;}}.rollover-card{background:#282828;}.rollover-card.link-replace .rollover-card__link-replace{visibility:hidden;display:none;}.rollover-card.title-replace .rollover-card__title-replace{visibility:hidden;display:none;}.rollover-card:hover .rollover-card__front-side .rollover-card__content{opacity:0;}.rollover-card:hover .rollover-card__back-side{opacity:1;}.rollover-card__front-side{height:380px;width:100%;}@media (max-width:767px){.rollover-card__front-side{height:300px;}}@media (max-width:480px){.rollover-card__front-side{height:200px;}}.rollover-card__front-side{position:relative;}.rollover-card__front-side article[role=article]{position:initial;}.rollover-card__back-side{font-size:21px;font-weight:600;display:flex;align-items:center;height:380px;text-align:center;line-height:33px;box-sizing:border-box;position:absolute;top:0;opacity:0;background:rgba(0,0,0,0.6980392157);color:#ffffff;width:100%;transition:0.5s;padding:20px;z-index:1;}@media (max-width:767px){.rollover-card__back-side{height:300px;}}@media (max-width:480px){.rollover-card__back-side{height:200px;}}.rollover-card__back-side{justify-content:center;}@media (max-width:767px){.rollover-card__back-side{font-size:14px;}.rollover-card__back-side{line-height:22px;}}.rollover-card__back-side img{-webkit-filter:brightness(0.75);filter:brightness(0.75);}.rollover-card__back-side a{font-size:15px;font-weight:700;text-decoration:none;transition:0.5s;display:flex;align-items:baseline;width:-webkit-max-content;width:max-content;position:relative;line-height:normal;text-align:center;margin:35px auto 0;}.rollover-card__back-side a:after{height:15px;width:15px;content:"";-webkit-transform:translate(10px,2px);transform:translate(10px,2px);background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(/themes/custom/jj_custom/resources/icons/arrow-forward--white.svg);transition:0.5s;}.rollover-card__back-side a:hover,.rollover-card__back-side a:focus,.rollover-card__back-side a:active{text-decoration:underline;}.rollover-card__back-side a:hover:after,.rollover-card__back-side a:focus:after,.rollover-card__back-side a:active:after{-webkit-transform:translate(15px,2px);transform:translate(15px,2px);}.rollover-card__back-side a{color:#ffffff;}.rollover-card__back-side .rollover-card__content{z-index:1;}.rollover-card__front-side .rollover-card__content{position:absolute;top:75%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;text-align:center;color:#ffffff;z-index:1;opacity:1;transition:0.5s;}.rollover-card__front-side .rollover-card__content .rollover-card__title,.rollover-card__front-side .rollover-card__content a,.rollover-card__front-side .rollover-card__content .field{font-size:28px;font-weight:900;margin:0;}.rollover-card__front-side .rollover-card__content .rollover-card__title,.rollover-card__front-side .rollover-card__content a,.rollover-card__front-side .rollover-card__content .field{color:#ffffff;}@media (max-width:480px){.rollover-card__front-side .rollover-card__content .rollover-card__title,.rollover-card__front-side .rollover-card__content a,.rollover-card__front-side .rollover-card__content .field{font-size:22px;}}.rollover-card .rollover-card__content > *{line-height:normal !important;}.rollover-card__image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}.rollover-card ul:not(.contextual-links){padding-left:0;}.rollover-card ul:not(.contextual-links) li:before{display:none;}.rollover{}.rollover.block{margin-bottom:80px;}@media (max-width:767px){.rollover.block{margin-bottom:40px;}}.rollover > div{display:flex;flex-wrap:wrap;gap:32px 16px;}.rollover > div > div{width:calc(33.33% - 11px);}@media (max-width:1024px){.rollover > div > div{width:calc(50% - 8px);}}@media (max-width:767px){.rollover > div > div{width:100%;}}