@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400..900;1,400&display=swap");
/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.wrapper{--tile-light-1:#d79ab8;--tile-light-2:#b8578c;--tile-light-3:#9c3f74;--tile-dark-1:#5b616b;--tile-dark-2:#3f434a;--tile-facet-light:rgba(255,255,255,0.11);--tile-facet-dark:rgba(0,0,0,0.1);--tile-shadow-hover:0 14px 30px rgba(110,35,80,0.3);--row-hover-bg:rgba(255,255,255,0.55);--mosaic-image:url("https://www.oic-ci.gc.ca/themes/custom/oic_wxt/images/backgrounds/mosaic/plum.jpg");--panel-bg-1:#ece2e7;--panel-bg-2:#f6f5f6;--panel-bg-3:#ffffff;--page-wash:rgba(255,255,255,0.94);--panel-wash-1:rgba(255,255,255,0.83);--panel-wash-2:rgba(255,255,255,0.91);--tile-mosaic-size:420% auto;--tile-crop-1:12% 8%;--tile-crop-2:64% 28%;--tile-crop-3:26% 54%;--tile-crop-4:82% 72%;--tile-crop-5:38% 92%;--shard-color:#b76e97;--shard-pale:#a9aab6;--shard-light:#ffffff;--shard-opacity:0.14;--shard-opacity-pale:0.09;--shard-opacity-light:0.4;--number-color:#1c1c1c;--title-color:#1c1c1c;--text-color:#333333;--toggle-color:#a8386b;--link-color:#1a5fa8;--focus-color:#0e5dc4;--page-padding-block:0px;--page-padding-inline:0px;--panel-max-width:100%;--panel-padding-block:55px;--panel-padding-inline:55px;--panel-radius:24px;--panel-shadow:0 10px 40px rgba(60,40,60,0.14);--tile-size:180px;--tile-radius:14px;--tile-gap:32px;--tile-icon-size:76px;--row-gap:36px;--head-gap:-1px;--number-size:66px;--number-weight:600;--title-size:35px;--title-measure:none;--title-leading:1.3;--body-size:16px;--toggle-size:16px;--transition:0.35s;--transition-slow:0.45s;--ease-out:cubic-bezier(0.22,0.61,0.36,1);--hover-lift:-6px;--hover-tile-scale:1.04;--hover-icon-scale:1.12;--hover-shift:5px;--hover-bleed:22px;--facet-light-clip:polygon(0 0,100% 0,0 72%);--facet-light-clip-hover:polygon(0 0,100% 0,0 104%);--facet-dark-clip:polygon(100% 26%,100% 100%,18% 100%);--facet-dark-clip-hover:polygon(100% 4%,100% 100%,34% 100%);--reveal-shift:24px;--reveal-duration:0.6s;--reveal-stagger:0.1s;--reveal-offset:12%;font-family:"Raleway","Helvetica Neue",Arial,sans-serif;padding:var(--page-padding-block) var(--page-padding-inline);background-color:var(--panel-bg-3);background-image:linear-gradient(var(--page-wash),var(--page-wash)),var(--mosaic-image);background-size:auto,cover;background-position:0 0,center;}.five-tips-atip-slider{max-width:var(--panel-max-width);margin-left:auto;margin-right:auto;}.five-tips-atip-slider__panel{position:relative;overflow:hidden;border-radius:var(--panel-radius);box-shadow:var(--panel-shadow);padding:var(--panel-padding-block) var(--panel-padding-inline);background-color:var(--panel-bg-2);background-image:linear-gradient(135deg,var(--panel-wash-1) 0%,var(--panel-wash-2) 100%),var(--mosaic-image);background-size:auto,cover;background-position:0 0,center;}.five-tips-atip-slider__wrp{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--row-gap);}.five-tips-atip__item{position:relative;display:grid;grid-template-columns:var(--tile-size) minmax(0,1fr);grid-template-areas:"tile head"
    "tile body";align-content:start;column-gap:var(--tile-gap);}.five-tips-atip__item::before{content:"";position:absolute;z-index:-1;top:calc(var(--row-gap) / -2);bottom:calc(var(--row-gap) / -2);left:calc(var(--hover-bleed) * -1);right:calc(var(--hover-bleed) * -1);border-radius:var(--tile-radius);background:var(--row-hover-bg);opacity:0;transition:opacity var(--transition) var(--ease-out);}.five-tips-atip__item:hover::before,.five-tips-atip__item:focus-within::before{opacity:1;}.five-tips-atip__img{grid-area:tile;position:relative;overflow:hidden;align-self:start;width:var(--tile-size);height:var(--tile-size);border-radius:var(--tile-radius);display:flex;align-items:center;justify-content:center;color:#fff;background-color:var(--tile-light-2);background-image:var(--mosaic-image);background-size:var(--tile-mosaic-size);background-position:var(--tile-crop,center);transition:background-image var(--transition),transform var(--transition-slow) var(--ease-out),box-shadow var(--transition-slow) var(--ease-out);}.five-tips-atip__img::before,.five-tips-atip__img::after{content:"";position:absolute;inset:0;}.five-tips-atip__img::before{background:var(--tile-facet-light);clip-path:var(--facet-light-clip);transition:clip-path var(--transition-slow) var(--ease-out);}.five-tips-atip__img::after{background:var(--tile-facet-dark);clip-path:var(--facet-dark-clip);transition:clip-path var(--transition-slow) var(--ease-out);}.five-tips-atip__img svg{position:relative;z-index:1;width:var(--tile-icon-size);height:var(--tile-icon-size);transition:transform var(--transition-slow) var(--ease-out);}.five-tips-atip__item:hover .five-tips-atip__img,.five-tips-atip__item:focus-within .five-tips-atip__img{transform:translateY(var(--hover-lift)) scale(var(--hover-tile-scale));box-shadow:var(--tile-shadow-hover);}.five-tips-atip__item:hover .five-tips-atip__img::before,.five-tips-atip__item:focus-within .five-tips-atip__img::before{clip-path:var(--facet-light-clip-hover);}.five-tips-atip__item:hover .five-tips-atip__img::after,.five-tips-atip__item:focus-within .five-tips-atip__img::after{clip-path:var(--facet-dark-clip-hover);}.five-tips-atip__item:hover .five-tips-atip__img svg,.five-tips-atip__item:focus-within .five-tips-atip__img svg{transform:scale(var(--hover-icon-scale));}.five-tips-atip-slider__item:nth-child(1) .five-tips-atip__img{--tile-crop:var(--tile-crop-1);}.five-tips-atip-slider__item:nth-child(2) .five-tips-atip__img{--tile-crop:var(--tile-crop-2);}.five-tips-atip-slider__item:nth-child(3) .five-tips-atip__img{--tile-crop:var(--tile-crop-3);}.five-tips-atip-slider__item:nth-child(4) .five-tips-atip__img{--tile-crop:var(--tile-crop-4);}.five-tips-atip-slider__item:nth-child(5) .five-tips-atip__img{--tile-crop:var(--tile-crop-5);}.five-tips-atip__item.is-open .five-tips-atip__img{background-color:var(--tile-dark-2);background-image:linear-gradient(150deg,var(--tile-dark-1) 0%,var(--tile-dark-2) 100%),var(--mosaic-image);background-size:auto,var(--tile-mosaic-size);background-position:0 0,var(--tile-crop,center);background-blend-mode:color,normal;}.five-tips-atip__head{grid-area:head;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;transition:transform var(--transition-slow) var(--ease-out);}.five-tips-atip__item:hover .five-tips-atip__head,.five-tips-atip__item:focus-within .five-tips-atip__head{transform:translateX(var(--hover-shift));}.five-tips-atip__head-text{display:contents;}.five-tips-atip-date__title{grid-column:1;grid-row:1;margin-inline-end:var(--head-gap);font-size:var(--number-size);font-weight:var(--number-weight);line-height:1;color:var(--number-color);}.five-tips-atip__title{grid-column:2;grid-row:1;margin:0;max-width:var(--title-measure);font-size:var(--title-size) !important;font-weight:700;line-height:var(--title-leading);color:var(--title-color);}.five-tips-atip__title em{font-style:italic;font-weight:400;}.five-tips-atip__link{color:var(--link-color);text-decoration:underline;}.five-tips-atip__body{grid-area:body;}.five-tips-atip__toggle{grid-column:2;grid-row:2;justify-self:start;display:none;margin-top:14px;padding:0;border:0;background:none;font-family:inherit;font-size:var(--toggle-size);color:var(--toggle-color);cursor:pointer;}.five-tips-atip-slider__panel.is-enhanced .five-tips-atip__toggle{display:inline-block;}.five-tips-atip__item:hover .five-tips-atip__toggle{text-decoration:underline;}.five-tips-atip__toggle:focus-visible{outline:2px solid var(--focus-color);outline-offset:3px;}.five-tips-atip__txt{font-size:var(--body-size);line-height:1.6;color:var(--text-color);}.five-tips-atip__txt p{margin:0 0 16px;}.five-tips-atip__txt p:last-child{margin-bottom:0;}.five-tips-atip-slider__panel.is-enhanced .five-tips-atip__txt{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition) ease;}.five-tips-atip-slider__panel.is-enhanced .five-tips-atip__txt-inner{overflow:hidden;visibility:hidden;transition:visibility 0s linear var(--transition);}.five-tips-atip-slider__panel.is-enhanced .five-tips-atip__item.is-open .five-tips-atip__txt{grid-template-rows:1fr;}.five-tips-atip-slider__panel.is-enhanced .five-tips-atip__item.is-open .five-tips-atip__txt-inner{visibility:visible;transition-delay:0s;}.five-tips-atip-slider__panel.is-enhanced .five-tips-atip__item.is-open .five-tips-atip__txt-inner{padding-top:24px;}.five-tips-atip-slider__wrp.js-reveal .five-tips-atip-slider__item{opacity:0;transform:translateY(var(--reveal-shift));transition:opacity var(--reveal-duration) ease,transform var(--reveal-duration) ease;transition-delay:var(--reveal-delay,0s);}.five-tips-atip-slider__wrp.js-reveal .five-tips-atip-slider__item.is-visible{opacity:1;transform:none;}@media screen and (max-width:900px){.wrapper{--panel-padding-block:40px;--panel-padding-inline:35px;--tile-size:140px;--tile-gap:30px;--tile-icon-size:60px;--number-size:48px;--row-gap:32px;}}@media screen and (max-width:640px){.wrapper{--page-padding-inline:12px;--panel-padding-block:28px;--panel-padding-inline:22px;--panel-radius:16px;--tile-size:84px;--tile-gap:18px;--tile-icon-size:40px;--tile-radius:10px;--number-size:38px;--title-size:19px;--head-gap:0px;--body-size:15px;--row-gap:28px;}.five-tips-atip__item{grid-template-columns:var(--tile-size) minmax(0,1fr);grid-template-areas:"tile head"
      "body body";}.five-tips-atip__body{margin-top:12px;}}@media (prefers-reduced-motion:reduce){.five-tips-atip-slider__wrp.js-reveal .five-tips-atip-slider__item,.five-tips-atip-slider__wrp.js-reveal .five-tips-atip-slider__item.is-visible{opacity:1;transform:none;transition:none;}.five-tips-atip-slider__panel.is-enhanced .five-tips-atip__txt,.five-tips-atip-slider__panel.is-enhanced .five-tips-atip__txt-inner,.five-tips-atip__item::before,.five-tips-atip__head,.five-tips-atip__img,.five-tips-atip__img::before,.five-tips-atip__img::after,.five-tips-atip__img svg{transition:none;}.five-tips-atip__item:hover .five-tips-atip__img,.five-tips-atip__item:focus-within .five-tips-atip__img,.five-tips-atip__item:hover .five-tips-atip__img svg,.five-tips-atip__item:focus-within .five-tips-atip__img svg,.five-tips-atip__item:hover .five-tips-atip__head,.five-tips-atip__item:focus-within .five-tips-atip__head{transform:none;}}
.table>thead>tr>th.active-plum{background-color:#8c1d58;color:#FFFFFF;}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:opacity 0.6s ease-out,transform 0.6s ease-out;}.animate-on-scroll.visible{opacity:1;transform:translateY(0);}div.animate-on-scroll:nth-of-type(1){transition-delay:0s;}div.animate-on-scroll:nth-of-type(2){transition-delay:0.3s;}div.animate-on-scroll:nth-of-type(3){transition-delay:0.45s;}div.animate-on-scroll:nth-of-type(4){transition-delay:0.60s;}.modal-popup-overlay{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);z-index:9999;justify-content:center;align-items:center;visibility:hidden;transition:background-color 0.35s ease,visibility 0.35s;}.modal-popup-overlay.active{visibility:visible;background-color:rgba(0,0,0,0.6);}.modal-popup{background:#fff;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,0.3);opacity:0;transform:translateY(20px) scale(0.95);transition:opacity 0.35s ease,transform 0.35s cubic-bezier(0.4,0,0.2,1);position:relative;}.modal-popup-overlay.active .modal-popup{opacity:1;transform:translateY(0) scale(1);}.modal-popup-header{background:linear-gradient(135deg,#8c1d58,#a52868);color:#fff;padding:20px 25px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;}.modal-popup-header h3{margin:0;font-size:1.4em;}.modal-popup-close{background:transparent;border:none;color:#fff;font-size:28px;cursor:pointer;line-height:1;padding:0 5px;opacity:0.8;transition:opacity 0.2s;}.modal-popup-close:hover,.modal-popup-close:focus{opacity:1;}.modal-popup-body{padding:25px;}.modal-popup-body ul{margin:0;padding-left:20px;}.modal-popup-body li{line-height:1.6;color:#333;}.modal-link{cursor:pointer;color:#8c1d58;text-decoration:underline;}.modal-link:hover,.modal-link:focus{color:#a52868;}
*{margin:0;padding:0;box-sizing:border-box;}.video-container{position:relative;width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.3);margin-bottom:0px;}.video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;}video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}.caption-overlay{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:white;padding:8px 16px;border-radius:4px;font-size:16px;max-width:80%;text-align:center;display:none;backdrop-filter:blur(4px);}.controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.8));padding:20px;display:flex;align-items:center;gap:15px;transition:opacity 0.3s ease;}.controls.hidden{opacity:0;pointer-events:none;}button{background:none;border:none;color:white;cursor:pointer;padding:8px;border-radius:6px;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;}button:hover{background:rgba(255,255,255,0.1);transform:scale(1.05);}button:active{transform:scale(0.95);}.play-btn{width:48px;height:48px;background:rgba(255,255,255,0.1);border-radius:50%;}.progress-container{flex:1;height:6px;background:rgba(255,255,255,0.2);border-radius:3px;cursor:pointer;position:relative;margin:0 10px;}.progress-bar{height:100%;background:#ff4757;border-radius:3px;width:0%;transition:width 0.1s ease;position:relative;}.progress-bar::after{content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#ff4757;border-radius:50%;opacity:0;transition:opacity 0.2s ease;}.progress-container:hover .progress-bar::after{opacity:1;}.time-display{font-size:14px;font-weight:500;font-family:'SF Mono','Monaco','Inconsolata',monospace;min-width:100px;text-align:center;color:#ffffff;}.volume-btn,.caption-btn{width:36px;height:36px;}.icon{width:20px;height:20px;fill:currentColor;}.play-btn .icon{width:24px;height:24px;}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:rgba(255,255,255,0.7);}.captions{display:none;}@media (max-width:600px){.controls{padding:15px;gap:10px;}.time-display{font-size:12px;min-width:80px;}}