/*================================================== Icons ================================================== */ @font-face { font-family: 'citybeautiful'; src: url('/wp-content/client-mu-plugins/frontend/lib/citybeautiful2.eot'); } @font-face { font-family: 'citybeautiful'; src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff'); font-weight: normal; font-style: normal; } [class^="fa-"], [class*=" fa-"] { font-family: 'citybeautiful'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-home:before { content: "\e600"; } .fa-photo:before { content: "\e601"; } .fa-bars:before { content: "\e602"; } .fa-eye:before { content: "\e605"; } .fa-facebook:before { content: "\e603"; } .fa-twitter:before { content: "\e604"; } /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { height: 100%; } body { height: 100%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* #Basic Styles ================================================== */ body { font: 16px/21px Arial, sans-serif; color: #888; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { /* color: #888888; */ font-weight: 300; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 40px; margin-bottom: 14px; } h2 { font-size: 30px; margin-bottom: 10px; } h3 { font-size: 25px; margin-bottom: 8px; } h4 { font-size: 21px; margin-bottom: 4px; } h5 { font-size: 17px; } h6 { font-size: 14px; } .subheader { color: #777; } p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; color: #777; } em { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-style: italic; } blockquote { } blockquote cite { display: block; font-size: 12px; color: #fff; font-style: normal; margin-top: 10px; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* #Links ================================================== */ a { color: #0078a9; text-decoration: none; outline: 0; } a:hover, a:focus { color: #333; } p a, p a:visited { } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { margin-bottom: 12px; } ul.large li { } li p { } /* #Images ================================================== */ img { max-width: 100%; height: auto; } /*================================================== Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"], .options a.dropdown { background: #fa8072; font-weight: normal; border: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #fff; display: inline-block; font-size: 1rem; text-decoration: none; cursor: pointer; margin-bottom: 20px; padding: 8px 15px; font-family: Helvetica, Arial, sans-serif; } fieldset .button, fieldset button, fieldset input[type="submit"], fieldset input[type="reset"], fieldset input[type="button"] { margin-bottom: 0; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .options a.dropdown:hover { color: #fff; background: #FA7667; border: none; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .options a.dropdown:active { border: none; background: #5F9EA0; } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /*================================================== Forms ================================================== */ form * { -moz-box-sizing: border-box; } form { margin: 20px 0; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #777; margin: 0; width: 100%; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; } select { padding: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; } label, legend { display: block; font-weight: bold; text-shadow: 1px 1px 0px #fff; } select { width: 220px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; color: #444; } /*================================================== Overrides ================================================== */ .fr { float: right; } img.fr, .fr img { margin: 0 0 10px 10px; } .fl { float: left; } img.fl, .fl img { margin: 0 10px 10px 0; } .cb { clear: both; } .cr { clear: right; } .cl { clear: left; } .hidden { display: none; } .half { float: left; width: 49%; } .half * { -moz-box-sizing: border-box; } .half.omega { margin-left: 1%; } .half.alpha { margin-right: 1%; } .third { float: left; width: 32.333%; } .third.alpha { margin-right: 1%; } .third.beta { margin: 0 .5%; } .third.charlie { margin-left: 1% } /*================================================== End Reset ================================================== */ body { background: #fff; color: #555; line-height: normal; font-family: 'Lora', Georgia, "Times New Roman", Times, serif; } /*================================================== selection screen ================================================== */ .selector { position: relative; width: 100%; height: 100%; margin: 0; background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Landing.jpg) bottom center; background-size: cover; } .selector .darkness { background: rgba(0,0,0,.8); position: relative; height: 100%; width: 100%;} .selector ul { height: 50%; height: 50vh; bottom: 0; margin: 0; position: absolute; width: 100%; border-top: 2px solid #fff; } .selector li { width: 25%; height: 100%; float: left; transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; margin: 0; } .selector .part1 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-1OpeningImage.jpg) center center; background-size: cover; } .selector .part2 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-LEAD-img.jpg) center center; background-size: cover; } .selector .part3 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-131018-_Stdup_Esplanade_.jpg) center center; background-size: cover; } .selector ul:hover li { width: 20%; } .selector ul:hover li:hover { width: 40%; } .selector li a { display: block; height: 100%; width: 100%; background: rgba(0,0,0,.7); color: #fff; font-size: 2em; } .selector span { display: block; } .selector .title { height: 50%; height: 50vh;} .selector h1, .selector h2, .selector p { color: #fff; /* padding-top: 1em; */ margin: 0; } .selector li + li { border-left: 2px solid #fff; } .selector .video1 {background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/3752185434001_leg-thumb.jpg) center center; background-size: cover;} .selector .video2 {background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/3778847747001_CB-exchange-thumb.jpg) center center; background-size: cover;} .selector .video3 {background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/3794909265001_CB-thumb.jpg) center center; background-size: cover;} .selector .video4 {background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/3778847748001_PreciousBlood.jpg) center center; background-size: cover;} /*================================================== Text Styles ================================================== */ h1 { font-size: 5em; } h2, h2 a { } h3, h3 a { } p { line-height: 1.8em; margin: 1.5em 0; font-size: 1.2em; } a { } a:hover { } p a { } p a:hover { } ol, ul { } ol li, ul li { } .written p:first-child:first-letter { float: left; font-size: 4em; line-height: .6em; padding-top: .1em; padding-right: 5px; padding-left: 0px; } .quote blockquote { color: #fff; font-size: 3em; max-width: 50%; margin: 0 auto; position: relative; bottom: -50%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); padding: 0 1em; text-shadow: 0 0 10px rgba(0,0,0,.4); } .quote blockquote:before { content: "\201C"; position: absolute; top: -.3em; left: 0; font-size: 6em; opacity: .2; } .michener blockquote { color: #000; background: rgba(255,255,255,.8); max-width: 90%; float: left; font-size: 2em; text-shadow: none; padding: 1em; } .michener cite { color: #333; } .penner blockquote { width: 100%; text-align: center; max-width: 90%; bottom: -80%; } .hurme blockquote { float: right; bottom: -80%; max-width: 60%; } /*================================================== Main Layout ================================================== */ .nav a { width: 100%; position: relative; text-align: center; display: block; background: rgba(0,0,0,.6); color: #fff; height: 100px; } .nav a span { position: absolute; left: 0; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .nav li { width: 33.333%; float: left; height: 100%; margin: 0; } .nav li.one { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-1OpeningImage.jpg?w=500) center center; /* background-attachment: fixed; */ background-size: cover; } .nav li.two { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-LEAD-img.jpg?w=500) center center; background-size: cover; } .nav li.three { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-131018-_Stdup_Esplanade_.jpg?w=500) center center; background-size: cover; } .outer-wrap { width: 100%; overflow: hidden; position: relative; } .inner-wrap { overflow: hidden; position: relative; left: 0; width: 100%; } .nav-wrapper .fa, .freep { position: relative; /* left: 10px; */ background: none; box-shadow: none; color: #f1f1f1; /* border-radius: 0 0 10px 10px; */ /* bottom: -35px; */ top: 0; right: inherit; height: 35px; float: left; } .freep { width: 105px; padding: 6px 5px 9px 10px; vertical-align: middle; } .title .freep { position: absolute; } .opener { width: 100%; float: left; background: #222; background: rgba(0,0,0,.4); box-shadow: 0 0 15px rgba(0,0,0,.4); } .opener .fa-facebook, .opener .fa-twitter { float: right; } .opener .fa:hover { color: #fff; } .nav-wrapper { position: fixed; top: -100px; height: 100px; z-index: 800; background: #999; left: 0; width: 100%; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; } .js-nav .nav-wrapper { top: 0; } .full { height: 100%; height: 100vh; width: 100%; } .vertical-center { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .horizontal-center { text-align: center; margin: 0 auto; } .scroll-fo-mo { position: absolute; text-align: center; left: 0px; bottom: 0px; width: 100%; padding: 10px; background: #222; background: rgba(0,0,0,.5); z-index: 10; } .section { width: 100%; float: left; position: relative; background: #fff; z-index: 2; } /*================================================== Fade ins ================================================== */ .csstransforms.csstransforms3d .fade-in { opacity: 0; /* make things invisible upon start */ -webkit-animation: fader ease-in-out 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation: fader ease-in-out 1; -o-animation: fader ease-in-out 1; animation: fader ease-in-out 1; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1200ms; -moz-animation-duration: 1200ms; animation-duration: 1200ms; } .csstransforms.csstransforms3d .fade-in-one { -webkit-animation-delay: 1200ms; -moz-animation-delay: 1200ms; animation-delay: 1200ms; } .csstransforms.csstransforms3d .fade-in-two { -webkit-animation-delay: 3200ms; -moz-animation-delay: 2200ms; animation-delay: 2200ms; } .csstransforms.csstransforms3d .fade-in-three { -webkit-animation-delay: 4200ms; -moz-animation-delay: 3200ms; animation-delay: 3200ms; } .csstransforms.csstransforms3d .fade-in-four { -webkit-animation-delay: 5200ms; -moz-animation-delay: 5000ms; animation-delay: 5000ms; } .csstransforms.csstransforms3d .fade-in-five { -webkit-animation-delay: 7000ms; -moz-animation-delay: 5000ms; animation-delay: 5000ms; } .csstransforms.csstransforms3d .fade-in-ten { -webkit-animation-delay: 15000ms; -moz-animation-delay: 15000ms; animation-delay: 15000ms; } /* make keyframes that tell the start state and the end state of our object */ @-webkit-keyframes fader { from { opacity:0; } to { opacity: 1; } } @-moz-keyframes fader { from { opacity:0; } to { opacity: 1; } } @keyframes fader { from { opacity:0; } to { opacity: 1; } } @-o-keyframes fader { from { opacity: 0; } to { opacity: 1; } } .intro h1, .intro h2, .intro p, .splash h1, .splash h2, .splash p { color: #fff; margin: 0; } .splash.pt2 h2 { color: #97c3d5; } .section.video { } .credits { text-align: center; padding: 20px; opacity: .4; transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; } .credits:hover { opacity: 1; } .video video { width: 100%; margin: 0 auto; display: block; max-width: 100%; } video#bgvid { right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; } .container video { max-width: 100%; } .video-container { width: 100%; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .written { margin: 0 auto; } .video .container, .beforeafter .container { max-width: 900px; } .dark .section { } .dark .container p, .dark .container h1 { color: #e3e2dd; } .container { max-width: 700px; width: 90%; margin: 0 auto; padding: 20px 0; } .dark .container { padding: 20px; background: rgba(0,0,0,.8); } .written .bx-wrapper { width: 50%; float: right; margin-left: 40px; } .intersection .container, .exchange .container, .ren .container { padding: 20px; background: rgba(255,255,255,.9); } .full .content { width: 50%; background: rgba(0,0,0,.8); padding: 15px 30px 10px 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; } .full .container { width: 100%; } .full .container p { color: #fff; } .map .container, .map1 .container, .map2 .container, .map3 .container { max-width: 900px; position: relative; } .map img, .map1 img, .map2 img, .map3 img { box-shadow: 0 0 10px #000; } .side { width: 20%; float: left; padding: 0 20px; position: relative; } .quote p { font-size: 5em; margin: 0; padding: 0 5%; position: absolute; color: #fff; position: fixed; top: 50%; text-align: center; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .turn.skrollable-before p { display: none; } .progress-wrap { position: fixed; top: 0; left: 0; width: 100%; z-index: 300; background: rgba(0, 0, 0, .5); height: 1em; } .progress-inner { } .progress-wrap span { position: absolute; font-size: .7em; z-index: 10; } .progress-wrap .fourteen { left: 20%; } .progress-wrap .twenty { left: 40%; } .progress-wrap .fifty { left: 75%; } .progress { border-right: 1px solid #fff; position: absolute; height: 1em; } .leechwrap .content { float: left; width: 80%; } .leechwrap .leech { float: left; width: 20%; } .fa { position: absolute; right: 10px; top: 10px; color: #333; background: #fff; background: rgba(255,255,255,.7); display: block; padding: 10px; box-shadow: 0 0px 3px 0 rgba(0,0,0,.5); z-index: 200; } .fa:hover { color: #000; } .splash .fa { top: inherit; bottom: 10px; } .splash .fa-arrow-circle-down { top: 90%; right: 49%; width: auto; box-shadow: none; color: #999; font-size: 2em; background: none; } .gallery a p, p.caption { padding: 10px; margin: 0; color: #666; font-size: .8em; text-align: center; width: 100%; float: left; border-bottom: 1px solid #ccc; } .gallery img { float: left; } /*================================================== Content Area ================================================== */ .map { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/MAP-Winnipeg-1905-Port-and-main-centreBLUR.jpg) center center fixed; background-size: cover; } .intro { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-1OpeningImage.jpg) center center; background-attachment: fixed; background-size: cover; } .intro .full, .splash .full { background: rgba(0,0,0,.8); } /*================================================== part 1 covers ================================================== */ .pana-one { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/Main-St-ANIMATION-1.png) center center scroll no-repeat; background-size: cover; height: 100%; height: 100vh; position: absolute; width: 100%; } .pana-two { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/Main-St-ANIMATION-2.png) center center scroll no-repeat; background-size: cover; height: 100%; height: 100vh; position: absolute; width: 100%; } .image1 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/Main-St-ANIMATION-3.png) center center scroll no-repeat; background-size: cover; z-index: 1; height: 100%; height: 100vh; } .image1 .full { height: 100%; height: 100vh; } .hrushka { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Hrushka_new1.jpg) center center no-repeat; background-attachment: fixed; background-size: cover; z-index: 1; height: 150%; height: 150vh; } .hrushka .full { height: 150%; height: 150vh; } .hrushka img { box-shadow: 0 0px 10px 0 rgba(0,0,0,.9); } .hrushka .container { max-width: 900px; } .industrial { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-2WpgIndBldg.jpg) center center no-repeat; background-attachment: fixed; background-size: cover; } .intersection { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-60_HendersonPlans-01.jpg)center center no-repeat; background-attachment: fixed; background-size: cover; } .approach { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-66_MBFreep-01.jpg) center center no-repeat; background-attachment: fixed; background-size: cover; } .slum1 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-67_Slums-01.jpg) center center no-repeat; background-attachment: fixed; background-size: cover; padding: 0 0 20px 0; } .slum2 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB_Pt-Doulgas-prostitution.jpg) right center no-repeat; background-attachment: fixed; background-size: cover; padding: 0 0 20px 0; } .slum3 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-69_Slums-03.jpg) center center no-repeat; background-attachment: fixed; background-size: cover; padding: 0 0 20px 0; } .slum4 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-70_Slums-04.jpg) center center no-repeat; background-attachment: fixed; background-size: cover; padding: 0 0 20px 0; } .slum5 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-68_Slums-02.jpg) center center no-repeat; background-attachment: fixed; background-size: cover; padding: 0 0 20px 0; } .section.final-image { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-2WpgIndBldg.jpg) bottom center no-repeat; background-attachment: fixed; background-size: cover; z-index: 1; } /*================================================== part 2 covers ================================================== */ .pt2 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-LEAD-img.jpg) center center; background-attachment: fixed; background-size: cover; } .market { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-paramarket1.jpg) center center scroll no-repeat; background-size: cover; z-index: 1; height: 100%; height: 100vh; } .pana-two-one { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-paramarket1.png) center center scroll no-repeat; background-size: cover; height: 100%; height: 100vh; position: absolute; width: 100%; } .pana-two-two { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-paramarket2.png) center center scroll no-repeat; background-size: cover; height: 100%; height: 100vh; position: absolute; width: 100%; } .pana-two-three { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-paramarket3.png) center center scroll no-repeat; background-size: cover; height: 100%; height: 100vh; position: absolute; width: 100%; } .cityhall { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-CityHall_full.jpg) center center; background-attachment: fixed; background-size: cover; } .serena { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Port_Serena_Keshavjee.jpg) right center; background-attachment: fixed; background-size: cover; } .wag { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-WAG_full.jpg) center center; background-attachment: fixed; background-size: cover; } .russell { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-ModProminent_JohnRussell_Boris.jpg) center center; background-attachment: fixed; background-size: cover; } .michener { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Port_MelMichener.jpg) center top; background-attachment: fixed; background-size: cover; } .berkshire { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-BerkshirePark.jpg) center center; background-attachment: fixed; background-size: cover; } .gaboury { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Port_Gaboury.jpg) center center; background-attachment: fixed; background-size: cover; } .eatons { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-EatonsDemo-1-2.jpg) center center; background-attachment: fixed; background-size: cover; } .ex1 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Exchange-4.jpg) center center; background-attachment: fixed; background-size: cover; } .ex2 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Exchange-2.jpg) center center; background-attachment: fixed; background-size: cover; } .ex3 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Exchange-3.jpg) center center; background-attachment: fixed; background-size: cover; } .map1 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Map1-wide-BLUR.jpg) center center fixed; background-size: cover; } .map2 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Map2-wide-BLUR.jpg) center center fixed; background-size: cover; } .psb { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-PSB.jpg) center center fixed; background-size: cover; } .airport { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-kalen-airport.jpg) center center fixed; background-size: cover; } .concerthall { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-ConcertHall.jpg) center center fixed; background-size: cover; } .planetarium { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Planetarium_full.jpg) center center fixed; background-size: cover; } .bellamy { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Port_Bellamy.jpg) top left fixed; background-size: cover; } .aerial { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Aerial_PortageMain.jpg) center center fixed; background-size: cover; } /*================================================== part 3 covers ================================================== */ .pt3 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Title-CMHREsplanade.jpg) center top; background-attachment: fixed; background-size: cover; } .wins { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Port_Wins_Bridgeman.jpg) center center; background-attachment: fixed; background-size: cover; } .predock { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Port-Predock.jpg) #111 top center; background-attachment: fixed; background-size: cover; } .hurme { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Port-JohannaHurme.jpg) #111 center center; background-attachment: fixed; background-size: cover; } .hut { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-WarmingHut.jpg) #111 center center; background-attachment: fixed; background-size: cover; } .penner { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Port-Penner1.jpg) #111 top center; background-attachment: fixed; background-size: cover; } .union { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-UnionStation-int.jpg) #111 top center; background-attachment: fixed; background-size: cover; } .architects { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-5468796-youngarchitects.jpg) #111 center center; background-attachment: fixed; background-size: cover; } .map3 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/Winnipeg-map-BLUR.jpg) center center; background-attachment: fixed; background-size: cover; } .river { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-River.jpg) bottom center; background-attachment: fixed; background-size: cover; } .sunrise { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB3-WPG-skyline.jpg) center bottom; background-attachment: fixed; background-size: cover; height: 150%; height: 150vh; } .ren1 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-JetsOpener.jpg) center center; background-attachment: fixed; background-size: cover; } .ren2 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-RWB.jpg) center center; background-attachment: fixed; background-size: cover; } .ren3 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-CMHR-full.jpg) bottom center; background-attachment: fixed; background-size: cover; } /*================================================== magnific ================================================== */ .white-popup { position: relative; background: #111; padding: 20px; width: auto; max-width: 90%; overflow: hidden; margin: 20px auto; } .white-popup img { float: left; margin: 0 2% 0px 0px; max-width: 50%; } .white-popup dl { float: left; width: 48%; } .white-popup dt { font-weight: bold; color: #ddd; font-size: 1.2em; } .white-popup dd, .white-popup p { color: #ccc; margin-bottom: 10px; } .white-popup h2 { color: #fff; margin-bottom: 10px; font-size: 1.5em; } .white-popup p.caption { border: none; padding: 5px; font-size: .7em; margin: 0; text-align: left; } .newbuildings img { max-width: 100%; } .newbuildings dl { width: 100%; margin-top: 20px; } .gallery { padding: 0; position: relative; max-width: 800px; } .beforeafter .gallery { max-width: 900px; } .gallery.inline { float: right; max-width: 40%; margin: 0 0 10px 20px; } .relative { position: relative; } .gallery a, .map a.point, .map1 a.point, .map2 a.point, .map3 a.point { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .point { height: 50px; width: 50px; border-radius: 100px; display: block; position: absolute; box-shadow: 0 0 10px rgba(0,0,0,.5), inset 0 0 10px rgba(0,0,0,.5); border: 4px solid #fff; background: none; background: rgba(255,255,255,.1); } .map3 .point { border: 4px solid #0078a9; box-shadow: none; } .point.one { top: 45%; left: 45%; } .point.two { top: 3%; left: 69%; } .point.three { top: 76%; left: 55.5%; } .point.four { top: 87%; left: 20%; } .point.five { top: 51%; left: 38%; } .point.six { top: 7%; left: 65%; } .point.seven { top: 28%; left: 48%; } .point.eight { top: 73%; left: 61%; } .mod1 { left: 24%; top: 45%; } .mod2 { left: 31%; top: 48%; } .mod3 { left: 37%; top: 32%; } .mod4 { top: 31%; left: 33%; } .mod5 { top: 28%; left: 37%; } .mod6 { left: 23%; top: 94%; } .mod7 { left: 48%; top: 58%; } .mod8 { left: 91%; top: 86%; } .dest1 { left: 57%; top: 32%; } .dest2 { left: 56%; top: 50%; } .dest3 { left: 67%; top: 13%; } .dest4 { left: 57%; top: 46%; } .dest5 { left: 56%; top: 48%; } .dest6 { left: 66%; top: 64%; } .dest7 { left: 48%; top: 51%; } .dest8 { left: -2%; top: 93%; } .new1 { left: 68%; top: 13%; } .new2 { left: 12%; top: 17%; } .new3 { left: 66%; top: 17%; } .new4 { left: 72%; top: 19%; } .new5 { left: 78%; top: 19%; } .new6 { left: 69%; top: 11%; } .new7 { left: 68%; top: 20%; } .new8 { left: 66%; top: 88%; } .new9 { left: 67%; top: 18%; } .turn { height: 200%; height: 200vh; z-index: -1; } .full video { width: 100%; } .bx-wrapper .bx-viewport { border: none; left: 0; box-shadow: none; background: #111; } .timeline img { width: 100%; float: left; } .timeline .container { max-width: 1400px; width: 100%; } .timeline { background: #111; } img.unveil { opacity: 0; transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; } .turn { background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(0,0,0,1) 56%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(255,255,255,1)), color-stop(56%, rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(0,0,0,1) 56%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(0,0,0,1) 56%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(0,0,0,1) 56%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 1%, rgba(0,0,0,1) 56%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); /* IE6-9 */ } /*================================================== Tablet ================================================== */ @media only screen and (max-width : 660px) { .full, .turn { } .intro h1, .splash h1 { font-size: 2.2em; } .intro h2, .splash h2 { font-size: 1.2em; } .intro p, .splash p { margin: 0; } .section.image1.full.skrollr.skrollable.skrollable-after { } .full .content { background: none; width: 100%; position: relative; padding: 0; transform: none; } .full .container p { color: #555; } p { font-family: georgia; } .full .container { width: 90%; padding: 0; } .container { padding: 0; } /*================================================== .vertical-center { margin: 0; position: absolute; } ================================================== */ .slum1, .slum2, .slum3, .slum4, .slum5, .exchange, .ren { padding: 0; } .exchange .container, .ren .container, .dark .container { width: 100%; } .turn { background: #111; } .quote p { position: relative; transform: none; } .hrushka .full { padding: 1%; background: rgba(0,0,0,.8); } .hrushka img { max-width: 100%; } .white-popup dl { width: 100%; font-size: .8em; } .white-popup img { max-width: 100%; margin: 0 0 20px 0; } .intro { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-1OpeningImage.jpg?w=600) center center; background-attachment: fixed; background-size: cover; } .industrial { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-2WpgIndBldg.jpg?w=600) center center no-repeat; background-attachment: fixed; background-size: cover; } .intersection { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-60_HendersonPlans-01.jpg?w=600)center center no-repeat; background-attachment: fixed; background-size: cover; } .approach { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-66_MBFreep-01.jp?w=600) center center no-repeat; background-attachment: fixed; background-size: cover; } .slum1 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-67_Slums-01.jpg?w=600) center center no-repeat; background-attachment: fixed; background-size: cover; padding: 0 0 20px 0; } .slum2 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB_Pt-Doulgas-prostitution.jpg?w=600) right center no-repeat; background-attachment: fixed; background-size: cover; padding: 0 0 20px 0; } .slum3 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-69_Slums-03.jpg?w=600) center center no-repeat; background-attachment: fixed; background-size: cover; padding: 0 0 20px 0; } .slum4 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-70_Slums-04.jpg?w=600) center center no-repeat; background-attachment: fixed; background-size: cover; padding: 0 0 20px 0; } .slum5 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-68_Slums-02.jpg?w=600) center center no-repeat; background-attachment: fixed; background-size: cover; padding: 0 0 20px 0; } .hrushka { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Hrushka_new1.jpg?w=600) center center no-repeat; background-size: cover; } .pana-one { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/Main-St-ANIMATION-1.png?w=600) center center scroll no-repeat; background-size: cover; } .pana-two { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/Main-St-ANIMATION-2.png?w=600) center center scroll no-repeat; background-size: cover; } .image1 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/Main-St-ANIMATION-3.png?w=600) center center scroll no-repeat; background-size: cover; } .map { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/MAP-Winnipeg-1905-Port-and-main-centreBLUR.jpg?w=600) center center; background-size: cover; } .pt2 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-LEAD-img.jpg?w=600) center center; background-attachment: fixed; background-size: cover; } .market { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-paramarket1.jpg?w=600) center center scroll no-repeat; background-size: cover; z-index: 1; height: 100%; height: 100vh; } .pana-two-one { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-paramarket1.png?w=600) center center scroll no-repeat; background-size: cover; height: 100%; height: 100vh; position: absolute; width: 100%; } .pana-two-two { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-paramarket2.png?w=600) center center scroll no-repeat; background-size: cover; height: 100%; height: 100vh; position: absolute; width: 100%; } .pana-two-three { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-paramarket3.png?w=600) center center scroll no-repeat; background-size: cover; height: 100%; height: 100vh; position: absolute; width: 100%; } .cityhall { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-CityHall_full.jpg?w=600) center center; background-attachment: fixed; background-size: cover; } .bridgman { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Port_Wins_Bridgeman.jpg?w=600) center center; background-attachment: fixed; background-size: cover; } .serena { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Port_Serena_Keshavjee.jpg?w=600) right center; background-attachment: fixed; background-size: cover; } .wag { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-WAG_full.jpg?w=600) center center; background-attachment: fixed; background-size: cover; } .russell { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-ModProminent_JohnRussell_Boris.jpg?w=600) center center; background-attachment: fixed; background-size: cover; } .michener { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Port_MelMichener.jpg?w=600) center top; background-attachment: fixed; background-size: cover; } .berkshire { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-BerkshirePark.jpg?w=600) center center; background-attachment: fixed; background-size: cover; } .gaboury { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Port_Gaboury.jpg?w=600) center center; background-attachment: fixed; background-size: cover; } .eatons { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-EatonsDemo-1-2.jpg?w=600) center center; background-attachment: fixed; background-size: cover; } .ex1 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Exchange-4.jpg?w=600) center center; background-attachment: fixed; background-size: cover; } .ex2 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Exchange-2.jpg?w=600) center center; background-attachment: fixed; background-size: cover; } .ex3 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Exchange-3.jpg?w=600) center center; background-attachment: fixed; background-size: cover; } .map1 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Map1-wide-BLUR.jpg?w=600) center center fixed; background-size: cover; } .map2 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Map2-wide-BLUR.jpg?w=600) center center fixed; background-size: cover; } .psb { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-PSB.jpg?w=600) center center fixed; background-size: cover; } .airport { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-kalen-airport.jpg?w=600) center center fixed; background-size: cover; } .concerthall { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-ConcertHall.jpg?w=600) center center fixed; background-size: cover; } .planetarium { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Planetarium_full.jpg?w=600) center center fixed; background-size: cover; } .bellamy { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Port_Bellamy.jpg?w=600) top left fixed; background-size: cover; } .aerial { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Aerial_PortageMain.jpg?w=600) center center fixed; background-size: cover; } /*================================================== part 3 covers ================================================== */ .pt3 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Title-CMHREsplanade.jpg?w=600) center top; background-attachment: fixed; background-size: cover; } .wins { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Port_Wins_Bridgeman.jpg?w=600) center center; background-attachment: fixed; background-size: cover; } .predock { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Port-Predock.jpg?w=600) #111 top center; background-attachment: fixed; background-size: cover; } .hurme { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Port-JohannaHurme.jpg?w=600) #111 center center; background-attachment: fixed; background-size: cover; } .hut { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-WarmingHut.jpg?w=600) #111 center center; background-attachment: fixed; background-size: cover; } .penner { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Port-Penner1.jpg?w=600) #111 top center; background-attachment: fixed; background-size: cover; } .union { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-UnionStation-int.jpg?w=600) #111 top center; background-attachment: fixed; background-size: cover; } .architects { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-5468796-youngarchitects.jpg?w=600) #111 center center; background-attachment: fixed; background-size: cover; } .map3 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/Winnipeg-map-BLUR.jpg?w=600) center center; background-attachment: fixed; background-size: cover; } .river { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-River.jpg?w=600) bottom center; background-attachment: fixed; background-size: cover; } .sunrise { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB3-WPG-skyline.jpg?w=600) center bottom; background-attachment: fixed; background-size: cover; } .ren1 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-JetsOpener.jpg?w=600) center center; background-attachment: fixed; background-size: cover; } .ren2 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-RWB.jpg?w=600) center center; background-attachment: fixed; background-size: cover; } .ren3 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-CMHR-full.jpg?w=600) bottom center; background-attachment: fixed; background-size: cover; } /*================================================== selector ================================================== */ .selector h1 { font-size: 2.5em; } .selector h2 { font-size: .9em; } .selector p { font-size: .7em; } .selector li a { font-size: 1em; } .selector .title { height: 40%; height: 40vh; padding: 0 10px; } .selector ul { height: 60%; height: 60vh; border-top: none; } .selector li { width: 100%; height: 25%; border-top: 2px solid #fff; } .selector li + li { border-left: none; } .selector ul:hover li { width: 100%; } .selector ul:hover li:hover { width: 100%; } } /*================================================== Phone ================================================== */ @media only screen and (max-width : 400px) { .intro { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-1OpeningImage.jpg?w=400) center center; background-attachment: fixed; background-size: cover; } .industrial { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-2WpgIndBldg.jpg?w=400) center center no-repeat; background-attachment: fixed; background-size: cover; } .intersection { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-60_HendersonPlans-01.jpg?w=400)center center no-repeat; background-attachment: fixed; background-size: cover; } .approach { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-66_MBFreep-01.jpg?w=400) center center no-repeat; background-attachment: fixed; background-size: cover; } .slum1 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-67_Slums-01.jpg?w=400) center center no-repeat; background-attachment: fixed; background-size: cover; padding: 0 0 20px 0; } .slum2 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB_Pt-Doulgas-prostitution.jpg?w=400) right center no-repeat; background-attachment: fixed; background-size: cover; padding: 0 0 20px 0; } .slum3 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-69_Slums-03.jpg?w=400) center center no-repeat; background-attachment: fixed; background-size: cover; padding: 0 0 20px 0; } .slum4 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-70_Slums-04.jpg?w=400) center center no-repeat; background-attachment: fixed; background-size: cover; padding: 0 0 20px 0; } .slum5 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-68_Slums-02.jpg?w=400) center center no-repeat; background-attachment: fixed; background-size: cover; padding: 0 0 20px 0; } .hrushka { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Hrushka_new1.jpg?w=400) center center no-repeat; background-attachment: fixed; background-size: cover; } .pana-one { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/Main-St-ANIMATION-1.png?w=400) center center scroll no-repeat; background-size: cover; } .pana-two { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/Main-St-ANIMATION-2.png?w=400) center center scroll no-repeat; background-size: cover; } .image1 { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/Main-St-ANIMATION-3.png?w=400) center center scroll no-repeat; background-size: cover; } .map { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/MAP-Winnipeg-1905-Port-and-main-centreBLUR.jpg?w=400) center center fixed; background-size: cover; } .pt2 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-LEAD-img.jpg?w=400) center center; background-attachment: fixed; background-size: cover; } .market { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-paramarket1.jpg?w=400) center center scroll no-repeat; background-size: cover; z-index: 1; height: 100%; height: 100vh; } .pana-two-one { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-paramarket1.png?w=400) center center scroll no-repeat; background-size: cover; height: 100%; height: 100vh; position: absolute; width: 100%; } .pana-two-two { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-paramarket2.png?w=400) center center scroll no-repeat; background-size: cover; height: 100%; height: 100vh; position: absolute; width: 100%; } .pana-two-three { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-paramarket3.png?w=400) center center scroll no-repeat; background-size: cover; height: 100%; height: 100vh; position: absolute; width: 100%; } .cityhall { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-CityHall_full.jpg?w=400) center center; background-attachment: fixed; background-size: cover; } .bridgman { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Port_Wins_Bridgeman.jpg?w=400) center center; background-attachment: fixed; background-size: cover; } .serena { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Port_Serena_Keshavjee.jpg?w=400) right center; background-attachment: fixed; background-size: cover; } .wag { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-WAG_full.jpg?w=400) center center; background-attachment: fixed; background-size: cover; } .russell { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-ModProminent_JohnRussell_Boris.jpg?w=400) center center; background-attachment: fixed; background-size: cover; } .michener { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Port_MelMichener.jpg?w=400) center top; background-attachment: fixed; background-size: cover; } .berkshire { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-BerkshirePark.jpg?w=400) center center; background-attachment: fixed; background-size: cover; } .gaboury { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Port_Gaboury.jpg?w=400) center center; background-attachment: fixed; background-size: cover; } .eatons { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-EatonsDemo-1-2.jpg?w=400) center center; background-attachment: fixed; background-size: cover; } .ex1 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Exchange-4.jpg?w=400) center center; background-attachment: fixed; background-size: cover; } .ex2 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Exchange-2.jpg?w=400) center center; background-attachment: fixed; background-size: cover; } .ex3 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Exchange-3.jpg?w=400) center center; background-attachment: fixed; background-size: cover; } .map1 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Map1-wide-BLUR.jpg?w=400) center center fixed; background-size: cover; } .map2 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Map2-wide-BLUR.jpg?w=400) center center fixed; background-size: cover; } .psb { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-PSB.jpg?w=400) center center fixed; background-size: cover; } .airport { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-kalen-airport.jpg?w=400) center center fixed; background-size: cover; } .concerthall { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-ConcertHall.jpg?w=400) center center fixed; background-size: cover; } .planetarium { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Planetarium_full.jpg?w=400) center center fixed; background-size: cover; } .bellamy { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Port_Bellamy.jpg?w=400) top left fixed; background-size: cover; } .aerial { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Aerial_PortageMain.jpg?w=400) center center fixed; background-size: cover; } /*================================================== part 3 covers ================================================== */ .pt3 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Title-CMHREsplanade.jpg?w=400) center top; background-attachment: fixed; background-size: cover; } .wins { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB2-Port_Wins_Bridgeman.jpg?w=400) center center; background-attachment: fixed; background-size: cover; } .predock { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Port-Predock.jpg?w=400) #111 top center; background-attachment: fixed; background-size: cover; } .hurme { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Port-JohannaHurme.jpg?w=400) #111 center center; background-attachment: fixed; background-size: cover; } .hut { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-WarmingHut.jpg?w=400) #111 center center; background-attachment: fixed; background-size: cover; } .penner { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Port-Penner1.jpg?w=400) #111 top center; background-attachment: fixed; background-size: cover; } .union { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-UnionStation-int.jpg?w=400) #111 top center; background-attachment: fixed; background-size: cover; } .architects { background: url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-5468796-youngarchitects.jpg?w=400) #111 center center; background-attachment: fixed; background-size: cover; } .map3 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/Winnipeg-map-BLUR.jpg?w=400) center center; background-attachment: fixed; background-size: cover; } .river { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-River.jpg?w=400) bottom center; background-attachment: fixed; background-size: cover; } .sunrise { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB3-WPG-skyline.jpg?w=400) center bottom; background-attachment: fixed; background-size: cover; } .ren1 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-JetsOpener.jpg?w=400) center center; background-attachment: fixed; background-size: cover; } .ren2 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-RWB.jpg?w=400) center center; background-attachment: fixed; background-size: cover; } .ren3 { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-CMHR-full.jpg?w=400) bottom center; background-attachment: fixed; background-size: cover; } div { background-attachment: scroll !important; } } @media only screen and (max-width : 800px) { .quote blockquote { font-size: 2em; } } @media only screen and (max-width : 540px) { .quote blockquote { max-width: 100%; bottom: -70%; } .bellamy { background: #111 url(https://www.winnipegfreepress.com/wp-content/uploads/sites/2/2023/02/CB-Port_Bellamy.jpg?w=400) top center scroll; background-size: cover; } } /*================================================== magnific ================================================== */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #fff; word-wrap: break-word; padding-right: 36px; font-size: .8em; font-weight: normal; } .mfp-image-holder .mfp-content { max-width: 90%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .touch div { background-attachment: scroll !important; } .touch .slum .container, .touch .intersection .container { width: 100%; } /*================================================== before-after ================================================== */ .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: white; position: absolute; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: "Before"; } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: "After"; } .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid white; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid white; bottom: 50%; margin-bottom: -17px; }