{"version":3,"sourceRoot":"","sources":["../scss-styles/components/_news-and-updates.scss"],"names":[],"mappings":"AAAA,YACI,aACA,sBACA,mBACA,2BAIJ,gBACI,WACA,YACA,cAIJ,uBACI,WACA,gBACA,eACA,eAGJ,cACI,cAEA,kCAEI,gBACA,mBAIR,WACI,aACA,mBACA,uBACA,SAEA,kBACE,cACA,YAaN,4BAEC,sBACA,iCACA,WACC,qDAED,aACA,gBACA,kBACA,WACC,+FAED,sBACA,YAGD,WACC,sBAGD,8FAIC,WACC,sDAED,2BAGD,iBACC,iBACA,gBACA,kBACA,WACA,cACA,yBAGD,iBACC,cACA,kBACA,QACA,UAGD,qBACC,cACA,YACA,WACA,iBACA,8BAID,gBACC,aACA,sBACA,YACA,eAGD,aACC,qBACA,yBACA,oBAGD,YACC,gBACA,oBAGD,cACC,kBACA,UACA,cACA,qBACA,WACC,8EAMF,oBACC,cACA,0BAGD,yCAEC,yBACA,oCACA,yBACA,0BACA,0BACA,kBAGD,sBACC,cACA,iBAGD,mBACC,4BACA,qBACA,oBACA,gBACA,SACA,gBAGD,WACC,mBACA,aACA,SACA,8BACA,gBAGD,uBACC,WACA,QACA,kBACA,UAGD,cACC,kBACA,UAGD,UACC,oBACA,qBACA,qBACA,sBACA,qBACA,WACC,+BAIF,gCAEC,yBACA,WACA,qBAGD,iBACC,gCACA,qBACA,qBACA,qBAKD,6BACC,gBAGD,yBACC,uCACC,cAIF,0BACC,iBACC,mBACA,iBAGD,kCACC,kBACA,UACA,gBAGD,iCACC,uBACA,aACA,UAGD,6BACC,eAGD,oCACC,sBAMF,kCACC,mBAKD,iBACC,mBACA,mBACA,aAGD,kCACC,iBACA,qBACA,cACA,aACA,YAGD,iCACC,uBACA,qBAGD,6BACC,oBAGD,iBACC,aACA,YACA,0BAGD,yBACC,iBACC,gBACA","file":"news-and-updates.css","sourcesContent":[".col figure {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    margin: 1rem 0rem 0rem 0rem;\r\n}\r\n\r\n/* Make image responsive */\r\n.col figure img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n}\r\n\r\n/* Style the caption */\r\n.col figure figcaption {\r\n    width: 100%;\r\n    text-align: left;\r\n    font-size: 1rem;\r\n    padding: 0.5em 0;\r\n}\r\n\r\n.news-excerpt {\r\n    flex: 1 1 auto;\r\n\r\n    h4,\r\n    h5 {\r\n        margin-top: 1rem;\r\n        margin-bottom: 1rem;\r\n    }\r\n}\r\n\r\n.news-item {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: flex-start;\r\n    gap: 1rem;\r\n\r\n    figure {\r\n      flex: 0 0 auto;\r\n      width: 150px; // adjust as needed\r\n    }\r\n  \r\n    // .news-excerpt {\r\n    //   flex: 1 1 auto;\r\n    // }\r\n  }\r\n  \r\n  /* ==========================================================================\r\n   Redesigned news cards\r\n   Added alongside the existing news and updates styles.\r\n   ========================================================================== */\r\n\r\n.news-card,\r\n.news-card-small {\r\n\tborder-radius: 1.25rem;\r\n\tborder: 1px solid rgba(0, 0, 0, 0.03);\r\n\tbox-shadow:\r\n\t\t0 4px 12px rgba(0, 0, 0, 0.04),\r\n\t\t0 1px 3px rgba(0, 0, 0, 0.02);\r\n\tdisplay: flex;\r\n\toverflow: hidden;\r\n\tposition: relative;\r\n\ttransition:\r\n\t\ttransform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1),\r\n\t\tbox-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n\tbackground-color: #ffffff;\r\n\theight: 100%;\r\n}\r\n\r\n.news-card {\r\n\tflex-direction: column;\r\n}\r\n\r\n.news-card:hover,\r\n.news-card:focus-within,\r\n.news-card-small:hover,\r\n.news-card-small:focus-within {\r\n\tbox-shadow:\r\n\t\t0 16px 32px rgba(0, 0, 0, 0.08),\r\n\t\t0 4px 8px rgba(0, 0, 0, 0.04);\r\n\ttransform: translateY(-4px);\r\n}\r\n\r\n.news-card-image {\r\n\taspect-ratio: 3 / 2;\r\n\toverflow: hidden;\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\tflex-shrink: 0;\r\n\tbackground-color: #f0f0f0;\r\n}\r\n\r\n.news-image-link {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tinset: 0;\r\n\tz-index: 2;\r\n}\r\n\r\n.news-image-link img {\r\n\tdisplay: block;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\tobject-fit: cover;\r\n\ttransition: transform 0.5s ease;\r\n}\r\n\r\n\r\n.news-card-body {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tflex-grow: 1;\r\n\tpadding: 1.5rem;\r\n}\r\n\r\n.news-kicker {\r\n\tletter-spacing: 0.05em;\r\n\ttext-transform: uppercase;\r\n\tmargin-bottom: 0.5rem;\r\n}\r\n\r\n.news-title {\r\n\tline-height: 1.3;\r\n\tmargin: 0 0 0.75rem 0;\r\n}\r\n\r\n.news-title a {\r\n\tposition: relative;\r\n\tz-index: 3;\r\n\tcolor: #0071b3;\r\n\ttext-decoration: none;\r\n\ttransition:\r\n\t\tcolor 0.2s ease,\r\n\t\tbackground-color 0.2s ease,\r\n\t\toutline 0.2s ease,\r\n\t\tbox-shadow 0.2s ease;\r\n}\r\n\r\n.news-title a:hover {\r\n\tcolor: #005586;\r\n\ttext-decoration: underline;\r\n}\r\n\r\n.news-title a:focus,\r\n.news-title a:active {\r\n\tcolor: #202024 !important;\r\n\tbackground-color: #ffb400 !important;\r\n\tbox-shadow: 0 3px #ffb400;\r\n\toutline: 3px solid #ffb400;\r\n\ttext-decoration: underline;\r\n\tborder-radius: 2px;\r\n}\r\n\r\n.news-excerpt-wrapper {\r\n\tmargin: auto 0;\r\n\tpadding: 0.75rem 0;\r\n}\r\n\r\n.news-card-excerpt {\r\n\t-webkit-box-orient: vertical;\r\n\t-webkit-line-clamp: 3;\r\n\tdisplay: -webkit-box;\r\n\tline-height: 1.5;\r\n\tmargin: 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n.news-meta {\r\n\talign-items: center;\r\n\tdisplay: flex;\r\n\tgap: 1rem;\r\n\tjustify-content: space-between;\r\n\tmargin-top: auto;\r\n}\r\n\r\n.stretched-link::after {\r\n\tcontent: \"\";\r\n\tinset: 0;\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n}\r\n\r\n.relative-z-2 {\r\n\tposition: relative;\r\n\tz-index: 2;\r\n}\r\n\r\n.news-tag {\r\n\tborder-radius: 0.4rem;\r\n\tdisplay: inline-block;\r\n\tletter-spacing: 0.02em;\r\n\tpadding: 0.35rem 0.75rem;\r\n\ttext-decoration: none;\r\n\ttransition:\r\n\t\tbackground-color 0.2s,\r\n\t\tcolor 0.2s;\r\n}\r\n\r\n.news-tag:hover,\r\n.news-tag:focus {\r\n\tbackground-color: #00539b;\r\n\tcolor: #ffffff;\r\n\ttext-decoration: none;\r\n}\r\n\r\n.section-heading {\r\n\tborder-bottom: 2px solid #00539b;\r\n\tdisplay: inline-block;\r\n\tpadding-bottom: 0.5rem;\r\n\tmargin-bottom: 1.5rem;\r\n}\r\n\r\n/* Large news card */\r\n\r\n.news-card-large .news-title {\r\n\tmargin-bottom: 0;\r\n}\r\n\r\n@media (max-width: 436px) {\r\n\t.news-card-large .news-excerpt-wrapper {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n@media (min-width: 1200px) {\r\n\t.news-card-large {\r\n\t\tflex-direction: row;\r\n\t\tmin-height: 25rem;\r\n\t}\r\n\r\n\t.news-card-large .news-card-image {\r\n\t\taspect-ratio: auto;\r\n\t\twidth: 60%;\r\n\t\tmin-height: 100%;\r\n\t}\r\n\r\n\t.news-card-large .news-card-body {\r\n\t\tjustify-content: center;\r\n\t\tpadding: 3rem;\r\n\t\twidth: 40%;\r\n\t}\r\n\r\n\t.news-card-large .news-title {\r\n\t\tfont-size: 2rem;\r\n\t}\r\n\r\n\t.news-card-large .news-card-excerpt {\r\n\t\t-webkit-line-clamp: 6;\r\n\t}\r\n}\r\n\r\n/* Medium news card */\r\n\r\n.news-card-medium .news-card-body {\r\n\tmin-height: 12.5rem;\r\n}\r\n\r\n/* Small news cards */\r\n\r\n.news-card-small {\r\n\talign-items: center;\r\n\tflex-direction: row;\r\n\tpadding: 1rem;\r\n}\r\n\r\n.news-card-small .news-card-image {\r\n\taspect-ratio: 1 / 1;\r\n\tborder-radius: 0.75rem;\r\n\tflex-shrink: 0;\r\n\theight: 100px;\r\n\twidth: 100px;\r\n}\r\n\r\n.news-card-small .news-card-body {\r\n\tjustify-content: center;\r\n\tpadding: 0 0 0 1.5rem;\r\n}\r\n\r\n.news-card-small .news-title {\r\n\tmargin-bottom: 0.5rem;\r\n}\r\n\r\n.news-small-grid {\r\n\tdisplay: grid;\r\n\tgap: 1.25rem;\r\n\tgrid-template-columns: 1fr;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n\t.news-small-grid {\r\n\t\tgap: 1.5rem 2rem;\r\n\t\tgrid-template-columns: repeat(2, 1fr);\r\n\t}\r\n}"]}