PageSourceSearch

https://www.mariancollege.school.nz/about/about-us

html mariancollege.school.nz collected 2026-09-25 11:27:12 UTC 142,588 bytes, 3,352 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html class="subsite" xmlns:fb="http://ogp.me/ns/fb#">
5<head>
6
7    <style>
8.menu-logo img {
9max-height: 90px !important;
10padding: 10px;
11}
12@media screen and (max-width: 770px) {
13        .menu-logo {
14                min-height: 40px;
15        }
16
17    .menu-logo img {
18        height: 80px;
19padding: 5px;
20        position: initial;
21    } 
22}
23</style>
24
25<script>
26
27document.addEventListener('DOMContentLoaded', () => { setTimeout(function(){
28
29if(!location.href.includes("viewform") && !location.href.includes("reregister") && $("forms-wrapper").length == 0){
30
31let elfScript = document.createElement("script");
32elfScript.setAttribute("src", "https://apps.elfsight.com/p/platform.js");
33document.body.appendChild(elfScript);
34
35}
36}, 2000);
37});
38
39</script>
39
40
41<meta charset="utf-8" />
42<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, interactive-widget=resizes-content">
43<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
44<meta name="title" content="Marian College" />
45<meta name="description" content="Welcome to the official website for Marian College." />
46<meta name="google-site-verification" />
47
48<meta property="og:type" content="website" />
49<meta property="og:url" content="https://www.mariancollege.school.nz/mariancollege/about/about-us" />
50<meta property="og:title" content="Marian College" />
51<meta property="og:description" content="Welcome to the official website for Marian College." />
52<meta itemprop="image" property="og:image" content="https://prodcdn.sporty.co.nz/cms/14433/logo.png?ts=245811910" />
53<meta property="fb:app_id" content='849632328416506' />
54
55
56
57	<link rel="icon" type="image/png" href="https://prodcdn.sporty.co.nz/cms/40923/favicon.png" sizes="192x192">
58	<link rel="apple-touch-icon" type="image/png" href="https://prodcdn.sporty.co.nz/cms/40923/favicon.png" sizes="180x180">
59
60<title>Marian College - About Us</title>
61
62    <link href="/Content/google-fonts.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" />
63<link href="/Content/custom-fonts.css" rel="stylesheet" />
64<link rel="stylesheet" type="text/css" href="https://use.typekit.net/xrh0ork.css">
65<link rel="stylesheet" type="text/css" href="https://use.typekit.net/edw2fiz.css">
66<link rel="stylesheet" type="text/css" href="https://use.typekit.net/oxd8uxe.css">
67<link rel="stylesheet" type="text/css" href="https://use.typekit.net/jgz3xdm.css">
68
69<link rel="preload" crossorigin href="/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" />
70<link href="/bundles/sporty-styles?v=F71V2NrkFmZ-htucL2-tDbWMi5yIWqXCb32RzOjuoVA1" rel="stylesheet"/>
71
72
vendor: 4,277 bytes, lines 73-185
73<script>
74    /*! loadCSS. [c]2017 Filament Group, Inc. MIT License */
75    /* This file is meant as a standalone workflow for
76    - testing support for link[rel=preload]
77    - enabling async CSS loading in browsers that do not support rel=preload
78    - applying rel preload css once loaded, whether supported or not.
79    */
80    (function (w) {
81        "use strict";
82        // rel=preload support test
83        if (!w.loadCSS) {
84            w.loadCSS = function () { };
85        }
86        // define on the loadCSS obj
87        var rp = loadCSS.relpreload = {};
88        // rel=preload feature support test
89        // runs once and returns a function for compat purposes
90        rp.support = (function () {
91            var ret;
92            try {
93                ret = w.document.createElement("link").relList.supports("preload");
94            } catch (e) {
95                ret = false;
96            }
97            return function () {
98                return ret;
99            };
100        })();
101
102        // if preload isn't supported, get an asynchronous load by using a non-matching media attribute
103        // then change that media back to its intended value on load
104        rp.bindMediaToggle = function (link) {
105            // remember existing media attr for ultimate state, or default to 'all'
106            var finalMedia = link.media || "all";
107
108            function enableStylesheet() {
109                // unbind listeners
110                if (link.addEventListener) {
111                    link.removeEventListener("load", enableStylesheet);
112                } else if (link.attachEvent) {
113                    link.detachEvent("onload", enableStylesheet);
114                }
115                link.setAttribute("onload", null);
116                link.media = finalMedia;
117            }
118
119            // bind load handlers to enable media
120            if (link.addEventListener) {
121                link.addEventListener("load", enableStylesheet);
122            } else if (link.attachEvent) {
123                link.attachEvent("onload", enableStylesheet);
124            }
125
126            // Set rel and non-applicable media type to start an async request
127            // note: timeout allows this to happen async to let rendering continue in IE
128            setTimeout(function () {
129                link.rel = "stylesheet";
130                link.media = "only x";
131            });
132            // also enable media after 3 seconds,
133            // which will catch very old browsers (android 2.x, old firefox) that don't support onload on link
134            setTimeout(enableStylesheet, 3000);
135        };
136
137        // loop through link elements in DOM
138        rp.poly = function () {
139            // double check this to prevent external calls from running
140            if (rp.support()) {
141                return;
142            }
143            var links = w.document.getElementsByTagName("link");
144            for (var i = 0; i < links.length; i++) {
145                var link = links[i];
146                // qualify links to those with rel=preload and as=style attrs
147                if (link.rel === "preload" && link.getAttribute("as") === "style" && !link.getAttribute("data-loadcss")) {
148                    // prevent rerunning on link
149                    link.setAttribute("data-loadcss", true);
150                    // bind listeners to toggle media back
151                    rp.bindMediaToggle(link);
152                }
153            }
154        };
155
156        // if unsupported, run the polyfill
157        if (!rp.support()) {
158            // run once at least
159            rp.poly();
160
161            // rerun poly on an interval until onload
162            var run = w.setInterval(rp.poly, 500);
163            if (w.addEventListener) {
164                w.addEventListener("load", function () {
165                    rp.poly();
166                    w.clearInterval(run);
167                });
168            } else if (w.attachEvent) {
169                w.attachEvent("onload", function () {
170                    rp.poly();
171                    w.clearInterval(run);
172                });
173            }
174        }
175
176
177        // commonjs
178        if (typeof exports !== "undefined") {
179            exports.loadCSS = loadCSS;
180        }
181        else {
182            w.loadCSS = loadCSS;
183        }
184    }(typeof global !== "undefined" ? global : this));
185</script>
185
186
187
188    <style type="text/css">
189        @import url('/Content/mobiscroll/mobiscroll.custom-3.2.4.min.css');
190    </style>
191
192    
193
194
195<style>
196
197
198        .widget, .widget h3, .cmsFooter, .header-image, .document-list-heading, .container:not(.whiteWall) .site-style, .dropdown-widget, .wCompetition select, .wSIFCompetition select, .wCompetition .multiselect, .wSIFCompetition .multiselect, .wCometCompetition select, .wCometCompetition .multiselect,
199        .comp-widget-from, .comp-widget-to, .wCompetition input, .wPlayHQ input, .wPlayHQ select, .wPlayHQ .multiselect {
200            font-family: Montserrat, sans-serif !important;
201            color: #004c97 !important;
202            font-weight: normal;
203            font-style: normal;
204        }
205
206
207
208
209        .navbar-inverse .navbar-toggle .icon-bar {
210            background-color: #cc0033 !important;
211        }
212
213        .navbar-inverse .navbar-toggle:hover .icon-bar {
214            background-color: #004c97 !important;
215        }
216
217        body {
218            background-color:#004c97;
219        }
220
221            
222                body:before {
223            background-color:#004c97;
224        }
225        
226
227        .cmsContent h1, .cmsContent h2, .cmsContent h3, .cmsContent h4, .cmsContent h5, .cmsContent h6 {
228            font-family: Montserrat, sans-serif !important;
229        }
230
231        .comp-widget-content ul li:not(.standings-phase-tab) {
232            border: 1px solid #dddd;
233            color: #004c97;
234            border: 1px solid #ddd
235
236        }
237
238        .comp-widget-content ul li.active:not(.standings-phase-tab) {
239            background-color: #004c97 !important;
240            color: white;
241            border: none;
242            border-bottom: 1px solid  #004c97;
243        }
244
245        .wCompetition .nav-tabs > li:hover:not(.standings-phase-tab){
246            border: 1px solid  #004c97;
247        }
248
249        .KamarNoticeTitle, .kamarAgendaViewDayTitle{
250            background-color: rgba(0,76,151,0.15);
251        }
252
253        .kamarSelectedDay{
254            background-color: #004c97 !important;
255            color: white !important;
256        }
257
258
259
260
261            
262
263                .supersplitter {
264            padding-bottom: 40px;
265            padding-top: 40px;
266        }
267
268        @media only screen and (max-width: 767px){
269
270
271
272        }
273
274        
275
276
277            
278        #cmsContent .supersplitter div[class*="col-sm-"]:not(.form-col) {
279            padding-left: 10px !important;
280            padding-right: 10px !important;
281        }
282
283        #cmsContent .supersplitter:not(.full-screen-width-bg) {
284            padding-left: 10px !important;
285            padding-right: 10px !important;
286        }
287
288        .widget {
289            margin-bottom: 20px;
290            font-size: 14px !important;
291        }
292
293        .widget .sy-controls {
294            font-size: 14px !important;
295        }
296
297        @media only screen and (min-width: 768px){
298            #cmsContent .supersplitter .splitter-column-sortable-parent > .splitter-column-sortable:last-child > .widget:last-child{
299                margin-bottom: 0 !important;
300            }
301
302            #section-header .supersplitter .splitter-column-sortable-parent > .splitter-column-sortable:last-child .widget:last-child {
303                margin-bottom: 0 !important;
304            }
305
306            #cmsContent .supersplitter .accordion-splitter .splitter-column-sortable:last-child .widget:last-child {
307                margin-bottom: 0 !important;
308            }
309
310            #section-header .supersplitter .accordion-splitter .splitter-column-sortable:last-child .widget:last-child {
311                margin-bottom: 0 !important;
312            }
313
314        }
315
316         @media only screen and (max-width: 767px){
317
318
319            #cmsContent .supersplitter .accordion-splitter > div.last .widget {
320                margin-bottom: 0 !important;
321            }
322
323            #section-header .supersplitter .accordion-splitter > div.last .widget {
324                margin-bottom: 0 !important;
325            }
326
327        }
328
329        #cmsContent .supersplitter .childsplitter:not(.accordion-splitter):not(.wideget-splitter) {
330            margin-right: -10px !important;
331            margin-left: -10px !important;
332        }
333
334        @media only screen and (max-width: 768px){
335
336            #cmsContent .supersplitter .childsplitter {
337                margin-right: 0px !important;
338                margin-left: 0px !important;
339            }
340
341            .supersplitter {
342
343                padding-left:  10px !important;
344                padding-right:  10px !important;
345            }
346
347            .full-screen-width {
348                width: 100vw;
349                margin-left: 0;
350            }
351
352
353            .row.do-not-stack [class*="col-"] {
354                padding: 0 !important;
355            }
356
357
358
359        }
360
361
362        body.edit .widget {
363            margin-bottom: 20px !important;
364        }
365
366        .widget .childsplitter .childsplitter .btn-toolbar {
367            right: 10px !important;
368        }
369
370        .widget .childsplitter .last .btn-toolbar {
371            right: 10px !important;
372        }
373
374        .widget .richtext-editor > :last-child {
375            margin-bottom: 0;
376        }
377
378        .widget .richtext-editor > :first-child {
379            margin-top: 0;
380        }
381
382        .edit .full-screen-width-bg.supersplitter > .btn-toolbar {
383            margin-left: -40px;
384
385        }
386
387        .edit .full-screen-width-bg.supersplitter .widget .btn-toolbar {
388            right: 10px !important;
389        }
390
391        .edit .full-screen-width-bg.supersplitter .wSplitter > .btn-toolbar {
392            right: 0px !important;
393        }
394
395        .edit .supersplitter > .btn-toolbar {
396            margin: 0;
397            padding: 0;
398            margin-left: -44px;
399            margin-top: -42px;
400        }
401
402        .edit .full-screen-width .btn-toolbar {
403
404            margin-left:  -10px !important;
405            margin-top: -40px !important;
406        }
407
408        .edit .full-screen-width .widget .btn-toolbar {
409
410            right: 10px !important;
411            z-index: 10 !important;
412            margin-top: 0px !important;
413        }
414
415        .supersplitter {
416
417        }
418
419        
420
421            
422                .site-wide-btn {
423                    display: inline-grid !important;align-items: center !important;border: 1px solid rgba(255,255,255,0.00) !important;background: rgba(0,76,151,1.00) !important;border-radius: 0px !important;color: #ffffff !important;min-height: 60px !important;font-family: 'Roboto Slab', Roboto, Arial !important;font-size: 14px !important;
424                }
425
426                .site-wide-btn-font{
427                    font-family: 'Roboto Slab', Roboto, Arial !important;
428                    font-size: 14 !important;
429                    color: #ffffff !important;
430                }
431
432                forms-wrapper[usesitestyle='true'] button.submit-btn{
433                    align-items: center !important;border: 1px solid rgba(255,255,255,0.00) !important;background: rgba(0,76,151,1.00) !important;border-radius: 0px !important;color: #ffffff !important;font-family: 'Roboto Slab', Roboto, Arial !important;
434                }
435
436                forms-wrapper[usesitestyle='true'] button.submit-btn span{
437                    color: #ffffff !important;
438                }
439
440                forms-wrapper[usesitestyle='true'] button.cancel-btn{
441                    align-items: center !important;border-radius: 0px !important;font-family: 'Roboto Slab', Roboto, Arial !important;
442                }
443            
444
445            
446            .site-primary-heading {
447                font-family: Roboto Slab;color: rgba(204,0,51,255);font-size: 36px;font-weight: normal;font-style: normal;text-decoration: none;
448            }
449            
450
451            
452            .site-secondary-heading {
453                font-family: Montserrat, sans-serif;color: rgba(204,0,51,255);font-size: 24px;font-weight: normal;font-style: normal;text-decoration: none;
454            }
455            
456
457            
458            .widget.wRichText a {
459                font-family: Montserrat, sans-serif;color: rgba(0,76,151,255);font-size: 14px;font-weight: normal;font-style: normal;text-decoration: underline;
460            }
461            
462</style>
463
464<style id="mobileWallPaperStyle">
465        
466</style>
467
468    <input id="hidden_country" type="hidden" value="Nz"/>
469<script type="text/javascript">
470    var sportyApp = {
471        country: 'Nz'
472    };
473</script>
473
474
475
476    
476<script type="text/javascript">
477        var sportsground = sportsground || {};
478    </script>
478
479
480    
480<script type='text/javascript'>
481	var googletag = googletag || {};
482	googletag.cmd = googletag.cmd || [];
483	(function () {
484		var gads = document.createElement('script');
485		gads.async = true;
486		gads.type = 'text/javascript';
487		var useSSL = 'https:' == document.location.protocol;
488		gads.src = (useSSL ? 'https:' : 'http:') +
489			'//www.googletagservices.com/tag/js/gpt.js';
490		var node = document.getElementsByTagName('script')[0];
491		node.parentNode.insertBefore(gads, node);
492	})();
493</script>
493
494
495<script type='text/javascript'>
496	googletag.cmd.push(function() {
497		var mapping = googletag.sizeMapping().
498			addSize([0, 0], [300, 250]).
499			addSize([1183, 0], [728, 90]).
500			build();
501
502		googletag.defineSlot('/44071230/SportyBanner', [[300, 250], [728, 90]], 'div-gpt-ad-1468803611332-0').
503            defineSizeMapping(mapping)
504	    
505		
506		.setTargeting("Region", ["Canterbury"])
507		.setTargeting("OrgType", ["Sportsground.Dal.Poco.EducationProviderType"])
508		.setTargeting("Platform", ["MainSite"])
509		.setTargeting("Environment", ["Prod"])
510			.addService(googletag.pubads());
511		googletag.pubads().enableSingleRequest();
512		googletag.enableServices();
513	});
514</script>
514
515
516	
516<script type='text/javascript'>
517	googletag.cmd.push(function() {
518		googletag.defineSlot('/44071230/SportyBanner', [300, 250], 'div-gpt-ad-secondary')
519		
520	    
521		.setTargeting("Region", ["Canterbury"])
522		.setTargeting("OrgType", ["Sportsground.Dal.Poco.EducationProviderType"])
523		.setTargeting("Platform", ["MainSite"])
524		.setTargeting("Environment", ["Prod"])
525			.addService(googletag.pubads());
526		googletag.pubads().enableSingleRequest();
527		googletag.enableServices();
528	});
529	googletag.cmd.push(function () { googletag.display('div-gpt-ad-secondary'); });
530	</script>
530
531
532
533    
534</head>
535<body class="">
536
537    
538
539    <input data-val="true" data-val-number="The field OrganisationId must be a number." data-val-required="The OrganisationId field is required." id="OrganisationId" name="OrganisationId" type="hidden" value="14433" />
540    <input data-val="true" data-val-number="The field SiteId must be a number." data-val-required="The SiteId field is required." id="SiteId" name="SiteId" type="hidden" value="40923" />
541    <input data-val="true" data-val-number="The field PageId must be a number." data-val-required="The PageId field is required." id="PageId" name="PageId" type="hidden" value="1981660" />
542    <input data-val="true" data-val-required="The CanAddRemoveWidgets field is required." id="CanAddRemoveWidgets" name="CanAddRemoveWidgets" type="hidden" value="True" />
543    <input data-val="true" data-val-required="The IsAddingCodeEnabled field is required." id="IsAddingCodeEnabled" name="IsAddingCodeEnabled" type="hidden" value="False" />
544    <input id="hdnFontFamilyColor" name="FontFamilyColor" type="hidden" value="#004c97" />
545    <input id="CustomColorsJson" name="CustomColorsJson" type="hidden" value="[{&quot;HexValue&quot;:&quot;#cc0033&quot;},{&quot;HexValue&quot;:&quot;#004c97&quot;},{&quot;HexValue&quot;:&quot;#04264b&quot;},{&quot;HexValue&quot;:&quot;#FBFBFB&quot;},{&quot;HexValue&quot;:&quot;#EEEEEE&quot;},{&quot;HexValue&quot;:&quot;#e4002b&quot;}]" />
546<input id="hdnSiteButtonColor" name="SiteButtonModel.ButtonTextColor" type="hidden" value="#ffffff" />    <input id="hdnFontFamily" name="FontFamily" type="hidden" value="Montserrat, sans-serif" />
547    <input data-val="true" data-val-number="The field FontFamilySize must be a number." data-val-required="The FontFamilySize field is required." id="hdnFontFamilySize" name="FontFamilySize" type="hidden" value="14" />
548    <input data-val="true" data-val-required="The SubscriptionPlan field is required." id="hdnSubscriptionPlan" name="SubscriptionPlan" type="hidden" value="Gold" />
549    <input data-val="true" data-val-required="The IsSubSite field is required." id="hdnIsSubSite" name="IsSubSite" type="hidden" value="False" />
550    <input data-val="true" data-val-required="The IsHomePage field is required." id="hdnIsHomePage" name="IsHomePage" type="hidden" value="False" />
551    <input data-val="true" data-val-required="The HomePageLocked field is required." id="hdnIsHomePageLocked" name="HomePageLocked" type="hidden" value="False" />
552    <input data-val="true" data-val-required="The HeaderLocked field is required." id="hdnIsHeaderLocked" name="HeaderLocked" type="hidden" value="False" />
553    <input data-val="true" data-val-required="The FooterLocked field is required." id="hdnIsFooterLocked" name="FooterLocked" type="hidden" value="False" />
554    <input data-val="true" data-val-number="The field SectionMargin must be a number." id="hdnSiteSectionMargin" name="SectionMargin" type="hidden" value="40" />
555    <input data-val="true" data-val-number="The field WidgetMargin must be a number." id="hdnSiteWidgetMargin" name="WidgetMargin" type="hidden" value="20" />
556    <input id="isCustomDomain" name="isCustomDomain" type="hidden" value="True" />
557    <input data-val="true" data-val-required="The IsWebmaster field is required." id="isWebmaster" name="isWebmaster" type="hidden" value="False" />
558    <input id="baseUrl" name="baseUrl" type="hidden" value="//www.mariancollege.school.nz" />
559    <input id="hdnSiteBackgroundColor" name="BackgroundColor" type="hidden" value="#004c97" />
560
561<input id="FontFamily" name="FontFamily" type="hidden" value="Montserrat, sans-serif" />
562<input id="SitePrimaryHeading_FontFamily" name="SitePrimaryHeading.FontFamily" type="hidden" value="Roboto Slab" />
563<input id="SiteSecondaryHeading_FontFamily" name="SiteSecondaryHeading.FontFamily" type="hidden" value="Montserrat, sans-serif" />
564    <input id="hdnIdMeUrl" name="hdnIdMeUrl" type="hidden" value="https://www.idme.co.nz/" />
565
566    <input type="hidden" id="hdnAlertNotification" />
567
568
569    <div id="sticky-wrapper">
570
571        
572
573<input type="hidden" id="hdnEwaOfCurrentSite" value="mariancollege"/>
574
575<style>
576.container.navigation {
577	line-height: 0;
578}
579
580
581#cmsNavigationContainer > .container {
582    padding-top: 10px;
583    padding-bottom: 10px;
584}
585
586
587.megamenu-content {
588    background-color: #FBFBFB;
589    background-color:rgba(251, 251, 251, 1.00);
590}
591.megamenu-content .column a:not(.subnavItemEdit):hover {
592    color: #004c97 !important;
593}
594
595.navbar-inverse {
596	background-color:#FBFBFB;
597	background-color:rgba(251, 251, 251, 0.95);
598}
599
600.megamenu-content {
601    background-color: #FBFBFB;
602    background-color:rgba(251, 251, 251, 1.00);
603}
604
605.megamenu-content .column a:not(.subnavItemEdit):hover {
606    color: #004c97 !important;
607}
608
609.navbar .navbar-nav {
610    display: inline-block;
611	margin-right:30px;
612}
613
614.navbar .navbar-collapse {
615    text-align: right;
616}
617
618.navbar-inverse .navbar-nav > li:not(.en-main) a:not(.navItemEdit):not(#btnEnSave),
619.navbar-inverse .navbar-nav #hamburger-menu-content a:not(.navItemEdit):not(#btnEnSave) {
620	color: #cc0033;
621	font-family: Roboto Slab;
622	font-size: 14px;
623	}
624
625#uxCmsSiteNavigation .dropdown-menu {
626    background-color: rgba(0,0,0,0);
627	color: #cc0033;
628	border: none;
629	box-shadow: none;
630}
631
632#uxCmsSiteNavigation .dropdown-menu a.cms-nav-link {
633    background-color:rgba(251, 251, 251, 0.95);
634    margin: 0;
635}
636
637/* All menu items when open or active */
638/*#uxCmsSiteNavigation.navbar-nav :not(.en-main) > a.cms-nav-link:not(.nav-hidden),*/
639#uxCmsSiteNavigation.navbar-nav .open:not(.en-main) > a.cms-nav-link:not(.nav-hidden),
640#uxCmsSiteNavigation.navbar-nav .active:not(.en-main) > a.cms-nav-link:not(.nav-hidden),
641/* Setting the styling of the dropdown menu items, both sub and sub sub pages*/
642#uxCmsSiteNavigation .dropdown-menu li.active a.cms-nav-link-2:not(.nav-hidden),
643#uxCmsSiteNavigation .dropdown-menu li.cms-nav-link-child-2.active a.cms-nav-link-3:not(.nav-hidden),
644#uxCmsSiteNavigation .dropdown-menu a.cms-nav-link:not(.nav-hidden):hover {
645    background-color:rgba(251, 251, 251, 1.00);
646    color: #004c97 !important;
647}
648
649@media (min-width: 768px) {
650
651    /* All menu items when open */
652  #uxCmsSiteNavigation.navbar-nav > .open:not(.en-main) > a.cms-nav-link,
653  #uxCmsSiteNavigation.navbar-nav > li > .dropdown-menu .open:not(.en-main) > a.cms-nav-link {
654        
655    }
656
657    /* All menu items when active */
658  #uxCmsSiteNavigation.navbar-nav > .active:not(.en-main) > a.cms-nav-link,
659  #uxCmsSiteNavigation.navbar-nav > li > .dropdown-menu .active:not(.en-main) > a.cms-nav-link {
660        
661    }
662
663     /*  All menu items that are not selected. This styling prevents
664         the menu jiggling when hovering over menu items and is
665         overridden by the styles above because of the specificity level. */
666    .navbar-inverse .navbar-nav > li:not(.en-main, .active, .open) > a.cms-nav-link,
667    .navbar-inverse .navbar-nav > li > .dropdown-menu li:not(.en-main, .active, .open) > a.cms-nav-link {
668         
669     }
670
671
672}
673
674#enActionList a.dropdown-toggle.cms-nav-link.btn-default {
675    text-decoration: none !important;
676    border: none !important;
677}
678
679a.cms-nav-link.nav-non-members:focus, a.dropdown-toggle.cms-nav-link:focus
680{
681    background-color:rgba(251, 251, 251, 1.00) !important;
682    color: #004c97 !important;
683}
684
685.navbar-nav > li {
686    border-bottom: 1px solid #FBFBFB;
687}
688
689.dropdown-menu > .active > a.navItemEdit:hover, .dropdown-menu > .active > a.navItemEdit:focus {
690	background-color: #319a31;
691}
692
693.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
694    background-color:rgba(251, 251, 251, 1.00) !important;
695    color: #004c97 !important;
696}
697
698#subsite-header{
699	background-color:rgba(251, 251, 251, 0.95);
700    color: #cc0033;
701	font-family: Roboto Slab;
702}
703
704.cms-nav-link-root.open > .cms-nav-link {
705    background-color: rgba(251, 251, 251, 1.00) !important;
706    color: #004c97 !important;
707}
708
709
710</style>
711
712<input type="hidden" id="hdnCurrentPageId" value="1981660"/>
713
714
715<div class="no-stretch-container-parent">
716
717
718    <div class="no-stretch-header">
719            <div id="section-header" class="section-header supersplitter-sortable">
720        
721
722    <div id="superSplitter_1819880" class="supersplitter splitter section-background background-image-1819880  full-screen-width " data-id="1819880"
723         data-key="TwoColumnEven" data-fullscreen="True" data-fluidwidgets="True" data-mobilescroll="False"
724         data-fullscreenbg="True" data-parallaxeffectbg="False" data-bgcolor="#004c97" data-transparency="1.00"
725         data-showbgimage="True" data-bgimage="//prodcdn.sporty.co.nz/cms/14433/202830/1432518/5e624c7a-fd4b-4d23-ab26-1bcf5306e06a_wo.png?t=638230231584330000" data-showbgvideo="False" data-bgvideo=""
726         data-bgvideoimage=""
727         data-ishidden="False" data-ishiddenonmobile="False" data-isfooter="False" data-isheader="True"
728         data-desktopmargin="0" data-mobilemargin="0" data-widgetsmargin="0">
729
730        <style>
731
732        .background-image-1819880 {
733            position: relative;
734        }
735        .background-image-1819880:before {
736            content: ' ';
737            position: absolute;
738            opacity: 1;
739            background-color: ;
740
741                background-image: url('//prodcdn.sporty.co.nz/cms/14433/202830/1432518/5e624c7a-fd4b-4d23-ab26-1bcf5306e06a_wo.png');
742
743        }
744        
745
746        
747            #superSplitter_1819880 {
748                padding-bottom: 0px !important;
749                padding-top: 0px !important;
750            }
751
752            .edit #superSplitter_1819880 > .btn-toolbar {
753                margin-left: -34px !important;
754                margin-top: -2px !important;
755            }
756
757
758        
759
760        
761            @media only screen and (max-width: 768px){
762                #superSplitter_1819880 {
763                    padding-bottom: 0px !important;
764                    padding-top: 0px !important;
765                }
766
767                .edit #superSplitter_1819880 > .btn-toolbar {
768                    margin-left: -34px !important;
769                    margin-top: -2px !important;
770                }
771
772
773            }
774        
775
776
777        
778            #cmsContent #superSplitter_1819880 div[class*="col-sm-"]:not(.form-col), #section-header #superSplitter_1819880 div[class*="col-sm-"] {
779                padding-left: 0px !important;
780                padding-right: 0px !important;
781            }
782
783            #cmsContent #superSplitter_1819880:not(.full-screen-width-bg), #section-header #superSplitter_1819880:not(.full-screen-width-bg) {
784                padding-left: 0px !important;
785                padding-right: 0px !important;
786            }
787
788            #superSplitter_1819880 .widget {
789                margin-bottom: 0px !important;
790            }
791
792            #cmsContent #superSplitter_1819880 .childsplitter.accordion-splitter{
793                margin-left: -0px !important;
794                width: calc(100% + 0px) !important;
795            }
796
797			#cmsContent #superSplitter_1819880 .childsplitter:not(.accordion-splitter):not(.wideget-splitter),
798            #section-header #superSplitter_1819880 .childsplitter:not(.accordion-splitter):not(.wideget-splitter) {
799                margin-right: -0px !important;
800                margin-left: -0px !important;
801            }
802
803            body.edit #superSplitter_1819880 .widget {
804                margin-bottom: 0px !important;
805            }
806
807            #superSplitter_1819880 .widget .childsplitter .childsplitter .btn-toolbar {
808                right: 0px !important;
809            }
810
811            #superSplitter_1819880 .widget .childsplitter .last .btn-toolbar {
812                right: 0px !important;
813            }
814
815            .edit .full-screen-width-bg#superSplitter_1819880 .widget .btn-toolbar {
816                right: 0px !important;
817            }
818
819            .edit #superSplitter_1819880.full-screen-width .btn-toolbar {
820                margin-left:  0px !important;
821                margin-top: -0px !important;
822            }
823
824            .edit #superSplitter_1819880.full-screen-width .widget .btn-toolbar {
825                right: 0px !important;
826                z-index: 10 !important;
827                margin-top: 0px !important;
828            }
829
830            @media only screen and (max-width: 768px){
831                #superSplitter_1819880 {
832                    padding-left:  0px !important;
833                    padding-right:  0px !important;
834
835                }
836
837                 #superSplitter_1819880 .forms-app{
838                    margin-left:  -0px !important;
839                    margin-right:  -0px !important;
840                }
841
842                #cmsContent #superSplitter_1819880 .forms-app form > .col-12.col-xs-12 {
843                    padding-left: 0 !important;
844                    padding-right: 0 !important;
845                }
846
847            }
848        
849
850        #superSplitter_1819880 .supersplitter-video {
851            margin-top: -0px;
852        }
853
854        .edit .full-screen-width-bg#superSplitter_1819880 > .btn-toolbar {
855
856                    
857                    margin-left: -20px !important;
858                    
859
860        }
861
862        .edit #superSplitter_1819880 > .btn-toolbar {
863
864            margin-top: -2px !important;
865
866                
867                margin-left: -34px !important;
868                
869        }
870
871        .edit #superSplitter_1819880 > .footer-indicator, .edit #superSplitter_1819880 > .header-indicator {
872                
873                margin-left: 7px !important;
874                border-bottom: 2px dotted #cccccc;
875                
876            margin-top: 13px !important;
877        }
878
879        .edit .full-screen-width-bg#superSplitter_1819880 > .footer-indicator, .edit .full-screen-width-bg#superSplitter_1819880 > .header-indicator {
880
881                
882                margin-left: -65px !important;
883                
884
885        }
886
887        .edit #superSplitter_1819880.full-screen-width .footer-indicator, .edit #superSplitter_1819880.full-screen-width .header-indicator {
888                margin-left:  17px !important;
889                margin-top: 15px !important;
890                border-bottom: 2px dotted #cccccc;
891        }
892
893        #superSplitter_1819880 .news-tiles .news-grid-col {
894            padding-top: 0px;
895            padding-left: 0px;
896            padding-right: 0px;
897        }
898        
899       
900        </style>
901
902
903
904        <div class="row ">
905
906            <div class="col-sm-6 ">
907
908                <div id="splitter_1819880_splitter_col1" class="splitter-column-sortable-parent" data-key="splitter_col1">
909
910                                <div class="splitter-column-sortable"
911                                     data-key="splitter_col1"
912                                     data-preload="true"
913                                     data-widgetid="1731510" data-id="1731510">
914                                    
915                                    
916
917<div id='widget_1731510' data-id='1731510' data-load='True' data-modal='True' data-widgettype='Splitter' data-widgettitle='Column Splitter' class='widget wSplitter widget-opacive'>
918
919
920<div style="background-color:transparent">
921    <div style="" class="row splitter wideget-splitter childsplitter  do-not-stack" id="childSplitter_1731510" data-id="1731510" data-key="FourColumn"
922         data-stack-content="False" data-bgcolor="" data-transparency="0">
923
924            <div style="padding-left: 0px !important;padding-right: 0px !important;" class="col-sm-3 first">
925
926                <div id="splitter_1731510_splitter_col1" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1731510" data-key="splitter_col1">
927
928
929
930
931<div id='widget_1731514' data-id='1731514' data-load='True' data-modal='True' data-widgettype='Button' data-widgettitle='Button' class='widget wButton widget-opacive'>
932    <input id="hdnHoverImage-1731514" type="hidden" value=""/>
933    <input id="hdnHoverImageId-1731514" type="hidden" value="" />
934    <input id="hdnInitialImage-1731514" type="hidden" value="" />
935    <input id="hdnInitialImageId-1731514" type="hidden" value="" />
936
937    
938    <div class="btn-widget-container ">
939        <a id="btnButtonWidget-1731514"
940           class="btn btn-primary btnWidget  "
941           style="display: inline-grid;align-items: center;color: #ffffff !important;background-color: rgba(0,76,151,0.2) !important;border: 1px solid rgba(255,255,255,0) !important;border-radius: 0px !important;min-height: 50px !important;font-size: 12px !important;font-family: &#39;Roboto Slab&#39;, Roboto, Arial !important;width: 100% !important;"
942           data-height="Custom"
943           data-color="rgba(0,76,151,0.2)"
944           data-text-color="#ffffff"
945           data-hover-color="rgba(0,46,91,0.2)"
946           data-link-type="url"
947           data-link-data="https://mariancollege.school.kiwi/"
948           data-link-target="_blank"
949           target='_blank'>
950            Parent Portal
951        </a>
952    </div>
953
954     
955    <div id="dvImageBtnContainer-1731514" class="text-center hidden">
956        <a data-link-type="url" data-link-data="https://mariancollege.school.kiwi/" data-link-target="_blank" target="_blank">
957            <img data-id="" class="btnImage img-responsive " 
958                 src=""
959                />
960         </a>
961    </div>
962</div>
963                </div>
964            </div>
965            <div style="padding-left: 0px !important;padding-right: 0px !important;" class="col-sm-3 ">
966
967                <div id="splitter_1731510_splitter_col2" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1731510" data-key="splitter_col2">
968
969
970
971
972<div id='widget_1731515' data-id='1731515' data-load='True' data-modal='True' data-widgettype='Button' data-widgettitle='Button' class='widget wButton widget-opacive'>
973    <input id="hdnHoverImage-1731515" type="hidden" value=""/>
974    <input id="hdnHoverImageId-1731515" type="hidden" value="" />
975    <input id="hdnInitialImage-1731515" type="hidden" value="" />
976    <input id="hdnInitialImageId-1731515" type="hidden" value="" />
977
978    
979    <div class="btn-widget-container ">
980        <a id="btnButtonWidget-1731515"
981           class="btn btn-primary btnWidget  "
982           style="display: inline-grid;align-items: center;color: #ffffff !important;background-color: rgba(0,76,151,0.2) !important;border: 1px solid rgba(255,255,255,0) !important;border-radius: 0px !important;min-height: 50px !important;font-size: 12px !important;font-family: &#39;Roboto Slab&#39;, Roboto, Arial !important;width: 100% !important;"
983           data-height="Custom"
984           data-color="rgba(0,76,151,0.2)"
985           data-text-color="#ffffff"
986           data-hover-color="rgba(0,46,91,0.2)"
987           data-link-type="url"
988           data-link-data="https://mariancollege.school.kiwi/"
989           data-link-target="_blank"
990           target='_blank'>
991            Student Portal
992        </a>
993    </div>
994
995     
996    <div id="dvImageBtnContainer-1731515" class="text-center hidden">
997        <a data-link-type="url" data-link-data="https://mariancollege.school.kiwi/" data-link-target="_blank" target="_blank">
998            <img data-id="" class="btnImage img-responsive " 
999                 src=""
1000                />
1001         </a>
1002    </div>
1003</div>
1004                </div>
1005            </div>
1006            <div style="padding-left: 0px !important;padding-right: 0px !important;" class="col-sm-3 ">
1007
1008                <div id="splitter_1731510_splitter_col3" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1731510" data-key="splitter_col3">
1009
1010
1011
1012
1013<div id='widget_1731516' data-id='1731516' data-load='True' data-modal='True' data-widgettype='Button' data-widgettitle='Button' class='widget wButton widget-opacive'>
1014    <input id="hdnHoverImage-1731516" type="hidden" value=""/>
1015    <input id="hdnHoverImageId-1731516" type="hidden" value="" />
1016    <input id="hdnInitialImage-1731516" type="hidden" value="" />
1017    <input id="hdnInitialImageId-1731516" type="hidden" value="" />
1018
1019    
1020    <div class="btn-widget-container ">
1021        <a id="btnButtonWidget-1731516"
1022           class="btn btn-primary btnWidget  "
1023           style="display: inline-grid;align-items: center;color: #ffffff !important;background-color: rgba(0,76,151,0.2) !important;border: 1px solid rgba(255,255,255,0) !important;border-radius: 0px !important;min-height: 50px !important;font-size: 12px !important;font-family: &#39;Roboto Slab&#39;, Roboto, Arial !important;width: 100% !important;"
1024           data-height="Custom"
1025           data-color="rgba(0,76,151,0.2)"
1026           data-text-color="#ffffff"
1027           data-hover-color="rgba(0,46,91,0.2)"
1028           data-link-type="page"
1029           data-link-data="1982030"
1030           data-link-target=""
1031           target='_blank'>
1032            Calendar / Events
1033        </a>
1034    </div>
1035
1036     
1037    <div id="dvImageBtnContainer-1731516" class="text-center hidden">
1038        <a data-link-type="page" data-link-data="1982030" data-link-target="" target="_blank">
1039            <img data-id="" class="btnImage img-responsive " 
1040                 src=""
1041                />
1042         </a>
1043    </div>
1044</div>
1045                </div>
1046            </div>
1047            <div style="padding-left: 0px !important;padding-right: 0px !important;" class="col-sm-3 last">
1048
1049                <div id="splitter_1731510_splitter_col4" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1731510" data-key="splitter_col4">
1050
1051
1052
1053
1054<div id='widget_1731517' data-id='1731517' data-load='True' data-modal='True' data-widgettype='Button' data-widgettitle='Button' class='widget wButton widget-opacive'>
1055    <input id="hdnHoverImage-1731517" type="hidden" value=""/>
1056    <input id="hdnHoverImageId-1731517" type="hidden" value="" />
1057    <input id="hdnInitialImage-1731517" type="hidden" value="" />
1058    <input id="hdnInitialImageId-1731517" type="hidden" value="" />
1059
1060    
1061    <div class="btn-widget-container ">
1062        <a id="btnButtonWidget-1731517"
1063           class="btn btn-primary btnWidget  "
1064           style="display: inline-grid;align-items: center;color: #ffffff !important;background-color: rgba(0,76,151,0.2) !important;border: 1px solid rgba(255,255,255,0) !important;border-radius: 0px !important;min-height: 50px !important;font-size: 12px !important;font-family: &#39;Roboto Slab&#39;, Roboto, Arial !important;width: 100% !important;"
1065           data-height="Custom"
1066           data-color="rgba(0,76,151,0.2)"
1067           data-text-color="#ffffff"
1068           data-hover-color="rgba(0,46,91,0.2)"
1069           data-link-type="onlineForm"
1070           data-link-data="169514"
1071           data-link-target="_blank"
1072           target='_blank'>
1073            Report Absence
1074        </a>
1075    </div>
1076
1077     
1078    <div id="dvImageBtnContainer-1731517" class="text-center hidden">
1079        <a data-link-type="onlineForm" data-link-data="169514" data-link-target="_blank" target="_blank">
1080            <img data-id="" class="btnImage img-responsive " 
1081                 src=""
1082                />
1083         </a>
1084    </div>
1085</div>
1086                </div>
1087            </div>
1088    </div>
1089</div>
1090</div>
1091
1092
1093                                </div>
1094
1095                </div>
1096
1097
1098            </div>
1099            <div class="col-sm-6 ">
1100
1101                <div id="splitter_1819880_splitter_col2" class="splitter-column-sortable-parent" data-key="splitter_col2">
1102
1103                                <div class="splitter-column-sortable"
1104                                     data-key="splitter_col2"
1105                                     data-preload="true"
1106                                     data-widgetid="1731511" data-id="1731511">
1107                                    
1108                                    
1109
1110<div id='widget_1731511' data-id='1731511' data-load='True' data-modal='True' data-widgettype='Splitter' data-widgettitle='Column Splitter' class='widget wSplitter widget-opacive'>
1111
1112
1113<div style="background-color:transparent">
1114    <div style="margin: 0px !important;padding: 5px !important;padding-right:0px !important;
1114" class="row splitter wideget-splitter childsplitter  " id="childSplitter_1731511" data-id="1731511" data-key="TwoColumnEven"
1115         data-stack-content="True" data-bgcolor="" data-transparency="0">
1116
1117            <div style="padding:0px !important;padding-right: 5px !important;" class="col-sm-6 first">
1118
1119                <div id="splitter_1731511_splitter_col1" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1731511" data-key="splitter_col1">
1120
1121
1122                </div>
1123            </div>
1124            <div style="padding:0px !important;padding-right: 5px !important;" class="col-sm-6 last">
1125
1126                <div id="splitter_1731511_splitter_col2" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1731511" data-key="splitter_col2">
1127
1128
1129
1130
1131<div id='widget_1731512' data-id='1731512' data-load='True' data-modal='True' data-widgettype='Splitter' data-widgettitle='Column Splitter' class='widget wSplitter widget-opacive'>
1132
1133
1134<div style="background-color:transparent">
1135    <div style="" class="row splitter wideget-splitter childsplitter  do-not-stack" id="childSplitter_1731512" data-id="1731512" data-key="OneThirdTwoThirds"
1136         data-stack-content="False" data-bgcolor="" data-transparency="0">
1137
1138            <div style="padding-left: 0px !important;padding-right: 0px !important;" class="col-sm-4 first">
1139
1140                <div id="splitter_1731512_splitter_col1" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1731512" data-key="splitter_col1">
1141
1142
1143
1144
1145<div id='widget_412932' data-id='412932' data-load='True' data-modal='True' data-widgettype='CodeSnippet' data-widgettitle='Insert Code Snippet' class='widget wCodeSnippet widget-opacive'>
1146    <div id="code-snippet-412932" data-html="&lt;div class=&quot;elfsight-app-1115b67f-0061-49ba-a08b-9662c36939c1&quot;&gt;&lt;/div&gt;
1147
1148&lt;style&gt;
1149.Search__Component-sc-o5iq8-0
1150{text-align: right;
1151}
1152&lt;/style&gt;">
1153    </div>
1154</div>
1155                </div>
1156            </div>
1157            <div style="padding-left: 0px !important;padding-right: 0px !important;" class="col-sm-8 last">
1158
1159                <div id="splitter_1731512_splitter_col2" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1731512" data-key="splitter_col2">
1160
1161
1162
1163
1164<div id='widget_1731513' data-id='1731513' data-load='True' data-modal='True' data-widgettype='CodeSnippet' data-widgettitle='Insert Code Snippet' class='widget wCodeSnippet widget-opacive'>
1165    <div id="code-snippet-1731513" data-html="&lt;div class=&quot;elfsight-app-2bf5eb93-85ee-4dec-9599-b28d802a2848&quot;&gt;&lt;/div&gt;">
1166    </div>
1167</div>
1168                </div>
1169            </div>
1170    </div>
1171</div>
1172</div>
1173                </div>
1174            </div>
1175    </div>
1176</div>
1177</div>
1178
1179
1180                                </div>
1181
1182                </div>
1183
1184
1185            </div>
1186        </div>
1187    </div>
1188
1189    </div>
1190
1191    </div>
1192
1193</div>
1194
1195        <div class="sticky-header-filler" style="height: 0px"></div>
1196    <nav class="navbar navbar-inverse menu-bg full-width sticky sticky-mobile" role="navigation" data-islocked="True"
1197         data-headerheight="0" data-ismenuaboveheader="False">
1198        <div class="container navigation full-width">
1199            <div class='navbar-header  mobile-nav-header'>
1200                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#cmsNavigationContainer">
1201                    <span class="sr-only">Toggle navigation</span>
1202                    <span class="icon-bar"></span>
1203                    <span class="icon-bar"></span>
1204                    <span class="icon-bar"></span>
1205
1206                </button>
1207            </div>
1208
1209        <div class="menu-logo">
1210            <img src="//prodcdn.sporty.co.nz/cms/14433/40923/menulogo_wo.png?v=638508205696300000" data-link-type="page" data-link-data="1141523" data-link-target="_blank"/>
1211        </div>
1212
1213            <div class='collapse navbar-collapse mobile-nav-container' id="cmsNavigationContainer">
1214                <div class="container">
1215
1216                    <ul class="nav navbar-nav" id="uxCmsSiteNavigation">
1217                            <li id="section216303" data-type="section" data-id="216303" class=" active cms-nav-link cms-nav-link-root ">
1218                                        <a href="#" class="dropdown-toggle cms-nav-link">
1219                                            <span>About</span> <b class="fa fa-caret-down"></b>
1220                                        </a>
1221                                        <ul class="dropdown-menu mega-menu-enabled">
1222
1223                                                <li id="page1981660" data-type="page" data-id="1981660" class="dropdown-submenu cms-nav-link cms-nav-link-child active">
1224                                                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/about-us">
1225                                                            <i class="icon-lock"></i>
1226                                                            <span>About Us</span>
1227                                                        </a>
1228
1229                                                </li>
1230                                                <li id="page1981658" data-type="page" data-id="1981658" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1231                                                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/our-vision-mission-values-1">
1232                                                            <i class="icon-lock"></i>
1233                                                            <span>Our Vision, Mission &amp; Values</span>
1234                                                        </a>
1235
1236                                                </li>
1237                                                <li id="page1981664" data-type="page" data-id="1981664" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1238                                                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/key-staff-1">
1239                                                            <i class="icon-lock"></i>
1240                                                            <span>Key Staff</span>
1241                                                        </a>
1242
1243                                                </li>
1244                                                <li id="page1981665" data-type="page" data-id="1981665" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1245                                                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/life-at-marian">
1246                                                            <i class="icon-lock"></i>
1247                                                            <span>​​​​​​​Life at Marian</span>
1248                                                        </a>
1249
1250                                                </li>
1251                                                <li id="page1981661" data-type="page" data-id="1981661" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1252                                                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/our-history">
1253                                                            <i class="icon-lock"></i>
1254                                                            <span>Our History</span>
1255                                                        </a>
1256
1257                                                </li>
1258                                                <li id="page1981662" data-type="page" data-id="1981662" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1259                                                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/a-marian-graduate-1">
1260                                                            <i class="icon-lock"></i>
1261                                                            <span>A Marian Graduate</span>
1262                                                        </a>
1263
1264                                                </li>
1265                                                <li id="page1981663" data-type="page" data-id="1981663" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1266                                                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/meet-the-student-leaders">
1267                                                            <i class="icon-lock"></i>
1268                                                            <span>Meet the Student Leaders</span>
1269                                                        </a>
1270
1271                                                </li>
1272                                                <li id="page1981668" data-type="page" data-id="1981668" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1273                                                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/christ-the-redeemer-parish">
1274                                                            <i class="icon-lock"></i>
1275                                                            <span>Christ the Redeemer Parish</span>
1276                                                        </a>
1277
1278                                                </li>
1279                                                <li id="page1981669" data-type="page" data-id="1981669" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1280                                                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/ero-report">
1281                                                            <i class="icon-lock"></i>
1282                                                            <span>ERO Report</span>
1283                                                        </a>
1284
1285                                                </li>
1286                                                <li id="page1981673" data-type="page" data-id="1981673" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1287                                                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/strategic-planning-1">
1288                                                            <i class="icon-lock"></i>
1289                                                            <span>Strategic Planning</span>
1290                                                        </a>
1291
1292                                                </li>
1293                                                <li id="page2087207" data-type="page" data-id="2087207" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1294                                                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/fun-facts-about-marian-college">
1295                                                            <i class="icon-lock"></i>
1296                                                            <span>Fun Facts about Marian College</span>
1297                                                        </a>
1298
1299                                                </li>
1300                                                <li id="page1981944" data-type="page" data-id="1981944" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1301                                                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/workwithus">
1302                                                            <i class="icon-lock"></i>
1303                                                            <span>Employment</span>
1304                                                        </a>
1305
1306                                                </li>
1307                                        </ul>
1308
1309
1310
1311<div class="megamenu-content">
1312    <div class="row">
1313        <div class="column ">
1314
1315
1316    <ul>
1317
1318                <li id="page1981660" data-type="page" data-id="1981660" class="dropdown-submenu cms-nav-link cms-nav-link-child active">
1319                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/about-us">
1320                            <i class="icon-lock"></i>
1321                            <span>About Us</span>
1322                        </a>
1323
1324                </li>
1325                <li id="page1981661" data-type="page" data-id="1981661" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1326                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/our-history">
1327                            <i class="icon-lock"></i>
1328                            <span>Our History</span>
1329                        </a>
1330
1331                </li>
1332                <li id="page1981668" data-type="page" data-id="1981668" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1333                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/christ-the-redeemer-parish">
1334                            <i class="icon-lock"></i>
1335                            <span>Christ the Redeemer Parish</span>
1336                        </a>
1337
1338                </li>
1339                <li id="page1981944" data-type="page" data-id="1981944" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1340                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/workwithus">
1341                            <i class="icon-lock"></i>
1342                            <span>Employment</span>
1343                        </a>
1344
1345                </li>
1346
1347    </ul>
1348        </div>
1349        <div class="column">
1350    <ul>
1351
1352                <li id="page1981658" data-type="page" data-id="1981658" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1353                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/our-vision-mission-values-1">
1354                            <i class="icon-lock"></i>
1355                            <span>Our Vision, Mission &amp; Values</span>
1356                        </a>
1357
1358                </li>
1359                <li id="page1981669" data-type="page" data-id="1981669" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1360                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/ero-report">
1361                            <i class="icon-lock"></i>
1362                            <span>ERO Report</span>
1363                        </a>
1364
1365                </li>
1366
1367    </ul>
1368
1369        </div>
1370        <div class="column">
1371    <ul>
1372
1373                <li id="page1981664" data-type="page" data-id="1981664" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1374                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/key-staff-1">
1375                            <i class="icon-lock"></i>
1376                            <span>Key Staff</span>
1377                        </a>
1378
1379                </li>
1380                <li id="page1981662" data-type="page" data-id="1981662" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1381                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/a-marian-graduate-1">
1382                            <i class="icon-lock"></i>
1383                            <span>A Marian Graduate</span>
1384                        </a>
1385
1386                </li>
1387                <li id="page1981673" data-type="page" data-id="1981673" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1388                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/strategic-planning-1">
1389                            <i class="icon-lock"></i>
1390                            <span>Strategic Planning</span>
1391                        </a>
1392
1393                </li>
1394
1395    </ul>
1396
1397        </div>
1398        <div class="column">
1399    <ul>
1400
1401                <li id="page1981665" data-type="page" data-id="1981665" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1402                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/life-at-marian">
1403                            <i class="icon-lock"></i>
1404                            <span>​​​​​​​Life at Marian</span>
1405                        </a>
1406
1407                </li>
1408                <li id="page1981663" data-type="page" data-id="1981663" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1409                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/meet-the-student-leaders">
1410                            <i class="icon-lock"></i>
1411                            <span>Meet the Student Leaders</span>
1412                        </a>
1413
1414                </li>
1415                <li id="page2087207" data-type="page" data-id="2087207" class="dropdown-submenu cms-nav-link cms-nav-link-child ">
1416                        <a class="cms-nav-link cms-nav-link-2  nav-non-members" href="/about/fun-facts-about-marian-college">
1417                            <i class="icon-lock"></i>
1418                            <span>Fun Facts about Marian College</span>
1419                        </a>
1420
1421                </li>
1422
1423    </ul>
1424
1425        </div>
1426    </div>
1427</div>
1428                            </li>
1429                            <li id="page1981674" data-type="page" data-id="1981674" class=" cms-nav-link cms-nav-link-root ">
1430                                        <a class="cms-nav-link nav-non-members" href="/special-character">
1431                                            <i class="icon-lock"></i><span>Special Character</span>
1432                                        </a>
1433                            </li>
1434                            <li id="section226279" data-type="section" data-id="226279" class=" cms-nav-link cms-nav-link-root ">
1435                                                <a class="cms-nav-link  nav-non-members" href="/international">
1436                                                    <i class="icon-lock"></i><span>International Students</span>
1437                                                </a>
1438                            </li>
1439                            <li id="section246979" data-type="section" data-id="246979" class=" cms-nav-link cms-nav-link-root ">
1440                                                <a class="cms-nav-link  nav-non-members" href="/enrolment-2/enrolment">
1441                                                    <i class="icon-lock"></i><span>Enrolment</span>
1442                                                </a>
1443                            </li>
1444                            <li id="section246954" data-type="section" data-id="246954" class=" cms-nav-link cms-nav-link-root ">
1445                                                <a class="cms-nav-link  nav-non-members" href="/parent-whanau-hub/parent-information-1">
1446                                                    <i class="icon-lock"></i><span>Parent &amp; Whānau Hub</span>
1447                                                </a>
1448                            </li>
1449                            <li id="section246955" data-type="section" data-id="246955" class=" cms-nav-link cms-nav-link-root ">
1450                                                <a class="cms-nav-link  nav-non-members" href="/student-hub/student-hub-1">
1451                                                    <i class="icon-lock"></i><span>Student Hub</span>
1452                                                </a>
1453                            </li>
1454                            <li id="page2190487" data-type="page" data-id="2190487" class=" cms-nav-link cms-nav-link-root ">
1455                                        <a class="cms-nav-link nav-non-members" href="https://www.sporty.co.nz/mariancol" target="_self">
1456                                            <i class="icon-lock"></i><span>Sport</span>
1457                                        </a>
1458                            </li>
1459                            <li id="page2187952" data-type="page" data-id="2187952" class=" cms-nav-link cms-nav-link-root ">
1460                                        <a class="cms-nav-link nav-non-members" href="https://rauru.mariancollege.school.nz/#themarianfoundation" target="_self">
1461                                            <i class="icon-lock"></i><span>The Marian Foundation</span>
1462                                        </a>
1463                            </li>
1464                            <li id="page2088693" data-type="page" data-id="2088693" class=" cms-nav-link cms-nav-link-root ">
1465                                        <a class="cms-nav-link nav-non-members" href="http://rauru.mariancollege.school.nz/" target="_self">
1466                                            <i class="icon-lock"></i><span>Marian College Alumnae</span>
1467                                        </a>
1468                            </li>
1469                            <li id="section216355" data-type="section" data-id="216355" class=" cms-nav-link cms-nav-link-root ">
1470                                                <a class="cms-nav-link  nav-non-members" href="/news-events/latest-news-and-newsletters">
1471                                                    <i class="icon-lock"></i><span>News &amp; Events</span>
1472                                                </a>
1473                            </li>
1474                            <li id="section246957" data-type="section" data-id="246957" class=" cms-nav-link cms-nav-link-root ">
1475                                                <a class="cms-nav-link  nav-non-members" href="/contact/contact-1">
1476                                                    <i class="icon-lock"></i><span>Contact</span>
1477                                                </a>
1478                            </li>
1479                            <li id="page1870202" data-type="page" data-id="1870202" class=" cms-nav-link cms-nav-link-root ">
1480                                        <a class="cms-nav-link nav-non-members" href="/welcome-year-9-2027">
1481                                            <i class="icon-lock"></i><span>Welcome Year 9, 2027</span>
1482                                        </a>
1483                            </li>
1484
1485                    </ul>
1486                </div>
1487            </div>
1488
1489
1490        </div>
1491    </nav>
1492
1493
1494
1495
1496
1497        <div id="cmsContent">
1498
1499                <div class="container container-full-width-overlay" style="background-color:rgba(255,255,255,1.00);">
1500
1501
1502            <div id="section-content">
1503
1504                
1505                <div id="superSplitterContainer" class="supersplitter-sortable">
1506
1507
1508    <div id="superSplitter_2328842" class="supersplitter splitter section-background background-image-2328842 first " data-id="2328842"
1509         data-key="SingleColumn" data-fullscreen="False" data-fluidwidgets="False" data-mobilescroll="False"
1510         data-fullscreenbg="False" data-parallaxeffectbg="False" data-bgcolor="" data-transparency="0.00"
1511         data-showbgimage="False" data-bgimage="" data-showbgvideo="False" data-bgvideo=""
1512         data-bgvideoimage=""
1513         data-ishidden="False" data-ishiddenonmobile="False" data-isfooter="False" data-isheader="False"
1514         data-desktopmargin="40" data-mobilemargin="" data-widgetsmargin="20">
1515
1516        <style>
1517
1518        .background-image-2328842 {
1519            position: relative;
1520        }
1521        .background-image-2328842:before {
1522            content: ' ';
1523            position: absolute;
1524            opacity: 1.00;
1525            background-color: ;
1526
1527
1528        }
1529        
1530
1531        
1532            #superSplitter_2328842 {
1533                padding-bottom: 40px !important;
1534                padding-top: 40px !important;
1535            }
1536
1537            .edit #superSplitter_2328842 > .btn-toolbar {
1538                margin-left: -44px !important;
1539                margin-top: -42px !important;
1540            }
1541
1542
1543        
1544
1545
1546
1547        
1548            #cmsContent #superSplitter_2328842 div[class*="col-sm-"]:not(.form-col), #section-header #superSplitter_2328842 div[class*="col-sm-"] {
1549                padding-left: 10px !important;
1550                padding-right: 10px !important;
1551            }
1552
1553            #cmsContent #superSplitter_2328842:not(.full-screen-width-bg), #section-header #superSplitter_2328842:not(.full-screen-width-bg) {
1554                padding-left: 10px !important;
1555                padding-right: 10px !important;
1556            }
1557
1558            #superSplitter_2328842 .widget {
1559                margin-bottom: 20px !important;
1560            }
1561
1562            #cmsContent #superSplitter_2328842 .childsplitter.accordion-splitter{
1563                margin-left: -10px !important;
1564                width: calc(100% + 20px) !important;
1565            }
1566
1567			#cmsContent #superSplitter_2328842 .childsplitter:not(.accordion-splitter):not(.wideget-splitter),
1568            #section-header #superSplitter_2328842 .childsplitter:not(.accordion-splitter):not(.wideget-splitter) {
1569                margin-right: -10px !important;
1570                margin-left: -10px !important;
1571            }
1572
1573            body.edit #superSplitter_2328842 .widget {
1574                margin-bottom: 20px !important;
1575            }
1576
1577            #superSplitter_2328842 .widget .childsplitter .childsplitter .btn-toolbar {
1578                right: 10px !important;
1579            }
1580
1581            #superSplitter_2328842 .widget .childsplitter .last .btn-toolbar {
1582                right: 10px !important;
1583            }
1584
1585            .edit .full-screen-width-bg#superSplitter_2328842 .widget .btn-toolbar {
1586                right: 10px !important;
1587            }
1588
1589            .edit #superSplitter_2328842.full-screen-width .btn-toolbar {
1590                margin-left:  -10px !important;
1591                margin-top: -40px !important;
1592            }
1593
1594            .edit #superSplitter_2328842.full-screen-width .widget .btn-toolbar {
1595                right: 10px !important;
1596                z-index: 10 !important;
1597                margin-top: 0px !important;
1598            }
1599
1600            @media only screen and (max-width: 768px){
1601                #superSplitter_2328842 {
1602                    padding-left:  10px !important;
1603                    padding-right:  10px !important;
1604
1605                }
1606
1607                 #superSplitter_2328842 .forms-app{
1608                    margin-left:  -20px !important;
1609                    margin-right:  -20px !important;
1610                }
1611
1612                #cmsContent #superSplitter_2328842 .forms-app form > .col-12.col-xs-12 {
1613                    padding-left: 0 !important;
1614                    padding-right: 0 !important;
1615                }
1616
1617            }
1618        
1619
1620        #superSplitter_2328842 .supersplitter-video {
1621            margin-top: -40px;
1622        }
1623
1624        .edit .full-screen-width-bg#superSplitter_2328842 > .btn-toolbar {
1625
1626                    
1627                    margin-left: -40px !important;
1628                    
1629
1630        }
1631
1632        .edit #superSplitter_2328842 > .btn-toolbar {
1633
1634            margin-top: -42px !important;
1635
1636                
1637                margin-left: -44px !important;
1638                
1639        }
1640
1641        .edit #superSplitter_2328842 > .footer-indicator, .edit #superSplitter_2328842 > .header-indicator {
1642                
1643                margin-left: -87px !important;
1644                
1645            margin-top: -27px !important;
1646        }
1647
1648        .edit .full-screen-width-bg#superSplitter_2328842 > .footer-indicator, .edit .full-screen-width-bg#superSplitter_2328842 > .header-indicator {
1649
1650                
1651                margin-left: -85px !important;
1652                
1653
1654        }
1655
1656        .edit #superSplitter_2328842.full-screen-width .footer-indicator, .edit #superSplitter_2328842.full-screen-width .header-indicator {
1657                margin-left:  7px !important;
1658                margin-top: -25px !important;
1659                border-bottom: 2px dotted #cccccc;
1660        }
1661
1662        #superSplitter_2328842 .news-tiles .news-grid-col {
1663            padding-top: 20px;
1664            padding-left: 10px;
1665            padding-right: 10px;
1666        }
1667        
1668       
1669        </style>
1670
1671
1672
1673        <div class="row ">
1674
1675            <div class="col-sm-12 ">
1676
1677                <div id="splitter_2328842_splitter_col1" class="splitter-column-sortable-parent" data-key="splitter_col1">
1678
1679                                <div class="splitter-column-sortable"
1680                                     data-key="splitter_col1"
1681                                     data-preload="true"
1682                                     data-widgetid="2123061" data-id="2123061">
1683                                    
1684                                    
1685
1686<div id='widget_2123061' data-id='2123061' data-load='True' data-modal='True' data-widgettype='Image' data-widgettitle='Image' class='widget wImage'>
1687
1688<input type="hidden" value='{&quot;imageId&quot;:&quot;3c947779-7669-4097-8906-43c7a2bbc83e&quot;,&quot;caption&quot;:&quot;&quot;,&quot;hasCaption&quot;:false}' id="hdnImage_2123061" />
1689<input type="hidden" value='{}' id="hdnMobileImage_2123061" />
1690<input type="hidden" value='' id="hdnMobileImageSrc_2123061" />
1691<input type="hidden" value='originalimage' id="hdnMobileLayout_2123061" />
1692<input type="hidden" value='originalimage' id="hdnLayout_2123061" />
1693<input type="hidden" value='False' id="hdnCrop_2123061" />
1694<input type="hidden" value='True' id="hdnScale_2123061" />
1695
1696
1697<div class="imageWidget-Div img-with-caption text-center">
1698
1699    <div id="2123061_placeholder" class="sporty-placeholder"></div>
1700    <picture>
1701        <source media="(max-width: 768px)" srcset="" />
1702
1703        <img data-src="//prodcdn.sporty.co.nz/cms/14433/202830/1419435/3c947779-7669-4097-8906-43c7a2bbc83e_wo.png?t=638766800979500000"
1704             class="text-center img-responsive "
1705             data-id="3c947779-7669-4097-8906-43c7a2bbc83e"
1706             data-link-type=""
1707             data-link-data=""
1708             data-link-target=""
1709             data-has-caption="False"
1710             data-caption=""
1711             src="//prodcdn.sporty.co.nz/cms/14433/202830/1419435/3c947779-7669-4097-8906-43c7a2bbc83e_wo.png?t=638766800979500000"
1712             id="2123061_3c947779-7669-4097-8906-43c7a2bbc83e"
1713             style="display: none"
1714             onload="document.getElementById('2123061_3c947779-7669-4097-8906-43c7a2bbc83e').style.display = 'block'; document.getElementById('2123061_placeholder').style.display = 'none'" />
1715        </picture>
1716        <div class="sy-caption-wrap" style="display: none">
1717            <div class="sy-caption">
1718                <div class="img-caption"></div>
1719            </div>
1720        </div>
1721</div>
1722
1723<script>
1724    var aspectRatio = 2.925 > 0 ? 2.925 : 1.5;
1725    var placeholderWidth = document.getElementById("2123061_placeholder").clientWidth;
1726
1727    if (placeholderWidth == null){
1728        placeholderWidth = document.getElementById("2123061_3c947779-7669-4097-8906-43c7a2bbc83e").clientWidth;
1729    }
1730
1731    if ('False' === 'True') {
1732        document.getElementById("2123061_3c947779-7669-4097-8906-43c7a2bbc83e").style.objectFit = "cover";
1733    }
1734    else{
1735        document.getElementById("2123061_3c947779-7669-4097-8906-43c7a2bbc83e").style.objectFit = "contain";
1736    }
1737
1738    var windowWidth = window.innerWidth;
1739    var imageLayout;
1740
1741    if (windowWidth < 768) {
1742        imageLayout = 'originalimage';
1743    } else {
1744        imageLayout = 'originalimage';
1745    }
1746
1747    var placeholderHeight;
1748
1749    switch (imageLayout) {
1750        case 'panorama':
1751            placeholderHeight = Math.round(0.35 * placeholderWidth);
1752            break;
1753        case 'landscape':
1754            placeholderHeight = Math.round(0.71 * placeholderWidth);
1755            break;
1756        case 'portrait':
1757            placeholderHeight = Math.round(1.4 * placeholderWidth);
1758            break;
1759        case 'square':
1760            placeholderHeight = placeholderWidth;
1761            break;
1762        case 'originalimage':
1763        default:
1764            var naturalHeight = 400;
1765            var aspectRatioHeight = 1 / aspectRatio * placeholderWidth;
1766            placeholderHeight = Math.min.apply(null, [naturalHeight, aspectRatioHeight].filter(Number));
1767            break;
1768    }
1769
1770    document.getElementById("2123061_placeholder").style.width = "" + placeholderWidth + "px";
1771    document.getElementById("2123061_placeholder").style.height = "" + placeholderHeight + "px";
1772
1773    
1774    document.getElementById("2123061_3c947779-7669-4097-8906-43c7a2bbc83e").style.width = "" + placeholderWidth + "px";
1775    document.getElementById("2123061_3c947779-7669-4097-8906-43c7a2bbc83e").style.height = "" + placeholderHeight + "px";
1776    
1777
1778</script>
1778
1779</div>
1780
1781                                </div>
1782
1783                </div>
1784
1785
1786            </div>
1787        </div>
1788    </div>
1789
1790
1791    <div id="superSplitter_2180988" class="supersplitter splitter section-background background-image-2180988  full-screen-width-bg " data-id="2180988"
1792         data-key="TwoThirdsOneThird" data-fullscreen="False" data-fluidwidgets="False" data-mobilescroll="False"
1793         data-fullscreenbg="True" data-parallaxeffectbg="False" data-bgcolor="#ffffff" data-transparency="0.00"
1794         data-showbgimage="False" data-bgimage="" data-showbgvideo="False" data-bgvideo=""
1795         data-bgvideoimage=""
1796         data-ishidden="False" data-ishiddenonmobile="False" data-isfooter="False" data-isheader="False"
1797         data-desktopmargin="60" data-mobilemargin="" data-widgetsmargin="20">
1798
1799        <style>
1800
1801        .background-image-2180988 {
1802            position: relative;
1803        }
1804        .background-image-2180988:before {
1805            content: ' ';
1806            position: absolute;
1807            opacity: 1.00;
1808            background-color: rgb(255, 255, 255);
1809
1810
1811        }
1812        
1813
1814        
1815            #superSplitter_2180988 {
1816                padding-bottom: 60px !important;
1817                padding-top: 60px !important;
1818            }
1819
1820            .edit #superSplitter_2180988 > .btn-toolbar {
1821                margin-left: -44px !important;
1822                margin-top: -62px !important;
1823            }
1824
1825
1826        
1827
1828
1829
1830        
1831            #cmsContent #superSplitter_2180988 div[class*="col-sm-"]:not(.form-col), #section-header #superSplitter_2180988 div[class*="col-sm-"] {
1832                padding-left: 10px !important;
1833                padding-right: 10px !important;
1834            }
1835
1836            #cmsContent #superSplitter_2180988:not(.full-screen-width-bg), #section-header #superSplitter_2180988:not(.full-screen-width-bg) {
1837                padding-left: 10px !important;
1838                padding-right: 10px !important;
1839            }
1840
1841            #superSplitter_2180988 .widget {
1842                margin-bottom: 20px !important;
1843            }
1844
1845            #cmsContent #superSplitter_2180988 .childsplitter.accordion-splitter{
1846                margin-left: -10px !important;
1847                width: calc(100% + 20px) !important;
1848            }
1849
1850			#cmsContent #superSplitter_2180988 .childsplitter:not(.accordion-splitter):not(.wideget-splitter),
1851            #section-header #superSplitter_2180988 .childsplitter:not(.accordion-splitter):not(.wideget-splitter) {
1852                margin-right: -10px !important;
1853                margin-left: -10px !important;
1854            }
1855
1856            body.edit #superSplitter_2180988 .widget {
1857                margin-bottom: 20px !important;
1858            }
1859
1860            #superSplitter_2180988 .widget .childsplitter .childsplitter .btn-toolbar {
1861                right: 10px !important;
1862            }
1863
1864            #superSplitter_2180988 .widget .childsplitter .last .btn-toolbar {
1865                right: 10px !important;
1866            }
1867
1868            .edit .full-screen-width-bg#superSplitter_2180988 .widget .btn-toolbar {
1869                right: 10px !important;
1870            }
1871
1872            .edit #superSplitter_2180988.full-screen-width .btn-toolbar {
1873                margin-left:  -10px !important;
1874                margin-top: -60px !important;
1875            }
1876
1877            .edit #superSplitter_2180988.full-screen-width .widget .btn-toolbar {
1878                right: 10px !important;
1879                z-index: 10 !important;
1880                margin-top: 0px !important;
1881            }
1882
1883            @media only screen and (max-width: 768px){
1884                #superSplitter_2180988 {
1885                    padding-left:  10px !important;
1886                    padding-right:  10px !important;
1887
1888                }
1889
1890                 #superSplitter_2180988 .forms-app{
1891                    margin-left:  -20px !important;
1892                    margin-right:  -20px !important;
1893                }
1894
1895                #cmsContent #superSplitter_2180988 .forms-app form > .col-12.col-xs-12 {
1896                    padding-left: 0 !important;
1897                    padding-right: 0 !important;
1898                }
1899
1900            }
1901        
1902
1903        #superSplitter_2180988 .supersplitter-video {
1904            margin-top: -60px;
1905        }
1906
1907        .edit .full-screen-width-bg#superSplitter_2180988 > .btn-toolbar {
1908
1909                    
1910                    margin-left: -40px !important;
1911                    
1912
1913        }
1914
1915        .edit #superSplitter_2180988 > .btn-toolbar {
1916
1917            margin-top: -62px !important;
1918
1919                
1920                margin-left: -44px !important;
1921                
1922        }
1923
1924        .edit #superSplitter_2180988 > .footer-indicator, .edit #superSplitter_2180988 > .header-indicator {
1925                
1926                margin-left: -87px !important;
1927                
1928            margin-top: -47px !important;
1929        }
1930
1931        .edit .full-screen-width-bg#superSplitter_2180988 > .footer-indicator, .edit .full-screen-width-bg#superSplitter_2180988 > .header-indicator {
1932
1933                
1934                margin-left: -85px !important;
1935                
1936
1937        }
1938
1939        .edit #superSplitter_2180988.full-screen-width .footer-indicator, .edit #superSplitter_2180988.full-screen-width .header-indicator {
1940                margin-left:  7px !important;
1941                margin-top: -45px !important;
1942                border-bottom: 2px dotted #cccccc;
1943        }
1944
1945        #superSplitter_2180988 .news-tiles .news-grid-col {
1946            padding-top: 20px;
1947            padding-left: 10px;
1948            padding-right: 10px;
1949        }
1950        
1951       
1952        </style>
1953
1954
1955
1956        <div class="row ">
1957
1958            <div class="col-sm-8 ">
1959
1960                <div id="splitter_2180988_splitter_col1" class="splitter-column-sortable-parent" data-key="splitter_col1">
1961
1962                                <div class="splitter-column-sortable"
1963                                     data-key="splitter_col1"
1964                                     data-preload="true"
1965                                     data-widgetid="1729460" data-id="1729460">
1966                                    
1967                                    
1968
1969    <div id='widget_1729460' data-id='1729460' data-load='True' data-modal='True' data-widgettype='RichText' data-widgettitle='Text' class='widget wRichText widget-opacive'>
1970
1971    <input id="hdnBgColor-1729460" name="settings.BackgroundColor" type="hidden" value="" />
1972    <input data-val="true" data-val-number="The field BackgroundTransparency must be a number." id="hdnBgTransparency-1729460" name="settings.BackgroundTransparency" type="hidden" value="0" />
1973    <input data-val="true" data-val-number="The field Padding must be a number." id="hdnPadding-1729460" name="settings.Padding" type="hidden" value="5" />
1974    <input id="hdnApplyShadow-1729460" name="settings.ApplyShadow" type="hidden" value="False" />
1975    <div id="richtext-prevContent-1729460" style="display: none;"></div>
1976    
1977    <div id="richtext-1729460"  style="padding: 5px;" class="richtext-editor" placeholder="Type text here...">
1978        <h1 class="site-primary-heading" style="font-family:Roboto Slab;"><span style="color:#004c97;text-decoration-color:#004c97;text-decoration-line:inherit;"><span style="font-size:28px;"><span style="font-family:roboto slab;">About Marian College</span></span></span></h1><p><span style="font-size:18px;"><span style="color:#CC0033;text-decoration-color:#CC0033;text-decoration-line:inherit;"><span style="letter-spacing: 3px;"><span style="font-family:montserrat;">Mō tātou - Māutonga</span></span></span></span><br><br><span style="color:#004c97;text-decoration-color:#004c97;text-decoration-line:inherit;"><span style="font-family:montserrat;"><span style="font-size:16px;">Marian College is a Catholic state integrated school for girls with a maximum roll of 430 students, that combines high academic standards and a progressive approach to modern education. There is a genuine commitment to the values inherent in the traditions of the religious orders of the Sisters of St Joseph of the Sacred Heart and the Sisters of Mercy.</span></span></span></p><p><span style="color:#004c97;text-decoration-color:#004c97;text-decoration-line:inherit;"><span style="font-family:montserrat;"><span style="font-size:16px;">Preference for enrolment is given to Catholic girls and some places may be available for non-Catholic students. </span></span></span></p><p><span style="color:#004c97;text-decoration-color:#004c97;text-decoration-line:inherit;"><span style="font-family:montserrat;"><span style="font-size:16px;">Marian College is fortunate in being able to remain small with a friendly, family atmosphere which comes from teachers and students knowing each other well. Every student at Marian is nurtured and her skills and talents fostered. Students have every opportunity to contribute through participation, service and leadership. </span></span></span></p><p><span style="color:#004c97;text-decoration-color:#004c97;text-decoration-line:inherit;"><span style="font-family:montserrat;"><span style="font-size:16px;">Our school culture is based on traditional values and expectations and Marian is also focused on supporting future-oriented teaching and learning. Marian College is committed to preparing students with the skills they need for the real world environment. Marian uses information technology for blended inquiry based learning and we use google applications extensively. </span></span></span></p><p><span style="color:#004c97;text-decoration-color:#004c97;text-decoration-line:inherit;"><span style="font-family:montserrat;"><span style="font-size:16px;">Marian girls are involved with service to the community. Staff strive to create a positive climate, which is conducive to effective learning with the development of personal responsibility, using collaboration, problem solving and encouraging students to be critical thinkers.&nbsp;</span></span></span></p>
1979    </div>
1980</div>
1981
1982                                </div>
1983
1984                </div>
1985
1986
1987            </div>
1988            <div class="col-sm-4 ">
1989
1990                <div id="splitter_2180988_splitter_col2" class="splitter-column-sortable-parent" data-key="splitter_col2">
1991
1992                                <div class="splitter-column-sortable"
1993                                     data-key="splitter_col2"
1994                                     data-preload="true"
1995                                     data-widgetid="1729462" data-id="1729462">
1996                                    
1997                                    
1998
1999<div id='widget_1729462' data-id='1729462' data-load='True' data-modal='True' data-widgettype='MenuW
1999idget' data-widgettitle='Menu Widget' class='widget wMenuWidget widget-opacive'>
2000<style>
2001    #dvMenuList_1729462 {
2002        text-align: center !important;
2003    }
2004
2005
2006        
2007        #dvMenuList_1729462 .menu-widget-dropdown a {
2008            text-align: left;
2009            margin-left: 51%;
2010            max-width: 49%;
2011        }
2012        
2013
2014
2015    #dvMenuList_1729462 .list-group-item.root {
2016        font-family: "Roboto Slab", Roboto, Arial !important;
2017        font-size:  18px !important;
2018        color: #004c97 !important;
2019    }
2020
2021    #dvMenuList_1729462 .list-group-item.subpage {
2022        font-family:Montserrat, sans-serif !important;
2023        font-size:  14px !important;
2024        color: #cc0033 !important;
2025    }
2026
2027    #dvMenuList_1729462 .list-group-item {
2028        background-color: rgba(251,251,251,1) !important;
2029    }
2030
2031    #dvMenuList_1729462 .list-group-item:hover {
2032        background-color: rgba(255,255,255,1) !important;
2033    }
2034
2035    #dvMenuList_1729462 .list-group-item.current-page {
2036        background-color: rgba(255,255,255,1) !important;
2037    }
2038    
2039        
2040         #dvMenuList_1729462 .list-group-item {
2041             border: 0px !important;
2042         }
2043        
2044
2045        
2046            @media only screen and (max-width: 750px) {
2047                #widget_1729462 {
2048                        display: none !important;
2049                    }
2050                }
2051        
2052    
2053</style>
2054
2055<ul id="dvMenuList_1729462" class="menu-widget-ul list-group">
2056
2057</ul>
2058
2059<div id="1729462_placeholder" class="sporty-placeholder"></div>
2060
2061<script>
2062    var width = document.getElementById("1729462_placeholder").clientWidth;
2063    document.getElementById("1729462_placeholder").style.height = "" + (1 / 1.5) * width + "px";
2064</script>
2064
2065
2066<script class="hbt-menuWidget" type="text/x-handlebars-template">
2067
2068    <li data-id="{{Id}}" data-membersonly="{{IsMembersOnly}}" class="list-group-item menu-widget-list-item {{#if IsRoot}}root{{/if}} {{#unless IsRoot}}subpage{{/unless}} {{#if IsCurrentPage}}current-page{{/if}}">
2069        {{#if IsSubSection}}
2070            <div class="menu-widget-subsection">
2071                <span class="menu-widget-name">{{Name}}</span>
2072                <span class="menu-widget-accordion" data-target="{{Id}}"></span>
2073            </div>
2074        {{/if}}
2075
2076        {{#unless IsSubSection}}
2077            <a href="{{Url}}" id="ctl00_ContentPlaceHolder1_rptContentPages_ctl01_link">{{Name}}</a>
2078        {{/unless}}
2079    </li>
2080
2081    {{#if IsSubSection}}
2082        <li class="menu-widget-dropdown" data-id="{{Id}}">
2083            {{#each subPages}}
2084                <div data-id="{{Id}}"
2085                     data-membersonly="{{IsMembersOnly}}"
2086                     {{#unless ShowDivider}}style="border-bottom: 0px !important;"{{/unless}}
2087                     class="list-group-item menu-widget-list-item subpage {{#if IsCurrentPage}}current-page{{/if}}">
2088                    <a href="{{this.Url}}">{{this.Name}}</a>
2089                </div>
2090            {{/each}}
2091        </li>
2092    {{/if}}
2093
2094</script>
2094
2095</div>
2096
2097
2098
2099                                </div>
2100
2101                </div>
2102
2103
2104            </div>
2105        </div>
2106    </div>
2107
2108
2109    <div id="superSplitter_2180989" class="supersplitter splitter section-background background-image-2180989  full-screen-width-bg " data-id="2180989"
2110         data-key="TwoThirdsOneThird" data-fullscreen="False" data-fluidwidgets="False" data-mobilescroll="False"
2111         data-fullscreenbg="True" data-parallaxeffectbg="False" data-bgcolor="#EEEEEE" data-transparency="0.00"
2112         data-showbgimage="False" data-bgimage="" data-showbgvideo="False" data-bgvideo=""
2113         data-bgvideoimage=""
2114         data-ishidden="False" data-ishiddenonmobile="False" data-isfooter="False" data-isheader="False"
2115         data-desktopmargin="60" data-mobilemargin="" data-widgetsmargin="20">
2116
2117        <style>
2118
2119        .background-image-2180989 {
2120            position: relative;
2121        }
2122        .background-image-2180989:before {
2123            content: ' ';
2124            position: absolute;
2125            opacity: 1.00;
2126            background-color: rgb(238, 238, 238);
2127
2128
2129        }
2130        
2131
2132        
2133            #superSplitter_2180989 {
2134                padding-bottom: 60px !important;
2135                padding-top: 60px !important;
2136            }
2137
2138            .edit #superSplitter_2180989 > .btn-toolbar {
2139                margin-left: -44px !important;
2140                margin-top: -62px !important;
2141            }
2142
2143
2144        
2145
2146
2147
2148        
2149            #cmsContent #superSplitter_2180989 div[class*="col-sm-"]:not(.form-col), #section-header #superSplitter_2180989 div[class*="col-sm-"] {
2150                padding-left: 10px !important;
2151                padding-right: 10px !important;
2152            }
2153
2154            #cmsContent #superSplitter_2180989:not(.full-screen-width-bg), #section-header #superSplitter_2180989:not(.full-screen-width-bg) {
2155                padding-left: 10px !important;
2156                padding-right: 10px !important;
2157            }
2158
2159            #superSplitter_2180989 .widget {
2160                margin-bottom: 20px !important;
2161            }
2162
2163            #cmsContent #superSplitter_2180989 .childsplitter.accordion-splitter{
2164                margin-left: -10px !important;
2165                width: calc(100% + 20px) !important;
2166            }
2167
2168			#cmsContent #superSplitter_2180989 .childsplitter:not(.accordion-splitter):not(.wideget-splitter),
2169            #section-header #superSplitter_2180989 .childsplitter:not(.accordion-splitter):not(.wideget-splitter) {
2170                margin-right: -10px !important;
2171                margin-left: -10px !important;
2172            }
2173
2174            body.edit #superSplitter_2180989 .widget {
2175                margin-bottom: 20px !important;
2176            }
2177
2178            #superSplitter_2180989 .widget .childsplitter .childsplitter .btn-toolbar {
2179                right: 10px !important;
2180            }
2181
2182            #superSplitter_2180989 .widget .childsplitter .last .btn-toolbar {
2183                right: 10px !important;
2184            }
2185
2186            .edit .full-screen-width-bg#superSplitter_2180989 .widget .btn-toolbar {
2187                right: 10px !important;
2188            }
2189
2190            .edit #superSplitter_2180989.full-screen-width .btn-toolbar {
2191                margin-left:  -10px !important;
2192                margin-top: -60px !important;
2193            }
2194
2195            .edit #superSplitter_2180989.full-screen-width .widget .btn-toolbar {
2196                right: 10px !important;
2197                z-index: 10 !important;
2198                margin-top: 0px !important;
2199            }
2200
2201            @media only screen and (max-width: 768px){
2202                #superSplitter_2180989 {
2203                    padding-left:  10px !important;
2204                    padding-right:  10px !important;
2205
2206                }
2207
2208                 #superSplitter_2180989 .forms-app{
2209                    margin-left:  -20px !important;
2210                    margin-right:  -20px !important;
2211                }
2212
2213                #cmsContent #superSplitter_2180989 .forms-app form > .col-12.col-xs-12 {
2214                    padding-left: 0 !important;
2215                    padding-right: 0 !important;
2216                }
2217
2218            }
2219        
2220
2221        #superSplitter_2180989 .supersplitter-video {
2222            margin-top: -60px;
2223        }
2224
2225        .edit .full-screen-width-bg#superSplitter_2180989 > .btn-toolbar {
2226
2227                    
2228                    margin-left: -40px !important;
2229                    
2230
2231        }
2232
2233        .edit #superSplitter_2180989 > .btn-toolbar {
2234
2235            margin-top: -62px !important;
2236
2237                
2238                margin-left: -44px !important;
2239                
2240        }
2241
2242        .edit #superSplitter_2180989 > .footer-indicator, .edit #superSplitter_2180989 > .header-indicator {
2243                
2244                margin-left: -87px !important;
2245                
2246            margin-top: -47px !important;
2247        }
2248
2249        .edit .full-screen-width-bg#superSplitter_2180989 > .footer-indicator, .edit .full-screen-width-bg#superSplitter_2180989 > .header-indicator {
2250
2251                
2252                margin-left: -85px !important;
2253                
2254
2255        }
2256
2257        .edit #superSplitter_2180989.full-screen-width .footer-indicator, .edit #superSplitter_2180989.full-screen-width .header-indicator {
2258                margin-left:  7px !important;
2259                margin-top: -45px !important;
2260                border-bottom: 2px dotted #cccccc;
2261        }
2262
2263        #superSplitter_2180989 .news-tiles .news-grid-col {
2264            padding-top: 20px;
2265            padding-left: 10px;
2266            padding-right: 10px;
2267        }
2268        
2269       
2270        </style>
2271
2272
2273
2274        <div class="row ">
2275
2276            <div class="col-sm-8 ">
2277
2278                <div id="splitter_2180989_splitter_col1" class="splitter-column-sortable-parent" data-key="splitter_col1">
2279
2280                                <div class="splitter-column-sortable"
2281                                     data-key="splitter_col1"
2282                                     data-preload="true"
2283                                     data-widgetid="1729464" data-id="1729464">
2284                                    
2285                                    
2286
2287    <div id='widget_1729464' data-id='1729464' data-load='True' data-modal='True' data-widgettype='RichText' data-widgettitle='Text' class='widget wRichText widget-opacive'>
2288
2289    <input id="hdnBgColor-1729464" name="settings.BackgroundColor" type="hidden" value="" />
2290    <input data-val="true" data-val-number="The field BackgroundTransparency must be a number." id="hdnBgTransparency-1729464" name="settings.BackgroundTransparency" type="hidden" value="0" />
2291    <input data-val="true" data-val-number="The field Padding must be a number." id="hdnPadding-1729464" name="settings.Padding" type="hidden" value="5" />
2292    <input id="hdnApplyShadow-1729464" name="settings.ApplyShadow" type="hidden" value="False" />
2293    <div id="richtext-prevContent-1729464" style="display: none;"></div>
2294    
2295    <div id="richtext-1729464"  style="padding: 5px;" class="richtext-editor" placeholder="Type text here...">
2296        <h1 class="site-primary-heading" style="font-family:Roboto Slab;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><font face="roboto slab"><span style="font-size: 28px;">College Life</span></font></span></h1><p><span style="color:#CC0033;text-decoration-color:#CC0033;text-decoration-line:inherit;"><span style="font-size:18px;"><span style="letter-spacing: 3px;"><span style="font-family:montserrat;">Offering a rich co-curricular programme</span></span></span></span><br><br><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">The cultural opportunities are especially varied with a wide variety of instrumental music, in addition to choir, debating, public speaking and theatre sports. Our Kapa Haka group is an integral part of the life of the college, as is the Pasifika group.</span></span></span></p><p><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">Marian has a rich sporting tradition with a wide range of activities being available, including team sports such as netball, football, hockey and basketball.</span></span></span></p><p><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">Curriculum today carries our girls far and wide into the community and involves groups and speakers visiting the school. All students are expected to do service within their community.&nbsp;</span></span></span></p><p><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">A number of committees exist within the school which reflect student interest and enthusiasms. These include the environment, health, magazine, sports and house committees and the student trustee council. Many student-led activities are planned by &nbsp;these committees.&nbsp;</span></span></span></p><p><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">A number of students participate in the &nbsp;Duke of Edinburgh Hillary Award programme.</span></span></span></p><p><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">Outdoor education is a feature of our programmes in the junior school. The aims include acquiring social skills, gaining knowledge, building confidence, increasing understanding and developing basic skills.&nbsp;</span></span></span></p><p><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">It is a challenging programme that adds a dimension to the full educational experiences that cannot be found in a city situation. Marian girls rise to the challenge with enthusiasm and determination, and a strong close spirit is maintained.</span></span></span></p>
2297    </div>
2298</div>
2299
2300                                </div>
2301
2302                </div>
2303
2304
2305            </div>
2306            <div class="col-sm-4 ">
2307
2308                <div id="splitter_2180989_splitter_col2" class="splitter-column-sortable-parent" data-key="splitter_col2">
2309
2310                                <div class="splitter-column-sortable"
2311                                     data-key="splitter_col2"
2312                                     data-preload="true"
2313                                     data-widgetid="1729465" data-id="1729465">
2314                                    
2315                                    
2316
2317<div id='widget_1729465' data-id='1729465' data-load='True' data-modal='True' data-widgettype='Splitter' data-widgettitle='Column Splitter' class='widget wSplitter widget-opacive'>
2318
2319
2320<div style="background-color:transparent">
2321    <div style="" class="row splitter wideget-splitter childsplitter  " id="childSplitter_1729465" data-id="1729465" data-key="TwoColumnEven"
2322         data-stack-content="True" data-bgcolor="" data-transparency="0">
2323
2324            <div style="padding-left: 10px !important;padding-right: 10px !important;" class="col-sm-6 first">
2325
2326                <div id="splitter_1729465_splitter_col1" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1729465" data-key="splitter_col1">
2327
2328
2329                </div>
2330            </div>
2331            <div style="padding-left: 10px !important;padding-right: 10px !important;" class="col-sm-6 last">
2332
2333                <div id="splitter_1729465_splitter_col2" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1729465" data-key="splitter_col2">
2334
2335
2336                </div>
2337            </div>
2338    </div>
2339</div>
2340</div>
2341
2342
2343                                </div>
2344                                <div class="splitter-column-sortable"
2345                                     data-key="splitter_col2"
2346                                     data-preload="true"
2347                                     data-widgetid="1729466" data-id="1729466">
2348                                    
2349                                    
2350
2351<div id='widget_1729466' data-id='1729466' data-load='True' data-modal='True' data-widgettype='Image' data-widgettitle='Image' class='widget wImage'>
2352
2353<input type="hidden" value='{&quot;imageId&quot;:&quot;57195dfc-20f6-4b45-b956-91f2e33b309d&quot;,&quot;caption&quot;:&quot;&quot;,&quot;hasCaption&quot;:false,&quot;linkNewTab&quot;:false,&quot;linkData&quot;:null,&quot;linkType&quot;:&quot;none&quot;}' id="hdnImage_1729466" />
2354<input type="hidden" value='{}' id="hdnMobileImage_1729466" />
2355<input type="hidden" value='' id="hdnMobileImageSrc_1729466" />
2356<input type="hidden" value='landscape' id="hdnMobileLayout_1729466" />
2357<input type="hidden" value='landscape' id="hdnLayout_1729466" />
2358<input type="hidden" value='True' id="hdnCrop_1729466" />
2359<input type="hidden" value='False' id="hdnScale_1729466" />
2360
2361
2362<div class="imageWidget-Div img-with-caption text-center">
2363
2364    <div id="1729466_placeholder" class="sporty-placeholder"></div>
2365    <picture>
2366        <source media="(max-width: 768px)" srcset="" />
2367
2368        <img data-src="//prodcdn.sporty.co.nz/cms/14433/202830/1432518/57195dfc-20f6-4b45-b956-91f2e33b309d_wo.jpg?t=638230285383870000"
2369             class="text-center img-responsive "
2370             data-id="57195dfc-20f6-4b45-b956-91f2e33b309d"
2371             data-link-type="none"
2372             data-link-data=""
2373             data-link-target="False"
2374             data-has-caption="False"
2375             data-caption=""
2376             src="//prodcdn.sporty.co.nz/cms/14433/202830/1432518/57195dfc-20f6-4b45-b956-91f2e33b309d_wo.jpg?t=638230285383870000"
2377             id="1729466_57195dfc-20f6-4b45-b956-91f2e33b309d"
2378             style="display: none"
2379             onload="document.getElementById('1729466_57195dfc-20f6-4b45-b956-91f2e33b309d').style.display = 'block'; document.getElementById('1729466_placeholder').style.display = 'none'" />
2380        </picture>
2381        <div class="sy-caption-wrap" style="display: none">
2382            <div class="sy-caption">
2383                <div class="img-caption"></div>
2384            </div>
2385        </div>
2386</div>
2387
2388<script>
2389    var aspectRatio = 1.51816160118606 > 0 ? 1.51816160118606 : 1.5;
2390    var placeholderWidth = document.getElementById("1729466_placeholder").clientWidth;
2391
2392    if (placeholderWidth == null){
2393        placeholderWidth = document.getElementById("1729466_57195dfc-20f6-4b45-b956-91f2e33b309d").clientWidth;
2394    }
2395
2396    if ('True' === 'True') {
2397        document.getElementById("1729466_57195dfc-20f6-4b45-b956-91f2e33b309d").style.objectFit = "cover";
2398    }
2399    else{
2400        document.getElementById("1729466_57195dfc-20f6-4b45-b956-91f2e33b309d").style.objectFit = "contain";
2401    }
2402
2403    var windowWidth = window.innerWidth;
2404    var imageLayout;
2405
2406    if (windowWidth < 768) {
2407        imageLayout = 'landscape';
2408    } else {
2409        imageLayout = 'landscape';
2410    }
2411
2412    var placeholderHeight;
2413
2414    switch (imageLayout) {
2415        case 'panorama':
2416            placeholderHeight = Math.round(0.35 * placeholderWidth);
2417            break;
2418        case 'landscape':
2419            placeholderHeight = Math.round(0.71 * placeholderWidth);
2420            break;
2421        case 'portrait':
2422            placeholderHeight = Math.round(1.4 * placeholderWidth);
2423            break;
2424        case 'square':
2425            placeholderHeight = placeholderWidth;
2426            break;
2427        case 'originalimage':
2428        default:
2429            var naturalHeight = 1349;
2430            var aspectRatioHeight = 1 / aspectRatio * placeholderWidth;
2431            placeholderHeight = Math.min.apply(null, [naturalHeight, aspectRatioHeight].filter(Number));
2432            break;
2433    }
2434
2435    document.getElementById("1729466_placeholder").style.width = "" + placeholderWidth + "px";
2436    document.getElementById("1729466_placeholder").style.height = "" + placeholderHeight + "px";
2437
2438    
2439    document.getElementById("1729466_57195dfc-20f6-4b45-b956-91f2e33b309d").style.width = "" + placeholderWidth + "px";
2440    document.getElementById("1729466_57195dfc-20f6-4b45-b956-91f2e33b309d").style.height = "" + placeholderHeight + "px";
2441    
2442
2443</script>
2443
2444</div>
2445
2446                                </div>
2447                                <div class="splitter-column-sortable"
2448                                     data-key="splitter_col2"
2449                                     data-preload="true"
2450                                     data-widgetid="1729467" data-id="1729467">
2451                                    
2452                                    
2453
2454<div id='widget_1729467' data-id='1729467' data-load='True' data-modal='True' data-widgettype='Image' data-widgettitle='Image' class='widget wImage'>
2455
2456<input type="hidden" value='{&quot;imageId&quot;:&quot;742e2a07-f7ff-4ff8-8697-f283d423baa7&quot;,&quot;caption&quot;:&quot;&quot;,&quot;linkNewTab&quot;:false,&quot;linkData&quot;:null,&quot;linkType&quot;:&quot;none&quot;}' id="hdnImage_1729467" />
2457<input type="hidden" value='{}' id="hdnMobileImage_1729467" />
2458<input type="hidden" value='' id="hdnMobileImageSrc_1729467" />
2459<input type="hidden" value='landscape' id="hdnMobileLayout_1729467" />
2460<input type="hidden" value='landscape' id="hdnLayout_1729467" />
2461<input type="hidden" value='True' id="hdnCrop_1729467" />
2462<input type="hidden" value='False' id="hdnScale_1729467" />
2463
2464
2465<div class="imageWidget-Div img-with-caption text-center">
2466
2467    <div id="1729467_placeholder" class="sporty-placeholder"></div>
2468    <picture>
2469        <source media="(max-width: 768px)" srcset="" />
2470
2471        <img data-src="//prodcdn.sporty.co.nz/cms/14433/202830/1432518/742e2a07-f7ff-4ff8-8697-f283d423baa7_wo.jpg?t=638242363487800000"
2472             class="text-center img-responsive "
2473             data-id="742e2a07-f7ff-4ff8-8697-f283d423baa7"
2474             data-link-type="none"
2475             data-link-data=""
2476             data-link-target="False"
2477             data-has-caption="False"
2478             data-caption=""
2479             src="//prodcdn.sporty.co.nz/cms/14433/202830/1432518/742e2a07-f7ff-4ff8-8697-f283d423baa7_wo.jpg?t=638242363487800000"
2480             id="1729467_742e2a07-f7ff-4ff8-8697-f283d423baa7"
2481             style="display: none"
2482             onload="document.getElementById('1729467_742e2a07-f7ff-4ff8-8697-f283d423baa7').style.display = 'block'; document.getElementById('1729467_placeholder').style.display = 'none'" />
2483        </picture>
2484        <div class="sy-caption-wrap" style="display: none">
2485            <div class="sy-caption">
2486                <div class="img-caption"></div>
2487            </div>
2488        </div>
2489</div>
2490
2491<script>
2492    var aspectRatio = 0.75 > 0 ? 0.75 : 1.5;
2493    var placeholderWidth = document.getElementById("1729467_placeholder").clientWidth;
2494
2495    if (placeholderWidth == null){
2496        placeholderWidth = document.getElementById("1729467_742e2a07-f7ff-4ff8-8697-f283d423baa7").clientWidth;
2497    }
2498
2499    if ('True' === 'True') {
2500        document.getElementById("1729467_742e2a07-f7ff-4ff8-8697-f283d423baa7").style.objectFit = "cover";
2501    }
2502    else{
2503        document.getElementById("1729467_742e2a07-f7ff-4ff8-8697-f283d423baa7").style.objectFit = "contain";
2504    }
2505
2506    var windowWidth = window.innerWidth;
2507    var imageLayout;
2508
2509    if (windowWidth < 768) {
2510        imageLayout = 'landscape';
2511    } else {
2512        imageLayout = 'landscape';
2513    }
2514
2515    var placeholderHeight;
2516
2517    switch (imageLayout) {
2518        case 'panorama':
2519            placeholderHeight = Math.round(0.35 * placeholderWidth);
2520            break;
2521        case 'landscape':
2522            placeholderHeight = Math.round(0.71 * placeholderWidth);
2523            break;
2524        case 'portrait':
2525            placeholderHeight = Math.round(1.4 * placeholderWidth);
2526            break;
2527        case 'square':
2528            placeholderHeight = placeholderWidth;
2529            break;
2530        case 'originalimage':
2531        default:
2532            var naturalHeight = 1560;
2533            var aspectRatioHeight = 1 / aspectRatio * placeholderWidth;
2534            placeholderHeight = Math.min.apply(null, [naturalHeight, aspectRatioHeight].filter(Number));
2535            break;
2536    }
2537
2538    document.getElementById("1729467_placeholder").style.width = "" + placeholderWidth + "px";
2539    document.getElementById("1729467_placeholder").style.height = "" + placeholderHeight + "px";
2540
2541    
2542    document.getElementById("1729467_742e2a07-f7ff-4ff8-8697-f283d423baa7").style.width = "" + placeholderWidth + "px";
2543    document.getElementById("1729467_742e2a07-f7ff-4ff8-8697-f283d423baa7").style.height = "" + placeholderHeight + "px";
2544    
2545
2546</script>
2546
2547</div>
2548
2549                                </div>
2550
2551                </div>
2552
2553
2554            </div>
2555        </div>
2556    </div>
2557
2558
2559    <div id="superSplitter_2180990" class="supersplitter splitter section-background background-image-2180990  full-screen-width-bg " data-id="2180990"
2560         data-key="TwoColumnEven" data-fullscreen="False" data-fluidwidgets="False" data-mobilescroll="False"
2561         data-fullscreenbg="True" data-parallaxeffectbg="False" data-bgcolor="#ffffff" data-transparency="0.00"
2562         data-showbgimage="False" data-bgimage="" data-showbgvideo="False" data-bgvideo=""
2563         data-bgvideoimage=""
2564         data-ishidden="False" data-ishiddenonmobile="False" data-isfooter="False" data-isheader="False"
2565         data-desktopmargin="60" data-mobilemargin="" data-widgetsmargin="20">
2566
2567        <style>
2568
2569        .background-image-2180990 {
2570            position: relative;
2571        }
2572        .background-image-2180990:before {
2573            content: ' ';
2574            position: absolute;
2575            opacity: 1.00;
2576            background-color: rgb(255, 255, 255);
2577
2578
2579        }
2580        
2581
2582        
2583            #superSplitter_2180990 {
2584                padding-bottom: 60px !important;
2585                padding-top: 60px !important;
2586            }
2587
2588            .edit #superSplitter_2180990 > .btn-toolbar {
2589                margin-left: -44px !important;
2590                margin-top: -62px !important;
2591            }
2592
2593
2594        
2595
2596
2597
2598        
2599            #cmsContent #superSplitter_2180990 div[class*="col-sm-"]:not(.form-col), #section-header #superSplitter_2180990 div[class*="col-sm-"] {
2600                padding-left: 10px !important;
2601                padding-right: 10px !important;
2602            }
2603
2604            #cmsContent #superSplitter_2180990:not(.full-screen-width-bg), #section-header #superSplitter_2180990:not(.full-screen-width-bg) {
2605                padding-left: 10px !important;
2606                padding-right: 10px !important;
2607            }
2608
2609            #superSplitter_2180990 .widget {
2610                margin-bottom: 20px !important;
2611            }
2612
2613            #cmsContent #superSplitter_2180990 .childsplitter.accordion-splitter{
2614                margin-left: -10px !important;
2615                width: calc(100% + 20px) !important;
2616            }
2617
2618			#cmsContent #superSplitter_2180990 .childsplitter:not(.accordion-splitter):not(.wideget-splitter),
2619            #section-header #superSplitter_2180990 .childsplitter:not(.accordion-splitter):not(.wideget-splitter) {
2620                margin-right: -10px !important;
2621                margin-left: -10px !important;
2622            }
2623
2624            body.edit #superSplitter_2180990 .widget {
2625                margin-bottom: 20px !important;
2626            }
2627
2628            #superSplitter_2180990 .widget .childsplitter .childsplitter .btn-toolbar {
2629                right: 10px !important;
2630            }
2631
2632            #superSplitter_2180990 .widget .childsplitter .last .btn-toolbar {
2633                right: 10px !important;
2634            }
2635
2636            .edit .full-screen-width-bg#superSplitter_2180990 .widget .btn-toolbar {
2637                right: 10px !important;
2638            }
2639
2640            .edit #superSplitter_2180990.full-screen-width .btn-toolbar {
2641                margin-left:  -10px !important;
2642                margin-top: -60px !important;
2643            }
2644
2645            .edit #superSplitter_2180990.full-screen-width .widget .btn-toolbar {
2646                right: 10px !important;
2647                z-index: 10 !important;
2648                margin-top: 0px !important;
2649            }
2650
2651            @media only screen and (max-width: 768px){
2652                #superSplitter_2180990 {
2653                    padding-left:  10px !important;
2654                    padding-right:  10px !important;
2655
2656                }
2657
2658                 #superSplitter_2180990 .forms-app{
2659                    margin-left:  -20px !important;
2660                    margin-right:  -20px !important;
2661                }
2662
2663                #cmsContent #superSplitter_2180990 .forms-app form > .col-12.col-xs-12 {
2664                    padding-left: 0 !important;
2665                    padding-right: 0 !important;
2666                }
2667
2668            }
2669        
2670
2671        #superSplitter_2180990 .supersplitter-video {
2672            margin-top: -60px;
2673        }
2674
2675        .edit .full-screen-width-bg#superSplitter_2180990 > .btn-toolbar {
2676
2677                    
2678                    margin-left: -40px !important;
2679                    
2680
2681        }
2682
2683        .edit #superSplitter_2180990 > .btn-toolbar {
2684
2685            margin-top: -62px !important;
2686
2687                
2688                margin-left: -44px !important;
2689                
2690        }
2691
2692        .edit #superSplitter_2180990 > .footer-indicator, .edit #superSplitter_2180990 > .header-indicator {
2693                
2694                margin-left: -87px !important;
2695                
2696            margin-top: -47px !important;
2697        }
2698
2699        .edit .full-screen-width-bg#superSplitter_2180990 > .footer-indicator, .edit .full-screen-width-bg#superSplitter_2180990 > .header-indicator {
2700
2701                
2702                margin-left: -85px !important;
2703                
2704
2705        }
2706
2707        .edit #superSplitter_2180990.full-screen-width .footer-indicator, .edit #superSplitter_2180990.full-screen-width .header-indicator {
2708                margin-left:  7px !important;
2709                margin-top: -45px !important;
2710                border-bottom: 2px dotted #cccccc;
2711        }
2712
2713        #superSplitter_2180990 .news-tiles .news-grid-col {
2714            padding-top: 20px;
2715            padding-left: 10px;
2716            padding-right: 10px;
2717        }
2718        
2719       
2720        </style>
2721
2722
2723
2724        <div class="row ">
2725
2726            <div class="col-sm-6 ">
2727
2728                <div id="splitter_2180990_splitter_col1" class="splitter-column-sortable-parent" data-key="splitter_col1">
2729
2730                                <div class="splitter-column-sortable"
2731                                     data-key="splitter_col1"
2732                                     data-preload="true"
2733                                     data-widgetid="1729475" data-id="1729475">
2734                                    
2735                                    
2736
2737<div id='widget_1729475' data-id='1729475' data-load='True' data-modal='True' data-widgettype='Image' data-widgettitle='Image' class='widget wImage'>
2738
2739<input type="hidden" value='{&quot;imageId&quot;:&quot;6521358e-4694-4611-8f39-15f0634a3cc4&quot;,&quot;caption&quot;:&quot;&quot;,&quot;hasCaption&quot;:false,&quot;linkNewTab&quot;:false,&quot;linkData&quot;:null,&quot;linkType&quot;:&quot;none&quot;}' id="hdnImage_1729475" />
2740<input type="hidden" value='{}' id="hdnMobileImage_1729475" />
2741<input type="hidden" value='' id="hdnMobileImageSrc_1729475" />
2742<input type="hidden" value='originalimage' id="hdnMobileLayout_1729475" />
2743<input type="hidden" value='landscape' id="hdnLayout_1729475" />
2744<input type="hidden" value='False' id="hdnCrop_1729475" />
2745<input type="hidden" value='True' id="hdnScale_1729475" />
2746
2747
2748<div class="imageWidget-Div img-with-caption text-center">
2749
2750    <div id="1729475_placeholder" class="sporty-placeholder"></div>
2751    <picture>
2752        <source media="(max-width: 768px)" srcset="" />
2753
2754        <img data-src="//prodcdn.sporty.co.nz/cms/14433/202830/1432518/6521358e-4694-4611-8f39-15f0634a3cc4_wo.jpg?t=638230312445670000"
2755             class="text-center img-responsive "
2756             data-id="6521358e-4694-4611-8f39-15f0634a3cc4"
2757             data-link-type="none"
2758             data-link-data=""
2759             data-link-target="False"
2760             data-has-caption="False"
2761             data-caption=""
2762             src="//prodcdn.sporty.co.nz/cms/14433/202830/1432518/6521358e-4694-4611-8f39-15f0634a3cc4_wo.jpg?t=638230312445670000"
2763             id="1729475_6521358e-4694-4611-8f39-15f0634a3cc4"
2764             style="display: none"
2765             onload="document.getElementById('1729475_6521358e-4694-4611-8f39-15f0634a3cc4').style.display = 'block'; document.getElementById('1729475_placeholder').style.display = 'none'" />
2766        </picture>
2767        <div class="sy-caption-wrap" style="display: none">
2768            <div class="sy-caption">
2769                <div class="img-caption"></div>
2770            </div>
2771        </div>
2772</div>
2773
2774<script>
2775    var aspectRatio = 1.33333333333333 > 0 ? 1.33333333333333 : 1.5;
2776    var placeholderWidth = document.getElementById("1729475_placeholder").clientWidth;
2777
2778    if (placeholderWidth == null){
2779        placeholderWidth = document.getElementById("1729475_6521358e-4694-4611-8f39-15f0634a3cc4").clientWidth;
2780    }
2781
2782    if ('False' === 'True') {
2783        document.getElementById("1729475_6521358e-4694-4611-8f39-15f0634a3cc4").style.objectFit = "cover";
2784    }
2785    else{
2786        document.getElementById("1729475_6521358e-4694-4611-8f39-15f0634a3cc4").style.objectFit = "contain";
2787    }
2788
2789    var windowWidth = window.innerWidth;
2790    var imageLayout;
2791
2792    if (windowWidth < 768) {
2793        imageLayout = 'originalimage';
2794    } else {
2795        imageLayout = 'landscape';
2796    }
2797
2798    var placeholderHeight;
2799
2800    switch (imageLayout) {
2801        case 'panorama':
2802            placeholderHeight = Math.round(0.35 * placeholderWidth);
2803            break;
2804        case 'landscape':
2805            placeholderHeight = Math.round(0.71 * placeholderWidth);
2806            break;
2807        case 'portrait':
2808            placeholderHeight = Math.round(1.4 * placeholderWidth);
2809            break;
2810        case 'square':
2811            placeholderHeight = placeholderWidth;
2812            break;
2813        case 'originalimage':
2814        default:
2815            var naturalHeight = 1536;
2816            var aspectRatioHeight = 1 / aspectRatio * placeholderWidth;
2817            placeholderHeight = Math.min.apply(null, [naturalHeight, aspectRatioHeight].filter(Number));
2818            break;
2819    }
2820
2821    document.getElementById("1729475_placeholder").style.width = "" + placeholderWidth + "px";
2822    document.getElementById("1729475_placeholder").style.height = "" + placeholderHeight + "px";
2823
2824    
2825    document.getElementById("1729475_6521358e-4694-4611-8f39-15f0634a3cc4").style.width = "" + placeholderWidth + "px";
2826    document.getElementById("1729475_6521358e-4694-4611-8f39-15f0634a3cc4").style.height = "" + placeholderHeight + "px";
2827    
2828
2829</script>
2829
2830</div>
2831
2832                                </div>
2833
2834                </div>
2835
2836
2837            </div>
2838            <div class="col-sm-6 ">
2839
2840                <div id="splitter_2180990_splitter_col2" class="splitter-column-sortable-parent" data-key="splitter_col2">
2841
2842                                <div class="splitter-column-sortable"
2843                                     data-key="splitter_col2"
2844                                     data-preload="true"
2845                                     data-widgetid="1729473" data-id="1729473">
2846                                    
2847                                    
2848
2849    <div id='widget_1729473' data-id='1729473' data-load='True' data-modal='True' data-widgettype='RichText' data-widgettitle='Text' class='widget wRichText widget-opacive'>
2850
2851    <input id="hdnBgColor-1729473" name="settings.BackgroundColor" type="hidden" value="" />
2852    <input data-val="true" data-val-number="The field BackgroundTransparency must be a number." id="hdnBgTransparency-1729473" name="settings.BackgroundTransparency" type="hidden" value="0" />
2853    <input data-val="true" data-val-number="The field Padding must be a number." id="hdnPadding-1729473" name="settings.Padding" type="hidden" value="5" />
2854    <input id="hdnApplyShadow-1729473" name="settings.ApplyShadow" type="hidden" value="False" />
2855    <div id="richtext-prevContent-1729473" style="display: none;"></div>
2856    
2857    <div id="richtext-1729473"  style="padding: 5px;" class="richtext-editor" placeholder="Type text here...">
2858        <h1 class="site-primary-heading" style="font-family:Roboto Slab;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><font face="roboto slab"><span style="font-size: 28px;">Community of Learning</span></font></span></h1><p><span style="color:#CC0033;text-decoration-color:#CC0033;text-decoration-line:inherit;"><span style="font-size:18px;"><span style="letter-spacing: 3px;"><span style="font-family:montserrat;">Te Mara Akoranga Katorika Kāhui Ako</span></span></span></span><br><br></p><p><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">Marian College is one of 15 Catholic schools in Christchurch belonging to&nbsp;</span></span></span><a style="color: rgb(0, 76, 151);" data-cke-saved-href="http://ccka.nz/" href="http://ccka.nz/"><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">Christchurch Catholic&nbsp;Kāhui Ako - Te Mara Akoranga Katorika</span></span></span></a><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">.&nbsp;</span></span></span></p><p><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">Our Kāhui Ako (community of learning)&nbsp;focus is student achievement and faith development through a strong educational pathway.</span></span></span></p>
2859    </div>
2860</div>
2861
2862                                </div>
2863
2864                </div>
2865
2866
2867            </div>
2868        </div>
2869    </div>
2870                </div>
2871
2872            </div>
2873            <hr class="full-screen-width-bg section-footer-divider" />
2874            <div id="section-footer" class="section-footer supersplitter-sortable">
2875                
2876
2877    <div id="superSplitter_1626344" class="supersplitter splitter section-background background-image-1626344  full-screen-width-bg " data-id="1626344"
2878         data-key="FourColumn" data-fullscreen="False" data-fluidwidgets="False" data-mobilescroll="False"
2879         data-fullscreenbg="True" data-parallaxeffectbg="False" data-bgcolor="#004c97" data-transparency="0.00"
2880         data-showbgimage="True" data-bgimage="//prodcdn.sporty.co.nz/cms/14433/202830/1432518/9578dd15-1951-4d70-996f-479316272b0e_wo.png?t=638230268708130000" data-showbgvideo="False" data-bgvideo=""
2881         data-bgvideoimage=""
2882         data-ishidden="False" data-ishiddenonmobile="False" data-isfooter="True" data-isheader="False"
2883         data-desktopmargin="40" data-mobilemargin="" data-widgetsmargin="10">
2884
2885        <style>
2886
2887        .background-image-1626344 {
2888            position: relative;
2889        }
2890        .background-image-1626344:before {
2891            content: ' ';
2892            position: absolute;
2893            opacity: 1;
2894            background-color: ;
2895
2896                background-image: url('//prodcdn.sporty.co.nz/cms/14433/202830/1432518/9578dd15-1951-4d70-996f-479316272b0e_wo.png');
2897
2898        }
2899        
2900
2901        
2902            #superSplitter_1626344 {
2903                padding-bottom: 40px !important;
2904                padding-top: 40px !important;
2905            }
2906
2907            .edit #superSplitter_1626344 > .btn-toolbar {
2908                margin-left: -39px !important;
2909                margin-top: -42px !important;
2910            }
2911
2912
2913        
2914
2915
2916
2917        
2918            #cmsContent #superSplitter_1626344 div[class*="col-sm-"]:not(.form-col), #section-header #superSplitter_1626344 div[class*="col-sm-"] {
2919                padding-left: 5px !important;
2920                padding-right: 5px !important;
2921            }
2922
2923            #cmsContent #superSplitter_1626344:not(.full-screen-width-bg), #section-header #superSplitter_1626344:not(.full-screen-width-bg) {
2924                padding-left: 5px !important;
2925                padding-right: 5px !important;
2926            }
2927
2928            #superSplitter_1626344 .widget {
2929                margin-bottom: 10px !important;
2930            }
2931
2932            #cmsContent #superSplitter_1626344 .childsplitter.accordion-splitter{
2933                margin-left: -5px !important;
2934                width: calc(100% + 10px) !important;
2935            }
2936
2937			#cmsContent #superSplitter_1626344 .childsplitter:not(.accordion-splitter):not(.wideget-splitter),
2938            #section-header #superSplitter_1626344 .childsplitter:not(.accordion-splitter):not(.wideget-splitter) {
2939                margin-right: -5px !important;
2940                margin-left: -5px !important;
2941            }
2942
2943            body.edit #superSplitter_1626344 .widget {
2944                margin-bottom: 10px !important;
2945            }
2946
2947            #superSplitter_1626344 .widget .childsplitter .childsplitter .btn-toolbar {
2948                right: 5px !important;
2949            }
2950
2951            #superSplitter_1626344 .widget .childsplitter .last .btn-toolbar {
2952                right: 5px !important;
2953            }
2954
2955            .edit .full-screen-width-bg#superSplitter_1626344 .widget .btn-toolbar {
2956                right: 5px !important;
2957            }
2958
2959            .edit #superSplitter_1626344.full-screen-width .btn-toolbar {
2960                margin-left:  -5px !important;
2961                margin-top: -40px !important;
2962            }
2963
2964            .edit #superSplitter_1626344.full-screen-width .widget .btn-toolbar {
2965                right: 5px !important;
2966                z-index: 10 !important;
2967                margin-top: 0px !important;
2968            }
2969
2970            @media only screen and (max-width: 768px){
2971                #superSplitter_1626344 {
2972                    padding-left:  5px !important;
2973                    padding-right:  5px !important;
2974
2975                }
2976
2977                 #superSplitter_1626344 .forms-app{
2978                    margin-left:  -10px !important;
2979                    margin-right:  -10px !important;
2980                }
2981
2982                #cmsContent #superSplitter_1626344 .forms-app form > .col-12.col-xs-12 {
2983                    padding-left: 0 !important;
2984                    padding-right: 0 !important;
2985                }
2986
2987            }
2988        
2989
2990        #superSplitter_1626344 .supersplitter-video {
2991            margin-top: -40px;
2992        }
2993
2994        .edit .full-screen-width-bg#superSplitter_1626344 > .btn-toolbar {
2995
2996                    
2997                    margin-left: -30px !important;
2998                    
2999
3000        }
3001
3002        .edit #superSplitter_1626344 > .btn-toolbar {
3003
3004            margin-top: -42px !important;
3005
3006                
3007                margin-left: -39px !important;
3008                
3009        }
3010
3011        .edit #superSplitter_1626344 > .footer-indicator, .edit #superSplitter_1626344 > .header-indicator {
3012                
3013                margin-left: -82px !important;
3014                
3015            margin-top: -27px !important;
3016        }
3017
3018        .edit .full-screen-width-bg#superSplitter_1626344 > .footer-indicator, .edit .full-screen-width-bg#superSplitter_1626344 > .header-indicator {
3019
3020                
3021                margin-left: -75px !important;
3022                
3023
3024        }
3025
3026        .edit #superSplitter_1626344.full-screen-width .footer-indicator, .edit #superSplitter_1626344.full-screen-width .header-indicator {
3027                margin-left:  12px !important;
3028                margin-top: -25px !important;
3029                border-bottom: 2px dotted #cccccc;
3030        }
3031
3032        #superSplitter_1626344 .news-tiles .news-grid-col {
3033            padding-top: 10px;
3034            padding-left: 5px;
3035            padding-right: 5px;
3036        }
3037        
3038       
3039        </style>
3040
3041
3042
3043        <div class="row ">
3044
3045            <div class="col-sm-3 ">
3046
3047                <div id="splitter_1626344_splitter_col1" class="splitter-column-sortable-parent" data-key="splitter_col1">
3048
3049                                <div class="splitter-column-sortable"
3050                                     data-key="splitter_col1"
3051                                     data-preload="true"
3052                                     data-widgetid="1731621" data-id="1731621">
3053                                    
3054                                    
3055
3056<div id='widget_1731621' data-id='1731621' data-load='True' data-modal='True' data-widgettype='Image' data-widgettitle='Image' class='widget wImage'>
3057
3058<input type="hidden" value='{&quot;imageId&quot;:&quot;4083c52f-642e-4b3e-8aec-c970837ce926&quot;,&quot;caption&quot;:&quot;&quot;,&quot;hasCaption&quot;:false}' id="hdnImage_1731621" />
3059<input type="hidden" value='{}' id="hdnMobileImage_1731621" />
3060<input type="hidden" value='' id="hdnMobileImageSrc_1731621" />
3061<input type="hidden" value='landscape' id="hdnMobileLayout_1731621" />
3062<input type="hidden" value='landscape' id="hdnLayout_1731621" />
3063<input type="hidden" value='False' id="hdnCrop_1731621" />
3064<input type="hidden" value='True' id="hdnScale_1731621" />
3065
3066
3067<div class="imageWidget-Div img-with-caption text-center">
3068
3069    <div id="1731621_placeholder" class="sporty-placeholder"></div>
3070    <picture>
3071        <source media="(max-width: 768px)" srcset="" />
3072
3073        <img data-src="//prodcdn.sporty.co.nz/cms/14433/202830/1432428/4083c52f-642e-4b3e-8aec-c970837ce926_wo.png?t=638508637002100000"
3074             class="text-center img-responsive "
3075             data-id="4083c52f-642e-4b3e-8aec-c970837ce926"
3076             data-link-type=""
3077             data-link-data=""
3078             data-link-target=""
3079             data-has-caption="False"
3080             data-caption=""
3081             src="//prodcdn.sporty.co.nz/cms/14433/202830/1432428/4083c52f-642e-4b3e-8aec-c970837ce926_wo.png?t=638508637002100000"
3082             id="1731621_4083c52f-642e-4b3e-8aec-c970837ce926"
3083             style="display: none"
3084             onload="document.getElementById('1731621_4083c52f-642e-4b3e-8aec-c970837ce926').style.display = 'block'; document.getElementById('1731621_placeholder').style.display = 'none'" />
3085        </picture>
3086        <div class="sy-caption-wrap" style="display: none">
3087            <div class="sy-caption">
3088                <div class="img-caption"></div>
3089            </div>
3090        </div>
3091</div>
3092
3093<script>
3094    var aspectRatio = 1.3336 > 0 ? 1.3336 : 1.5;
3095    var placeholderWidth = document.getElementById("1731621_placeholder").clientWidth;
3096
3097    if (placeholderWidth == null){
3098        placeholderWidth = document.getElementById("1731621_4083c52f-642e-4b3e-8aec-c970837ce926").clientWidth;
3099    }
3100
3101    if ('False' === 'True') {
3102        document.getElementById("1731621_4083c52f-642e-4b3e-8aec-c970837ce926").style.objectFit = "cover";
3103    }
3104    else{
3105        document.getElementById("1731621_4083c52f-642e-4b3e-8aec-c970837ce926").style.objectFit = "contain";
3106    }
3107
3108    var windowWidth = window.innerWidth;
3109    var imageLayout;
3110
3111    if (windowWidth < 768) {
3112        imageLayout = 'landscape';
3113    } else {
3114        imageLayout = 'landscape';
3115    }
3116
3117    var placeholderHeight;
3118
3119    switch (imageLayout) {
3120        case 'panorama':
3121            placeholderHeight = Math.round(0.35 * placeholderWidth);
3122            break;
3123        case 'landscape':
3124            placeholderHeight = Math.round(0.71 * placeholderWidth);
3125            break;
3126        case 'portrait':
3127            placeholderHeight = Math.round(1.4 * placeholderWidth);
3128            break;
3129        case 'square':
3130            placeholderHeight = placeholderWidth;
3131            break;
3132        case 'originalimage':
3133        default:
3134            var naturalHeight = 2500;
3135            var aspectRatioHeight = 1 / aspectRatio * placeholderWidth;
3136            placeholderHeight = Math.min.apply(null, [naturalHeight, aspectRatioHeight].filter(Number));
3137            break;
3138    }
3139
3140    document.getElementById("1731621_placeholder").style.width = "" + placeholderWidth + "px";
3141    document.getElementById("1731621_placeholder").style.height = "" + placeholderHeight + "px";
3142
3143    
3144    document.getElementById("1731621_4083c52f-642e-4b3e-8aec-c970837ce926").style.width = "" + placeholderWidth + "px";
3145    document.getElementById("1731621_4083c52f-642e-4b3e-8aec-c970837ce926").style.height = "" + placeholderHeight + "px";
3146    
3147
3148</script>
3148
3149</div>
3150
3151                                </div>
3152
3153                </div>
3154
3155
3156            </div>
3157            <div class="col-sm-3 ">
3158
3159                <div id="splitter_1626344_splitter_col2" class="splitter-column-sortable-parent" data-key="splitter_col2">
3160
3161                                <div class="splitter-column-sortable"
3162                                     data-key="splitter_col2"
3163                                     data-preload="true"
3164                                     data-widgetid="1731622" data-id="1731622">
3165                                    
3166                                    
3167
3168    <div id='widget_1731622' data-id='1731622' data-load='True' data-modal='True' data-widgettype='RichText' data-widgettitle='Text' class='widget wRichText widget-opacive'>
3169
3170    <input id="hdnBgColor-1731622" name="settings.BackgroundColor" type="hidden" value="" />
3171    <input data-val="true" data-val-number="The field BackgroundTransparency must be a number." id="hdnBgTransparency-1731622" name="settings.BackgroundTransparency" type="hidden" value="0" />
3172    <input data-val="true" data-val-number="The field Padding must be a number." id="hdnPadding-1731622" name="settings.Padding" type="hidden" value="5" />
3173    <input id="hdnApplyShadow-1731622" name="settings.ApplyShadow" type="hidden" value="False" />
3174    <div id="richtext-prevContent-1731622" style="display: none;"></div>
3175    
3176    <div id="richtext-1731622"  style="padding: 5px;" class="richtext-editor" placeholder="Type text here...">
3177        <p style="text-align: center;"><span style="font-size:14px;"><span style="color:#ffffff;text-decoration-color:#ffffff;text-decoration-line:inherit;"><span style="font-family:roboto slab;">Contact Details</span></span></span></p><p style="text-align: center;"><span style="font-size:14px;"><span style="color:#EEEEEE;text-decoration-color:#EEEEEE;text-decoration-line:inherit;">Ph&nbsp;</span></span><a style="color: rgb(238, 238, 238);" data-cke-saved-href="tel: +643385 8449" href="tel: +643385 8449"><span style="font-size:14px;"><span style="color:#EEEEEE;text-decoration-color:#EEEEEE;text-decoration-line:inherit;">+64 3 385 8449</span></span></a></p><p style="text-align: center;"><span style="font-size:14px;"><span style="color:#FBFBFB;text-decoration-color:#FBFBFB;text-decoration-line:inherit;">General Enquiries:</span></span></p><p style="text-align: center;"><span style="font-size:14px;">&nbsp; &nbsp;&nbsp;</span><a style="color: rgb(251, 251, 251);" data-cke-saved-href="mailto:[email protected]" href="mailto:[email protected]"><span style="font-size:14px;"><span style="color:#FBFBFB;text-decoration-color:#FBFBFB;text-decoration-line:inherit;">[email protected]</span></span></a></p><p style="text-align: center;"><span style="font-size:14px;"><span style="color:#FBFBFB;text-decoration-color:#FBFBFB;text-decoration-line:inherit;">Attendance Matters:</span></span></p><p style="text-align: center;"><a data-cke-saved-href="mailto:[email protected]" href="mailto:[email protected]" style="color: rgb(251, 251, 251);"><span style="font-size:14px;"><span style="color:#FBFBFB;text-decoration-color:#FBFBFB;text-decoration-line:inherit;">[email protected]</span></span></a></p><p style="text-align: center;">At<span style="font-size:14px;"><span style="color:#FBFBFB;text-decoration-color:#FBFBFB;text-decoration-line:inherit;">Financial&nbsp;Enquiries:</span></span></p><p style="text-align: center;"><a data-cke-saved-href="mailto:[email protected]" href="mailto:[email protected]" style="color: rgb(251, 251, 251);"><span style="font-size:14px;"><span style="color:#FBFBFB;text-decoration-color:#FBFBFB;text-decoration-line:inherit;">[email protected]</span></span></a><br><span style="font-size:14px;">​​​​​​​<span style="color:#EEEEEE;text-decoration-color:#EEEEEE;text-decoration-line:inherit;">​​​​​​​</span></span></p>
3178    </div>
3179</div>
3180
3181                                </div>
3182                                <div class="splitter-column-sortable"
3183                                     data-key="splitter_col2"
3184                                     data-preload="true"
3185                                     data-widgetid="1731625" data-id="1731625">
3186                                    
3187                                    
3188
3189<div id='widget_1731625' data-id='1731625' data-load='True' data-modal='True' data-widgettype='CodeSnippet' data-widgettitle='Insert Code Snippet' class='widget wCodeSnippet widget-opacive'>
3190    <div id="code-snippet-1731625" data-html="&lt;div class=&quot;elfsight-app-2bf5eb93-85ee-4dec-9599-b28d802a2848&quot;&gt;&lt;/div&gt;">
3191    </div>
3192</div>
3193
3194
3195                                </div>
3196
3197                </div>
3198
3199
3200            </div>
3201            <div class="col-sm-3 ">
3202
3203                <div id="splitter_1626344_splitter_col3" class="splitter-column-sortable-parent" data-key="splitter_col3">
3204
3205                                <div class="splitter-column-sortable"
3206                                     data-key="splitter_col3"
3207                                     data-preload="true"
3208                                     data-widgetid="1731623" data-id="1731623">
3209                                    
3210                                    
3211
3212    <div id='widget_1731623' data-id='1731623' data-load='True' data-modal='True' data-widgettype='RichText' data-widgettitle='Text' class='widget wRichText widget-opacive'>
3213
3214    <input id="hdnBgColor-1731623" name="settings.BackgroundColor" type="hidden" value="" />
3215    <input data-val="true" data-val-number="The field BackgroundTransparency must be a number." id="hdnBgTransparency-1731623" name="settings.BackgroundTransparency" type="hidden" value="0" />
3216    <input data-val="true" data-val-number="The field Padding must be a number." id="hdnPadding-1731623" name="settings.Padding" type="hidden" value="5" />
3217    <input id="hdnApplyShadow-1731623" name="settings.ApplyShadow" type="hidden" value="False" />
3218    <div id="richtext-prevContent-1731623" style="display: none;"></div>
3219    
3220    <div id="richtext-1731623"  style="padding: 5px;" class="richtext-editor" placeholder="Type text here...">
3221        <p style="text-align: center;"><span style="color:#ffffff;text-decoration-color:#ffffff;text-decoration-line:inherit;"><span style="font-size:16px;"><span style="font-family:roboto slab;">Postal Address</span></span></span><br><font color="#eeeeee">2 Lydia Street</font><br></p><p style="text-align: center;"><font color="#eeeeee">Northcote</font><br></p><p style="text-align: center;"><font color="#eeeeee">Christchurch 8052</font><br></p><p style="text-align: center;"><font color="#eeeeee"></font>Ch</p>
3222    </div>
3223</div>
3224
3225                                </div>
3226
3227                </div>
3228
3229
3230            </div>
3231            <div class="col-sm-3 ">
3232
3233                <div id="splitter_1626344_splitter_col4" class="splitter-column-sortable-parent" data-key="splitter_col4">
3234
3235                                <div class="splitter-column-sortable"
3236                                     data-key="splitter_col4"
3237                                     data-preload="true"
3238                                     data-widgetid="2439154" data-id="2439154">
3239                                    
3240                                    
3241
3242<div id='widget_2439154' data-id='2439154' data-load='True' data-modal='True' data-widgettype='CodeSnippet' data-widgettitle='Insert Code Snippet' class='widget wCodeSnippet widget-opacive'>
3243    <div id="code-snippet-2439154" data-html="&lt;div class=&quot;gtranslate_wrapper&quot;&gt;&lt;/div&gt;
3244&lt;script&gt;window.gtranslateSettings = {&quot;default_language&quot;:&quot;en&quot;,&quot;languages&quot;:[&quot;en&quot;,&quot;mi&quot;,&quot;zh-CN&quot;,&quot;sm&quot;,&quot;fr&quot;,&quot;es&quot;,&quot;tl&quot;,&quot;vi&quot;,&quot;de&quot;,&quot;hi&quot;,&quot;ja&quot;,&quot;ko&quot;,&quot;ms&quot;,&quot;pa&quot;,&quot;th&quot;,],&quot;wrapper_selector&quot;:&quot;.gtranslate_wrapper&quot;}&lt;/script&gt;
3245&lt;script src=&quot;https://cdn.gtranslate.net/widgets/latest/float.js&quot; defer&gt;&lt;/script&gt;">
3246    </div>
3247</div>
3248
3249
3250                                </div>
3251
3252                </div>
3253
3254
3255            </div>
3256        </div>
3257    </div>
3258
3259            </div>
3260        </div>
3261        <div id="sticky-push"></div>
3262    </div>
3263</div>
3264
3265<div id="sticky-footer">
3266	<div class="nav navbar-collapse" style="background-color: white; text-align:center;">
3267		<div class="container cmsSportsgroundFooter">
3268			<div class="col-sm-4">
3269				<a class="sportyPoweredText" href="https://www.sporty.co.nz">Powered by Sporty.co.nz</a>
3270			</div>
3271			<div class="col-sm-4">
3272			</div>
3273			<div class="col-sm-4">
3274							<a href="https://www.sporty.co.nz/Login?returnUrl=%2fmariancollege%2fabout%2fabout-us%3fem%3d1">
3275								<img src="/Content/images/admin-login.png" />&nbsp;&nbsp;Admin Login
3276							</a>
3277			</div>
3278		</div>
3279	</div>
3280</div>
3281
3282<div id="myModal" class="modal fade">
3283</div>
3284<div id="ckeditorModal" class="modal fade">
3285</div>
3286
3287
3288
3289
3290<div id="custom-page-cover" class="custom-page-cover" style=""></div>
3291
3292
3293<script src="//maps.googleapis.com/maps/api/js?key=AIzaSyBID0SddcUXp9rilqhrfqQy_H5vgcXmqjs&v=3.exp"></script>
3293
3294
3295
3296<script src="/bundles/sporty-scripts?v=KP7Kh3mhRT3wDsjnkvAuNmByfYl5uBgFhsuFLYWXxcQ1"></script>
3296
3297
3298<script src="/Scripts/mobiscroll/mobiscroll.custom-3.2.4.min.js"></script>
vendor: 1 bytes, line 3298
3298
3299<script src="/Scripts/object-fit-polyfill-master/dist/objectFitPolyfill.min.js"></script>
vendor: 1 bytes, line 3299
3299
3300<script src="/Content/ckeditor/ckeditor.js?v=4.22.1f"></script>
vendor: 1 bytes, line 3300
3300
3301<script src="/Content/ckeditor/sportyFontConfig.js?v= 25-Sep-2026 11:00  (863)"></script>
vendor: 1 bytes, line 3301
3301
3302<script src="/Content/ckeditor/sportyImageUpload.js?v= 25-Sep-2026 11:00  (863)"></script>
3302
3303
3304
3305<script>
3306    $(function () {
3307            CKEDITOR.timestamp = ' 25-Sep-2026 11:00  (863)';
3308            
3309        });
3310</script>
3310
3311
3312<script async src="https://cdn.iframe.ly/embed.js" charset="utf-8"></script>
3312
3313
3314<script>
3315    window.fbAsyncInit = function () {
3316        if (typeof FB != 'undefined') {
3317            FB.init({
3318                appId: '849632328416506',
3319                autoLogAppEvents: true,
3320                xfbml: true,
3321                version: 'v21.0'
3322            });
3323        }
3324    };
3325</script>
vendor: 1 bytes, line 3325
3325
3326<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
3326
3327
3328<!-- Google Analytics -->
vendor: 77 bytes, lines 3328-3330
3328
3329    
3330        <script async src="https://www.googletagmanager.com/gtag/js?id=
3330G-KH331M994Q
vendor: 21 bytes, lines 3330-3332
3330"></script>
3331
3332        
3332<script>
3333        
vendor: 168 bytes, lines 3333-3337
3333window.dataLayer = window.dataLayer || [];
3334        function gtag(){dataLayer.push(arguments);}
3335        gtag('js', new Date());
3336            
3337            gtag('config', '
3337G-XZYFRKCC2D
vendor: 50 bytes, lines 3337-3340
3337');
3338            
3339                    
3340            
3340gtag('config', 'G-KH331M994Q');
3341            
3342        </script>
3342
3343    
3344<!-- End Google Analytics -->
3345
3346
3347<script>
3348        Raygun.init('hIsjk2n4XNXFrkKwCZw1kQ==');
3349</script>
3349
3350</body>
3351</html>
3352

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.