.wp-block-pathwaysalliance-diagram-transport-v2{background-color:var(--wp--preset--color--pathways-blue);box-sizing:border-box;color:#fff;padding:4rem 0}.wp-block-pathwaysalliance-diagram-transport-v2 .diagram{position:relative}.wp-block-pathwaysalliance-diagram-transport-v2 .diagram__img-wrapper{margin-left:0;margin-right:auto;position:relative;width:var(--img-wrapper-width)}@media screen and (min-width:560px){.wp-block-pathwaysalliance-diagram-transport-v2 .diagram__img-wrapper{margin-left:auto}}@media screen and (min-width:768px){.wp-block-pathwaysalliance-diagram-transport-v2 .diagram__img-wrapper{width:var(--img-wrapper-width-lg)}}.wp-block-pathwaysalliance-diagram-transport-v2 .diagram__img-wrapper .illustration{margin-left:auto;margin-right:auto;width:var(--img-width)}@media screen and (min-width:768px){.wp-block-pathwaysalliance-diagram-transport-v2 .diagram__img-wrapper .illustration{margin-right:auto}}.wp-block-pathwaysalliance-diagram-transport-v2 .diagram__img-wrapper .illustration img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport{align-items:center;justify-content:space-between;margin:0 auto;max-width:var(--wp--style--global--content-size);position:relative}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .text{padding:2rem;width:85%}@media screen and (min-width:768px){.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .text{width:30%}}@media screen and (min-width:969px){.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .text{padding:1.25rem 0}}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .text .paragraph-wrapper{padding-right:3vw}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration{position:relative}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .labels{z-index:10}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .titles .fort-mcmurray{left:-.5%;top:-3.4%}@media screen and (min-width:768px){.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .titles .fort-mcmurray{left:6.5%;top:8.6%}}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .titles .in-situ{right:29.1%;top:31.2%}@media screen and (min-width:768px){.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .titles .in-situ{right:35.1%;top:33.2%}}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .titles .cold-lake{bottom:22.65%;left:77%}@media screen and (min-width:768px){.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .titles .cold-lake{bottom:30.65%;left:81%}}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .titles h3{color:var(--wp--preset--color--pathways-teal);font-family:agenda,sans-serif;font-size:var(--wp--custom--typography--font-size--body-3);font-weight:700;line-height:1.2;max-width:100%;position:absolute;text-transform:uppercase}@media screen and (min-width:758px){.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .titles h3{max-width:12%}}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .steps{font-size:60%;white-space:pre-line}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .steps .step-text{align-items:center;display:flex;position:absolute;width:10%}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .steps .step-text p{margin-bottom:0}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .steps .step-text span{align-items:center;background:#ef9429;border-radius:50%;color:#1f155b;display:flex;flex:1 0 auto;font-size:1rem;height:1.5rem;justify-content:center;margin-right:.5vw;width:1.5rem}@media screen and (min-width:768px){.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .steps .step-text span{font-size:1.25rem;height:1.75rem;width:1.75rem}}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .steps .step-1{left:19.5%;top:15%;width:1.5rem}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .steps .step-2{right:52%;top:45.5%;width:1.5rem}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .steps .step-3{bottom:8.5%;right:43%;width:1.5rem}.wp-block-pathwaysalliance-diagram-transport-v2 #diagram-transport .illustration .steps .step-4{bottom:2.5%;right:25%;width:1.5rem}.wp-block-pathwaysalliance-diagram-transport-v2 .diagram__svg-wrapper{height:100%;margin:0 auto;max-width:90%;width:100%}@media screen and (min-width:990px){.wp-block-pathwaysalliance-diagram-transport-v2 .diagram__svg-wrapper{max-width:100%}}.wp-block-pathwaysalliance-diagram-transport-v2 .diagram__svg-wrapper svg{stroke:#fff;fill:none;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.wp-block-pathwaysalliance-diagram-transport-v2 .diagram__svg-wrapper svg #transport_svg__depth_line{display:none}@media screen and (min-width:768px){.wp-block-pathwaysalliance-diagram-transport-v2 .diagram__svg-wrapper svg #transport_svg__depth_line{display:block}}.wp-block-pathwaysalliance-diagram-transport-v2 .legend{border-top:.0625rem solid;display:block;margin-left:0;margin-right:auto;margin-top:4rem;padding-top:1.5rem;width:-moz-fit-content;width:fit-content}@media screen and (min-width:768px){.wp-block-pathwaysalliance-diagram-transport-v2 .legend{bottom:2rem;display:flex;max-width:82%;right:2rem}}.wp-block-pathwaysalliance-diagram-transport-v2 .legend>*{align-items:center;display:flex;font-size:var(--wp--custom--typography--font-size--body-3);padding:0}@media screen and (min-width:768px){.wp-block-pathwaysalliance-diagram-transport-v2 .legend>*{padding:0 1rem}}.wp-block-pathwaysalliance-diagram-transport-v2 .legend>:first-child{padding-left:0}.wp-block-pathwaysalliance-diagram-transport-v2 .legend>:last-child{padding-right:0}.wp-block-pathwaysalliance-diagram-transport-v2 .legend .step-text{align-items:flex-start;display:flex;flex:1;gap:.5rem;padding:.25rem 0}@media screen and (min-width:768px){.wp-block-pathwaysalliance-diagram-transport-v2 .legend .step-text{padding:0}}.wp-block-pathwaysalliance-diagram-transport-v2 .legend .step-text p{margin-bottom:0;margin-top:0;padding:0 .25rem}.wp-block-pathwaysalliance-diagram-transport-v2 .legend .step1 span,.wp-block-pathwaysalliance-diagram-transport-v2 .legend .step2 span,.wp-block-pathwaysalliance-diagram-transport-v2 .legend .step3 span,.wp-block-pathwaysalliance-diagram-transport-v2 .legend .step4 span{align-items:center;background:#ef9429;border-radius:50%;color:#1f155b;display:flex;flex:1 0 auto;font-size:1rem;height:1.5rem;justify-content:center;margin-right:.5vw;max-width:1.5rem;width:1.5rem}@media screen and (min-width:768px){.wp-block-pathwaysalliance-diagram-transport-v2 .legend .step1 span,.wp-block-pathwaysalliance-diagram-transport-v2 .legend .step2 span,.wp-block-pathwaysalliance-diagram-transport-v2 .legend .step3 span,.wp-block-pathwaysalliance-diagram-transport-v2 .legend .step4 span{font-size:1.25rem;height:1.75rem;max-width:1.75rem;width:1.75rem}}.wp-block-pathwaysalliance-diagram-transport-v2 .legend .step-4{padding:0}@media screen and (min-width:516px){.wp-block-pathwaysalliance-diagram-transport-v2 .legend .step-4{padding:0 1rem}}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltips{height:100%;left:0;position:absolute;top:0;width:100%}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip{border:none;border-radius:1em 0 1em 0;box-shadow:.25em .25em 1em 0 rgba(0,0,0,.5);box-sizing:border-box;color:var(--wp--preset--color--pathways-blue);font-size:var(--wp--custom--typography--font-size--body-3);line-height:1.5;margin:0;max-width:100%;position:absolute;width:20em}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip :first-child{margin-top:0}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip :last-child{margin-bottom:0}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip.tooltip-transport{left:52%;top:37%;transform:translateY(calc(-100% - 4rem)) translateX(-50%);transform-origin:50% 100%}@media screen and (min-width:768px){.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip.tooltip-transport{top:49%;transform:translateY(calc(-100% - 2rem)) translateX(2rem);transform-origin:0 100%}}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-trigger{--box-shadow-opacity:0;--box-glow-radius:0em;--box-glow-rgb:0,238,250;--box-glow-opacity:0.5;--box-glow-color:rgba(var(--box-glow-rgb),var(--box-glow-opacity));aspect-ratio:1;background-color:var(--wp--preset--color--background);border-color:var(--wp--preset--color--pathways-teal);border-radius:50%;border-style:solid;box-shadow:0 0 .75em var(--box-glow-radius) var(--box-glow-color),0 0 .1em 0 var(--box-glow-color) inset,.1em .1em .2em rgba(0,0,0,var(--box-shadow-opacity));color:var(--wp--preset--color--pathways-blue);cursor:pointer;font-family:var(--wp--preset--font-family--agenda);font-size:1.5rem;padding:0;position:absolute;transform:translateX(-50%) translateY(-50%);width:2em;will-change:transform,box-shadow,opacity}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-trigger:after{font-weight:600;line-height:0}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-trigger.tooltip-transport-trigger{left:54%;top:27%;visibility:hidden}@media screen and (min-width:320px){.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-trigger.tooltip-transport-trigger{top:31%}}@media screen and (min-width:437px){.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-trigger.tooltip-transport-trigger{top:34%}}@media screen and (min-width:581px){.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-trigger.tooltip-transport-trigger{left:50%;top:37%}}@media screen and (min-width:768px){.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-trigger.tooltip-transport-trigger{top:45%}}@media screen and (min-width:865px){.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-trigger.tooltip-transport-trigger{top:47%}}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-trigger.tooltip-transport-trigger:after{background-color:var(--wp--preset--color--pathways-blue);content:"";display:block;height:1em;margin:auto;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\"><path d=\"M24 11.5H13.5V1a1 1 0 0 0-2 0v10.5H1a1 1 0 0 0 0 2h10.5V24a1 1 0 1 0 2 0V13.5H24a1 1 0 1 0 0-2Z\"/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\"><path d=\"M24 11.5H13.5V1a1 1 0 0 0-2 0v10.5H1a1 1 0 0 0 0 2h10.5V24a1 1 0 1 0 2 0V13.5H24a1 1 0 1 0 0-2Z\"/></svg>");-webkit-mask-size:1em;mask-size:1em;width:1em}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-trigger.active:after{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\"><path d=\"M24 13.5H1a1 1 0 1 1 0-2h23a1 1 0 1 1 0 2Z\"/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\"><path d=\"M24 13.5H1a1 1 0 1 1 0-2h23a1 1 0 1 1 0 2Z\"/></svg>")}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-container{border-radius:25px;color:#0c4ce9;display:inline-block;position:relative}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-dot{background-color:#fff;border-radius:50%;display:block;height:.7rem;position:absolute;transform:translate(-50%,-50%);width:.7rem}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-dot.center-left{left:-5rem;top:50%}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-pill{background:#fff;border-radius:2rem;color:#1f155b;padding:.3rem .75rem;white-space:nowrap}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-box{background:#fff;border-radius:25px;color:#0c4ce9;display:inline-block;padding:1.2rem;position:relative;transform-origin:top left}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-container p:last-of-type{margin-bottom:0}.wp-block-pathwaysalliance-diagram-transport-v2 .tooltip-line{background-color:#fff;display:block;height:1px;position:absolute;transform:translateY(-50%);transform-origin:top left}
