<span class="cat-links"> <i class="fa fa-folder-open"></i> <a href="https://johnhenrynewmancatholiccollege.org.uk/category/front-page-news/" rel="category tag">Front Page News</a> </span> </footer> <nav role="navigation" id="nav-below" class="site-navigation post-navigation"> <h2 class="assistive-text">Post navigation</h2> <div class="nav-previous"><a href="https://johnhenrynewmancatholiccollege.org.uk/virtual-christmas-carol-concert/" rel="prev"><span class="meta-nav">←</span> Virtual Christmas Carol Concert</a></div> <div class="nav-next"><a href="https://johnhenrynewmancatholiccollege.org.uk/jhncc-13-november-2020/" rel="next">JHNCC: 13 November 2020 <span class="meta-nav">→</span></a></div> </nav><!-- #nav-below --> <section id="comments" class="comments"> </section> </article> </div> </section> <section id="secondary" class="widget-area col-xs-12" role="complementary"> </section> </div> </div> </div> </div> </div> <footer class="footer"> <div class="container"> <div class="row footer-blocks"> <div class="widget smart_image_widget-31 widget_smart_image_widget"><a href="" ><img src="https://cdn.realsmart.co.uk/889bf1be8ce96e4bba59050105a99df2/uploads/2019/03/JHNCC-Footer-Logo.png" alt=""></a></div><div class="widget_text widget custom_html-2 widget_custom_html"><div class="textwidget custom-html-widget"><p> Our Lady and All Saints Multi-Academy Company </p> <p> A company limited by guarantee, registered in England & Wales. </p> <p> Company number: 12929650 </p> <p> Registered office address: Bethany House, 155a Kineton Green Road, Olton, Solihull, England, B92 7EG. </p></div></div><div class="widget nav_menu-4 widget_nav_menu"><div class="menu-footer-icons-menu-container"><ul id="menu-footer-icons-menu" class="menu" itemscope itemtype="http://www.schema.org/SiteNavigationElement"><li id="menu-item-16653" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16653"><a href="mailto:office@jhncc.org"><i class="fa fa-envelope" aria-hidden="true"></i></a></li> </ul></div></div> </div> </div> <div id="footerLogos"> <div class="container"> <div class="footer-logos-area"> </div> </div> </div> <!-- new cpanel code --> <script> ! function(p) { function e(e) { for (var r, t, n = e[0], o = e[1], u = e[2], l = 0, a = []; l < n.length; l++) t = n[l], Object.prototype .hasOwnProperty.call(i, t) && i[t] && a.push(i[t][0]), i[t] = 0; for (r in o) Object.prototype.hasOwnProperty.call(o, r) && (p[r] = o[r]); for (s && s(e); a.length;) a.shift()(); return c.push.apply(c, u || []), f() } function f() { for (var e, r = 0; r < c.length; r++) { for (var t = c[r], n = !0, o = 1; o < t.length; o++) { var u = t[o]; 0 !== i[u] && (n = !1) } n && (c.splice(r--, 1), e = l(l.s = t[0])) } return e } var t = {}, i = { 1: 0 }, c = []; function l(e) { if (t[e]) return t[e].exports; var r = t[e] = { i: e, l: !1, exports: {} }; return p[e].call(r.exports, r, r.exports, l), r.l = !0, r.exports } l.m = p, l.c = t, l.d = function(e, r, t) { l.o(e, r) || Object.defineProperty(e, r, { enumerable: !0, get: t }) }, l.r = function(e) { "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e, "__esModule", { value: !0 }) }, l.t = function(r, e) { if (1 & e && (r = l(r)), 8 & e) return r; if (4 & e && "object" == typeof r && r && r.__esModule) return r; var t = Object.create(null); if (l.r(t), Object.defineProperty(t, "default", { enumerable: !0, value: r }), 2 & e && "string" != typeof r) for (var n in r) l.d(t, n, function(e) { return r[e] }.bind(null, n)); return t }, l.n = function(e) { var r = e && e.__esModule ? function() { return e.default } : function() { return e }; return l.d(r, "a", r), r }, l.o = function(e, r) { return Object.prototype.hasOwnProperty.call(e, r) }, l.p = "/"; var r = this.webpackJsonpsmartpanel = this.webpackJsonpsmartpanel || [], n = r.push.bind(r); r.push = e, r = r.slice(); for (var o = 0; o < r.length; o++) e(r[o]); var s = n; f() }([]) </script> <!-- new cpanel code END --> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/889bf1be8ce96e4bba59050105a99df2/uploads/*","/*","/plugins/*","/themes/realsmart-mercury/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <div class="scroll-back-to-top-wrapper"> <span class="scroll-back-to-top-inner"> <i class="fa fa-2x fa-arrow-circle-up"></i> </span> </div><script id="realsmart-core-js" src="https://johnhenrynewmancatholiccollege.org.uk/plugins/realsmart-core/assets/common/js/realsmart_core.min.js?ver=1791024769"></script> <script id="scm-compliance-js-js-extra"> var scm_vars = {"ajaxurl":"https://johnhenrynewmancatholiccollege.org.uk/wp-admin/admin-ajax.php","nonce":"0dbf386d18","enabled":"1","patterns":["safeguard","child[-_]?protection","ofsted","inspection[-_]?report","statutory","equality[-_]?(objective|information|duty)","pupil[-_]?premium","sports?[-_]?premium","recovery[-_]?premium","catch[-_]?up[-_]?(funding|premium)","(^|[/_-])send([/_.-]|$)","(^|[/_-])sen([/_.-]|$)","special[-_]?educational","inclusion","accessibility[-_]?plan","govern","trustee","(^|[/_-])lgb([/_.-]|$)","financial[-_]?(benchmark|statement)","executive[-_]?pay","polic(y|ies)","attendance","absence","behaviou?r","exclusion","anti[-_]?bullying","results","performance[-_]?(table|data)","assessment","(^|[/_-])exams?([/_.-]|$)","curriculum","curric","(^|[/_-])subjects?([/_.-]|$)","phonics","british[-_]?values","admission","prospectus"]}; //# sourceURL=scm-compliance-js-js-extra </script> <script id="scm-compliance-js-js" src="https://johnhenrynewmancatholiccollege.org.uk/mu-plugins/school-compliance-monitor/js/compliance.js?ver=1791024769"></script> <script id="smartpanel-js" src="https://cdn.realsmart.co.uk/panel/js/main.41e19839.chunk.js"></script> <script id="swiped-events-js" src="https://johnhenrynewmancatholiccollege.org.uk/plugins/ditty-news-ticker/legacy/inc/static/js/swiped-events.min.js?ver=1640820298"></script> <script id="imagesloaded-js" src="https://johnhenrynewmancatholiccollege.org.uk/wp-includes/js/imagesloaded.min.js?ver=5.0.0"></script> <script id="jquery-effects-core-js" src="https://johnhenrynewmancatholiccollege.org.uk/wp-includes/js/jquery/ui/effect.min.js?ver=1.13.3"></script> <script id="ditty-news-ticker-js-extra"> var mtphr_dnt_vars = {"is_rtl":""}; //# sourceURL=ditty-news-ticker-js-extra </script> <script id="ditty-news-ticker-js" src="https://johnhenrynewmancatholiccollege.org.uk/plugins/ditty-news-ticker/legacy/inc/static/js/ditty-news-ticker.js?ver=1704766738"></script> <script id="scroll-back-to-top-js-extra"> var scrollBackToTop = {"scrollDuration":"500","fadeDuration":"0.5"}; //# sourceURL=scroll-back-to-top-js-extra </script> <script id="scroll-back-to-top-js" src="https://johnhenrynewmancatholiccollege.org.uk/plugins/scroll-back-to-top/assets/js/scroll-back-to-top.js?ver=1431996772"></script> <script id="notices_scripts-js" src="https://johnhenrynewmancatholiccollege.org.uk/plugins/smart-notices//js/smart-notices.js?ver=1791024769"></script> <script id="wp-gallery-custom-links-js-js" src="https://johnhenrynewmancatholiccollege.org.uk/plugins/wp-gallery-custom-links/wp-gallery-custom-links.js?ver=1791024769"></script> <script id="wp-jquery-lightbox-swipe-js" src="https://johnhenrynewmancatholiccollege.org.uk/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/vendor/jquery.touchwipe.min.js?ver=1718815044"></script> <script id="wp-jquery-lightbox-purify-js" src="https://johnhenrynewmancatholiccollege.org.uk/plugins/wp-jquery-lightbox/inc/purify.min.js?ver=1744785994"></script> <script id="wp-jquery-lightbox-panzoom-js" src="https://johnhenrynewmancatholiccollege.org.uk/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/vendor/panzoom.min.js?ver=1718815044"></script> <script id="wp-jquery-lightbox-js-extra"> var JQLBSettings = {"showTitle":"1","useAltForTitle":"1","showCaption":"1","showNumbers":"1","fitToScreen":"1","resizeSpeed":"400","showDownload":"","navbarOnTop":"","marginSize":"0","mobileMarginSize":"20","slideshowSpeed":"4000","allowPinchZoom":"1","borderSize":"6","borderColor":"#fff","overlayColor":"#fff","overlayOpacity":"0.7","newNavStyle":"1","fixedNav":"1","showInfoBar":"0","prevLinkTitle":"previous image","nextLinkTitle":"next image","closeTitle":"close image gallery","image":"Image ","of":" of ","download":"Download","pause":"(Pause Slideshow)","play":"(Play Slideshow)"}; //# sourceURL=wp-jquery-lightbox-js-extra </script> <script id="wp-jquery-lightbox-js" src="https://johnhenrynewmancatholiccollege.org.uk/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/jquery.lightbox.js?ver=1744785994"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://johnhenrynewmancatholiccollege.org.uk/wp-includes/js/wp-emoji-release.min.js?ver=7.0.2"}} </script> <script type="module"> /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://johnhenrynewmancatholiccollege.org.uk/wp-includes/js/wp-emoji-loader.min.js </script> <!--Global site tag(gtag.js)-Google Analytics--><script async src="https://www.googletagmanager.com/gtag/js?id=UA-148170058-2"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);} gtag('js',new Date());gtag('config','UA-148170058-2');</script><!--BEGIN MYNEWTERM API SCRIPT:PLACE BEFORE CLOSING BODY TAG.PLEASE DO NOT ALTER THIS CODE!!!--><script>var mntInitCounter=0,mntApiScript=document.createElement("script");mntApiScript.type="text/javascript";mntApiScript.src="https://api.mynewterm.com/assets/v1/dist/js/school_vacancies.js?v="+(new Date().getTime());document.body.appendChild(mntApiScript);window.onload=function(){if(document.readyState=='complete'&&mntInitCounter===0){mntInitCounter=1;mntSchoolVacancies('43698CE8-8CEF-4465-99F1-83F06EEA95A3',1);}};</script><!--END MYNEWTERM API SCRIPT--><style type="text/css" class="smartCss">@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'); /* --- SASS VARIABLES --- */ /* --- General Styles --- */ body { font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; font-weight: 300 !important; font-size: 14px !important; color: #333 !important; line-height: 1.8 !important; font-size: 16px !important; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', serif !important; font-weight: 400 !important; line-height: 1.2; color: #3c3c3b; } #cpanel-bar { position: relative; } table td { border: solid 1px #e6e5e5; padding: 5px; } #smartpanel { z-index: 10; } /* --- school logo, logged out cpanel --- */ .logged-out #cp-school-info .app-icon { width: 20px !important; } /* --- header and main menu, forced to be mobile on desktop --- */ .header.headerFull { min-height: 0px; position: absolute; width: 100%; z-index: 9; } .headerFull .headerLogo { max-width: 50px !important; } .headerFull .siteTitle { font-size: 20px !important; } .headerFull .siteDescription { font-weight: 300 !important; } .header { background-color: transparent !important; } /* --- fixed header and nav styles --- */ .headerFixed { background-color: #fff !important; } .headerFixed .headerNav .navbar-nav .menu-item a { color: #333; } /* --- Quicklinks Menu Style --- */ .menu-quick-links-container #quicklinksMenu li a { color: #fff !important; font-weight: 300 !important; } .menu-quick-links-container #quicklinksMenu li a i { color: #f7bc2b !important; margin-right: 5px; } /*--- mobile header/nav styles --- */ .headerOffCanvas { display: block; background-color: #fff !important; } .headerOffCanvas .headerLogo { /*display: none;*/ } .headerOffCanvas .headerSearch, .headerOffCanvas .headerQuicklinks { display: none; } .headerOffCanvas .headerCloseBtn a { color: #242323; } .headerOffCanvas .headerNav .navbar-nav li a { color: #242323; } .headerOffCanvas .headerNav .navbar-nav a { color: #242323; } .headerNav .navbar-nav .dropdown-menu > li > a { color: #242323 !important; } /* --- SLIDER STYLES --- */ /* --- Pauls Parralax Effect MAX --- */ li.slide.slick-slide.slick-current.slick-active { background-attachment: fixed; } .mainCarousel { position: relative; } .mainCarousel .sliderBTN { display: flex; justify-content: center; bottom: 10%; position: absolute; width: 100%; flex-direction: column; } .mainCarousel .sliderBTN h2 { font-weight: bold !important; color: #fff; font-size: 40px; margin-left: 10px; text-transform: uppercase !important; } .mainCarousel .sliderBTN a { background-color: #f7bc2b; color: #000; padding: 10px; margin: 10px; width: 402px; transition: ease 0.3s; text-transform: uppercase !important; } .mainCarousel .sliderBTN a:hover { background-color: #dba00f; } .mainCarousel .sliderBTN i { margin-left: 10px; color: #fff; } .mainCarousel .slide:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; top: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.55+0,0.35+100;Neutral+Density */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c000000', endColorstr='#59000000',GradientType=0); /* IE6-9 */ } .mainCarousel .slides .slide .caption { z-index: 1 !important; background: none !important; padding-bottom: 80px; } .mainCarousel .slides .slide .caption h2 { display: block; width: 40%; color: #fff !important; font-weight: 700 !important; text-transform: uppercase; font-size: 3.5em; margin-bottom: 30px; } @media screen and (max-width: 991px) { .mainCarousel .slides .slide .caption h2 { font-size: 2em !important; width: 100%; } } .mainCarousel .slides .slide .caption p { display: block; width: 60%; color: #fff; font-weight: 600 !important; font-size: 1.6em !important; line-height: 1.5em; margin-bottom: 30px; } @media screen and (max-width: 991px) { .mainCarousel .slides .slide .caption p { font-size: 1em !important; width: 100%; } } .mainCarousel .slides .slide .caption .btn { background-color: #f7bc2b !important; border: solid 1px #f7bc2b !important; color: #000; padding: 10px 20px; transition: all 0.5s ease; text-transform: uppercase; } .mainCarousel .slides .slide .caption .btn i { color: #fff; margin-left: 10px; transition: all 0.3s ease; } .mainCarousel .slides .slide .caption .btn:hover { transition: all 0.5s ease; background-color: #f7bc2b !important; border: solid 1px #f7bc2b !important; color: #000; } .mainCarousel .slides .slide .caption .btn:hover i { padding-left: 20px; transition: all 0.3s ease; } /* --- hide breadcrumb --- */ .home .breadcrumbNav { display: none; } /* -- homepage tweaks for overflow -- */ /* --- block-section --- */ #block-section { background-color: #e8e8e8; position: relative; padding-bottom: 50px; } #block-section .block-section--overflow { content: ''; display: block; position: absolute; height: 25px; width: 100%; background-color: #fff; z-index: 3; margin-top: -75px; } #block-section .container { position: relative; background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); padding-top: 50px; } #block-section .block-section__small-block-yellow { position: relative; height: 200px; background-color: #f7bc2b; text-align: center; margin-bottom: 20px; transition: all 0.5s ease; } #block-section .block-section__small-block-yellow:hover { transform: scale(1.1); transition: all 0.5s ease; } #block-section .block-section__small-block { position: relative; height: 200px; background-color: #b51a1e; text-align: center; margin-bottom: 20px; transition: all 0.3s ease; } #block-section .block-section__small-block:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; top: 0; transition: all 0.3s ease; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.55+0,0.35+100;Neutral+Density */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c000000', endColorstr='#59000000',GradientType=0); /* IE6-9 */ } #block-section .block-section__small-block:hover { transform: scale(1.1); transition: all 0.3s ease; } #block-section .block-section__large-block { position: relative; height: 420px; background-color: #b51a1e; text-align: center; margin-bottom: 20px; transition: all 0.5s ease; } #block-section .block-section__large-block:hover { transform: scale(1.1); transition: all 0.5s ease; } #block-section h2 { color: #fff; position: absolute; bottom: 20px; width: 100%; letter-spacing: 1.5px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); text-transform: uppercase; font-weight: 700 !important; font-size: 16px; } /* backgrounds for the blocks */ .block-01 { background-image: url('https://cdn.realsmart.co.uk/889bf1be8ce96e4bba59050105a99df2/uploads/2019/03/block-bg-01.png'); background-position: 50% 50%; background-size: cover; } .block-02 { background-image: url('https://cdn.realsmart.co.uk/889bf1be8ce96e4bba59050105a99df2/uploads/2019/03/block-bg-02.png'); background-position: 50% 50%; background-size: cover; } .block-03 { background-image: url('https://cdn.realsmart.co.uk/889bf1be8ce96e4bba59050105a99df2/uploads/2019/03/block-bg-03.png'); background-position: 50% 50%; background-size: cover; } .block-04 { background-image: url('https://cdn.realsmart.co.uk/889bf1be8ce96e4bba59050105a99df2/uploads/2019/03/block-bg-04.png'); background-position: right bottom; background-size: 110px 300px; background-repeat: no-repeat; } .block-05 { background-image: url('https://cdn.realsmart.co.uk/889bf1be8ce96e4bba59050105a99df2/uploads/2019/03/block-bg-05.png'); background-position: left bottom; background-size: 50px 150px; background-repeat: no-repeat; } .block-06 { background-image: url('https://cdn.realsmart.co.uk/889bf1be8ce96e4bba59050105a99df2/uploads/2019/03/block-bg-06.png'); background-position: 50% 50%; background-size: cover; } .block-07 { background-image: url('https://cdn.realsmart.co.uk/889bf1be8ce96e4bba59050105a99df2/uploads/2019/03/block-bg-07.png'); background-position: 50% 50%; background-size: cover; } .block-08 { background-image: url('https://cdn.realsmart.co.uk/889bf1be8ce96e4bba59050105a99df2/uploads/2019/03/block-bg-08.png'); background-position: 50% 50%; background-size: cover; } /* --- latest news section --- */ #latestNews h2 { color: #b51a1e; margin-bottom: 0; text-transform: uppercase; font-weight: 700 !important; } #latestNews .moreLink { color: #3c3c3c; font-weight: 600; } #latestNews .moreLink i { color: #b51a1e; } #latestNews .latestNews { padding-top: 30px; } #latestNews .latestNews .slick-arrow { background-color: #b51a1e; color: #fff; } #latestNews .latestNews .latestNewsArticle:nth-of-type(odd) a { border-bottom: solid 5px #b51a1e; } #latestNews .latestNews .latestNewsArticle a { border-bottom: solid 5px #f7bc2b; } #latestNews .latestNews .latestNewsArticle a:before { content: ''; position: absolute; bottom: 5px; left: 0; right: 30px; top: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.55+0,0.35+100;Neutral+Density */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c000000', endColorstr='#59000000',GradientType=0); /* IE6-9 */ } #latestNews .latestNews .latestNewsArticle .articleInfo { background-color: transparent !important; position: absolute; overflow: hidden; padding: 30px; } #latestNews .latestNews .latestNewsArticle .articleInfo .articleDate { color: #fff; font-weight: 300; } #latestNews .latestNews .latestNewsArticle .articleInfo .articleTitle { color: #fff; font-size: 20px; font-weight: 600 !important; text-transform: uppercase; min-height: 3em; } #latestNews .latestNews .latestNewsArticle .articleInfo .articleExcerpt { color: #fff; display: none; } /* --- Map Section --- */ #mapSection { background-image: url('https://cdn.realsmart.co.uk/889bf1be8ce96e4bba59050105a99df2/uploads/2019/03/JHNCC-MAP-BG-e1552403326701.jpg'); background-size: cover; background-repeat: no-repeat; padding: 50px 0; } #mapSection .mapSection-details { background-color: rgba(255, 255, 255, 0.7); padding: 30px; color: #3c3c3c; } #mapSection .mapSection-details h2 { color: #b51a1e; font-weight: 700 !important; text-transform: uppercase; } #mapSection .mapSection-details a { color: #3c3c3c; } #mapSection .mapSection-details a i { color: #b51a1e; margin-right: 20px; } #mapSection .mapSection-address { display: flex; flex-direction: row; } #mapSection .mapSection-address address { margin-left: 20px; } #mapSection .mapSection-address i { margin-top: 3px; color: #b51a1e; } /* --- footer --- */ .footer .smart_image_widget-31 img { width: 250px; } .footer .custom_html-2 { color: #fff; } .footer .custom_html-2 p { font-size: 10px !important; } .footer .nav_menu-4 ul { display: flex; flex-direction: row-reverse; } .footer .nav_menu-4 ul li { background-color: transparent; border: solid 1px #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-block; font-size: 20px; height: 40px; width: 40px; margin-left: 10px; padding: 0; line-height: 36px; text-align: center; position: relative; vertical-align: top; z-index: 1; } .footer .nav_menu-4 ul li:hover { background-color: #fff; } .footer .nav_menu-4 ul li:hover a { color: #242323; } .footer .nav_menu-4 ul li a { color: #fff; } /* --- Internal Page Styles --- */ .featuredImageStrip:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.55+0,0.35+100;Neutral+Density */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c000000', endColorstr='#59000000',GradientType=0); /* IE6-9 */ } .featuredImageStrip .featuredImageStripTitleWrapper { position: relative; z-index: 1; } .featuredImageStrip .featuredImageStripTitleWrapper .col-md-6 { width: 80%; } .featuredImageStrip .featuredImageStripTitleWrapper .featuredImageStripTitle { background-color: transparent; border-left: none; } .featuredImageStrip .featuredImageStripTitleWrapper .featuredImageStripTitle h1 { color: #f7bc2b; font-weight: 700 !important; text-transform: uppercase; font-size: 30px; } @media screen and (max-width: 991px) { .featuredImageStrip .featuredImageStripTitleWrapper .featuredImageStripTitle h1 { font-size: 18px !important; } } .featuredImageStrip.noFeaturedImage { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a51500+0,b91205+100 */ background: #a51500; /* Old browsers */ background: -moz-linear-gradient(top, rgba(165, 21, 0, 1) 0%, rgba(185, 18, 5, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(165, 21, 0, 1) 0%, rgba(185, 18, 5, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(165, 21, 0, 1) 0%, rgba(185, 18, 5, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a51500', endColorstr='#b91205',GradientType=0); /* IE6-9 */ height: 320px; position: relative; } .featuredImageStrip.noFeaturedImage:after { content: ''; position: absolute; bottom: 5px; left: 0; right: 5px; top: 0; background-image: url('https://cdn.realsmart.co.uk/889bf1be8ce96e4bba59050105a99df2/uploads/2019/03/block-bg-04.png'); background-position: right bottom; background-size: 55px 150px; background-repeat: no-repeat; } .featuredImageStrip.noFeaturedImage .col-md-6 { width: 80%; } .featuredImageStrip.noFeaturedImage .featuredImageStripTitle { background-color: transparent; border-left: solid 5px #f7bc2b; } .featuredImageStrip.noFeaturedImage .featuredImageStripTitle h1 { color: #fff; font-weight: 700 !important; text-transform: uppercase; font-size: 36px; } @media screen and (max-width: 991px) { .featuredImageStrip.noFeaturedImage .featuredImageStripTitle h1 { font-size: 18px !important; } } /* --- posts featured image strip --- */ .single-post { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.55+0,0.35+100;Neutral+Density */ } .single-post .headerFull { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c000000', endColorstr='#59000000',GradientType=0); /* IE6-9 */ } .single-post .featuredImageStrip { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a51500+0,b91205+100 */ background: #a51500; /* Old browsers */ background: -moz-linear-gradient(top, rgba(165, 21, 0, 1) 0%, rgba(185, 18, 5, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(165, 21, 0, 1) 0%, rgba(185, 18, 5, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(165, 21, 0, 1) 0%, rgba(185, 18, 5, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a51500', endColorstr='#b91205',GradientType=0); /* IE6-9 */ height: 320px !important; position: relative; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .single-post .featuredImageStrip:after { content: ''; position: absolute; bottom: 5px; left: 0; right: 5px; top: 0; background-image: url('https://cdn.realsmart.co.uk/889bf1be8ce96e4bba59050105a99df2/uploads/2019/03/block-bg-04.png'); background-position: right bottom; background-size: 55px 150px; background-repeat: no-repeat; } .single-post .featuredImageStrip .featuredImageStripTitle { background-color: transparent; border-left: solid 5px #f7bc2b; } .single-post .featuredImageStrip .featuredImageStripTitle h1 { color: #fff; font-weight: 700 !important; text-transform: uppercase; font-size: 36px; } @media screen and (max-width: 991px) { .single-post .featuredImageStrip .featuredImageStripTitle h1 { font-size: 18px !important; } } /* --- category featured image strip and feed style --- */ .category, .search-no-results { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a51500+0,b91205+100 */ } .category .featuredImageStrip, .search-no-results .featuredImageStrip { background: #a51500; /* Old browsers */ background: -moz-linear-gradient(top, rgba(165, 21, 0, 1) 0%, rgba(185, 18, 5, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(165, 21, 0, 1) 0%, rgba(185, 18, 5, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(165, 21, 0, 1) 0%, rgba(185, 18, 5, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a51500', endColorstr='#b91205',GradientType=0); /* IE6-9 */ height: 320px !important; position: relative; } .category .featuredImageStrip:after, .search-no-results .featuredImageStrip:after { content: ''; position: absolute; bottom: 5px; left: 0; right: 5px; top: 0; background-image: url('https://cdn.realsmart.co.uk/889bf1be8ce96e4bba59050105a99df2/uploads/2019/03/block-bg-04.png'); background-position: right bottom; background-size: 55px 150px; background-repeat: no-repeat; } .category .featuredImageStrip .featuredImageStripTitle, .search-no-results .featuredImageStrip .featuredImageStripTitle { background-color: transparent; border-left: solid 5px #f7bc2b; } .category .featuredImageStrip .featuredImageStripTitle h1, .search-no-results .featuredImageStrip .featuredImageStripTitle h1 { color: #fff; font-weight: 700 !important; text-transform: uppercase; font-size: 36px; } @media screen and (max-width: 991px) { .category .featuredImageStrip .featuredImageStripTitle h1, .search-no-results .featuredImageStrip .featuredImageStripTitle h1 { font-size: 18px !important; } } .category .postImage { display: none; } /*-- breadcrumbs -- */ .breadcrumbNav { color: #b51a1e; } .breadcrumbNav a { color: #242323 !important; } /* --- Sidebar Styles --- */ /* --- hide the random google cal embed --- */ #secondary .google_doc_embed { display: none; } /* --- Sidebar --- */ #secondary .widget-title { background-color: #f7bc2b; border-left: none; margin: 0; padding: 15px; color: #fff; } #secondary .widget-title a { color: #fff; } #secondary ul li { margin-bottom: 0; } #secondary ul li a { display: block; color: #3c3c3b; background-color: #f5f5f5; padding: 15px; position: relative; font-weight: 600; border-bottom: solid 1px #e4e3e3; text-decoration: none; transition: all 0.5s ease; } #secondary ul li a:hover { background-color: #fff; transition: all 0.5s ease; } #secondary ul li a:after { content: "\f054"; font-family: FontAwesome; position: absolute; right: 10px; } #secondary .widget_subpages ul li { margin-bottom: 0; } #secondary .widget_subpages ul li a { display: block; color: #3c3c3b; background-color: #f5f5f5; padding: 15px; position: relative; font-weight: 600; border-bottom: solid 1px #e4e3e3; text-decoration: none; transition: all 0.5s ease; } #secondary .widget_subpages ul li a:hover { background-color: #fff; transition: all 0.5s ease; } #secondary .widget_subpages ul li a:after { content: "\f054"; font-family: FontAwesome; position: absolute; right: 10px; } /* -- make all posts full width and remove author details --- */ .single-post #primary.col-md-9, .category #primary.col-md-9 { width: 100%; } .single-post .postDetails .entry-meta span, .category .postDetails .entry-meta span { display: none; /*&:last-of-type { display: none; }*/ } /* -- contact form style -- */ .wpcf7-form label { display: block; } .wpcf7-form label input { width: 100%; } .wpcf7-form .wpcf7-submit { background-color: #0ba861; border: none; color: #fff; font-weight: bold; padding: 5px 8px; border-radius: 35px; } /* --- Category pages have a BG image ---- */ .category .featuredImageStrip { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } /* ========================================================================== SmartPress converter overrides - added automatically during conversion. Not part of the shared Mercury theme: a fix listed here only affects sites converted after the fix was added, never retroactively changes sites already converted and live. ========================================================================== */ /* Quicklinks menu (the 'quicklinks' nav menu location, e.g. Join Us / Admissions links in the header) renders as a vertical list instead of horizontal. Mercury's header applies Bootstrap 5's '.list-inline' class to the <ul>, but BS5's '.list-inline' only affects children carrying the separate '.list-inline-item' class - wp_nav_menu() never adds that class to its <li> items, so they stay block-level and stack. v3 shipped Bootstrap 3, where '.list-inline' made every <li> inline-block directly with no extra per-item class required, so this rendered horizontally there without anyone having to think about it. */ #quicklinksMenu > li { display: inline-block; } /* Front-page split section (the 'front-page-split-section' shortcode, size_desktop/size_tablet attrs - e.g. an "upcoming events" column next to a "latest news" column) can render stacked instead of side by side. Authors pick each column's width independently and the two don't always add up to 12 (e.g. 6 + 8, seen on Mortimer Primary). Bootstrap 5's .col-lg-N/.col-md-N set flex: 0 0 auto (no shrink), so an oversized combo just wraps the second column onto its own line. v3's row had no matching col flex-basis rules, so the browser's default flex-shrink: 1 applied and mismatched columns shrank proportionally to fit instead - restore that. */ @media (min-width: 768px) { .frontPageSplit > .container > .row { flex-wrap: nowrap; } .frontPageSplitSection { flex-shrink: 1; } } /* Header search toggle misaligns against the header-social widget ('.headerMeta .headerWidgets', e.g. a social-icons widget) next to it. Mercury's global '.widget { margin: 0 0 1.5em }' (a spacing rule meant for stacked widgets in content/sidebar areas) also hits widgets rendered into headerMeta, whose parent is a flex row (align-items: center) alongside the zero-margin search toggle - the widget's bottom margin throws off that centering. Scope the reset to headerMeta only so other widget areas keep their spacing. */ .headerMeta .headerWidgets .widget { margin: 0; } /* rs-rebake-siteorigin */ /* SiteOrigin Page Builder layouts, rendered to static HTML at conversion time because SmartPress-4 has no SiteOrigin plugin. Geometry copied from v3's front-flex.css and the per-layout <style> it injects. */ .rs-panel-row { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 30px; } .rs-panels .rs-panel-widget { margin-bottom: 30px; } .rs-panels .rs-panel-widget:last-child { margin-bottom: 0; } /* v3's siteorigin-panels front-flex.css zeroes '.panel-grid-cell .widget-title { margin-top: 0 }' - its own panel wrapper classes, which this static render doesn't reproduce ('.rs-panel-cell'/'.rs-panel-widget' instead). With nothing to cancel it, the converter's global Bootstrap-3 heading restore ('h1,h2,h3 { margin-top: 20px }') wins by default and every panel widget title gains a 20px gap v3 never had (corpussfcmac's Science page: 95px -> a title clipped 20px lower, widget block 158px -> shrunk to match). */ .rs-panel-widget .widget-title { margin-top: 0; } .rs-panels img { max-width: 100%; height: auto; } /* Image-slider first frame. The plugin's base-slider CSS resets the <ul>/<li> the markup uses; without it the browser's default list padding insets the image and it renders ~56px narrow (781 -> 725). This is the minimal reset that restores full-cell width. */ .so-widget-sow-slider .sow-slider-base, .so-widget-sow-slider .sow-slider-images { margin: 0; padding: 0; } .so-widget-sow-slider .sow-slider-images { list-style: none; } .so-widget-sow-slider .sow-slider-image { margin: 0; } .so-widget-image-align-center { text-align: center; } .so-widget-image-align-right { text-align: right; } /* Baked SiteOrigin_Widget_Headline_Widget. Colour, alignment, font and size are per-instance and ride inline on the elements; only the parts of widgets/headline/styles/default.less that are the same for every instance are here. The margin collapse pair is not cosmetic: default.less ends with '*:first-child { margin-top: 0 !important }' and its last-child twin, so the heading sits flush against the top of the cell. Without them a baked headline gains the theme's own h1 margin and pushes everything below it down. The media query is v3's @headline_mobile_align / @sub_headline_mobile_align, whose LESS default is 'center'. mobile_align is absent from all 65 headline instances on the estate, so v3 centred every one of them below 780px - including the four that are left-aligned on desktop. */ .sow-headline-container .decoration { line-height: 0em; } .sow-headline-container .decoration .decoration-inside { height: 1px; display: inline-block; width: 100%; } .sow-headline-container *:first-child { margin-top: 0 !important; } .sow-headline-container *:last-child { margin-bottom: 0 !important; } @media (max-width: 780px) { .sow-headline-container .sow-headline, .sow-headline-container .sow-sub-headline, .sow-headline-container .decoration { text-align: center; } } /* Baked WP_Widget_Media_Video: native <video> for CDN mp4s, and the responsive 16:9 box the YouTube iframes sit in. */ .rs-panel-widget .wp-video, .rs-panel-widget video.wp-video-shortcode { max-width: 100%; width: 100%; height: auto; } .rs-video-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .rs-video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* Baked WP_Widget_Media_Gallery: core's column grid, floats-free. */ .rs-panel-widget .gallery { display: flex; flex-wrap: wrap; gap: 4px; } .rs-panel-widget .gallery .gallery-item { margin: 0; } .rs-panel-widget .gallery-columns-2 .gallery-item { width: calc(50% - 4px); } .rs-panel-widget .gallery-columns-3 .gallery-item { width: calc(33.33% - 4px); } .rs-panel-widget .gallery-columns-4 .gallery-item { width: calc(25% - 4px); } .rs-panel-widget .gallery img { display: block; max-width: 100%; height: auto; } @media (max-width: 780px) { .rs-panel-row { flex-direction: column; } .rs-panel-row > .rs-panel-cell { width: 100% !important; margin-right: 0; } } /* [siteorigin_widget] buttons baked to static HTML by the converter. First block is so-widgets-bundle's shared button stylesheet; the rest are v3's generated per-instance rules for the 'atom' theme, reproduced from atom.less. Every selector is under .ow-button-base or a .so-widget-sow-button-atom-<hash> class that only this converter's own markup carries, so all of it is inert on a site with no baked button. */ @import url('https://fonts.googleapis.com/css?family=Lato&display=swap'); .ow-button-base { zoom: 1; } .ow-button-base:before { content: ''; display: block; } .ow-button-base:after { content: ''; display: table; clear: both; } .ow-button-base .sowb-button { cursor: pointer; display: inline-block; line-height: 1em; text-align: center; text-decoration: none; } .ow-button-base .sowb-button .sow-icon-image, .ow-button-base .sowb-button [class^="sow-icon-"] { font-size: 1.3em; height: 1em; width: auto; margin: -0.1em .75em -0.2em -0.75em; display: block; float: left; } .ow-button-base .sowb-button .sow-icon-image { width: 1em; background-size: cover; } .ow-button-base .sowb-button.ow-icon-placement-top .sow-icon-image, .ow-button-base .sowb-button.ow-icon-placement-top [class^="sow-icon-"] { margin: 0 auto .5em; float: none; } .ow-button-base .sowb-button.ow-icon-placement-right .sow-icon-image, .ow-button-base .sowb-button.ow-icon-placement-right [class^="sow-icon-"] { margin: -0.1em -0.75em -0.2em .75em; float: right; } .ow-button-base .sowb-button.ow-icon-placement-bottom .sow-icon-image, .ow-button-base .sowb-button.ow-icon-placement-bottom [class^="sow-icon-"] { float: none; margin: .5em auto 0; } .ow-button-base .sowb-button.ow-icon-placement-bottom > span { display: flex; flex-direction: column-reverse; } .ow-button-base .sowb-button.ow-icon-placement-left .sow-icon-image, .ow-button-base .sowb-button.ow-icon-placement-left [class^="sow-icon-"] { margin: -0.1em .75em -0.2em -0.75em; float: left; } .ow-button-base.ow-button-align-left { text-align: left; } .ow-button-base.ow-button-align-right { text-align: right; } .ow-button-base.ow-button-align-center { text-align: center; } .ow-button-base.ow-button-align-justify .sowb-button { display: block; } /* Icon glyphs, from so-widgets-bundle/icons/fontawesome/style.css. The face is remapped: v3 loads its own bundled 'sow-fontawesome-free' (FA6), which SmartPress-4 does not ship, but Mercury already loads FontAwesome 4 from realsmart-core on every page, and arrow-left - the only icon any button on the estate uses - is U+F060 in both. Without these two rules the glyph span is present but renders at zero width, which shortens the button by 24px. */ .sow-icon-fontawesome { display: inline-block; speak: none; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sow-icon-fontawesome[data-sow-icon]:before { content: attr(data-sow-icon); } .ow-button-base .sowb-button .sow-fa, .ow-button-base .sowb-button .sow-far, .ow-button-base .sowb-button .sow-fas { font-family: 'FontAwesome'; font-style: normal !important; } @media (max-width: 780px) { .so-widget-sow-button-atom-36aeb157f6df .ow-button-base.ow-button-align-center { text-align: center; } .so-widget-sow-button-atom-36aeb157f6df .ow-button-base.ow-button-align-center.ow-button-align-justify .sowb-button { display: inline-block; } } .so-widget-sow-button-atom-36aeb157f6df .ow-button-base .sowb-button { box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065); box-sizing: border-box; background: #41a9d5; background: linear-gradient(to top, #298fba, #41a9d5); border-radius: 0.25em; border-color: #2685ad #247fa5 #227598 #247fa5; border: 1px solid; color: #ffffff !important; font-size: 1em; padding-block: 1em; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); padding-inline: 2em; } .so-widget-sow-button-atom-36aeb157f6df .ow-button-base .sowb-button > span { display: flex; justify-content: center; } .so-widget-sow-button-atom-36aeb157f6df .ow-button-base .sowb-button > span [class^="sow-icon-"] { font-size: 1.3em; } .so-widget-sow-button-atom-36aeb157f6df .ow-button-base .sowb-button.ow-icon-placement-right > span { flex-direction: row-reverse; } .so-widget-sow-button-atom-36aeb157f6df .ow-button-base .sowb-button.ow-icon-placement-top > span { flex-direction: column; } .so-widget-sow-button-atom-36aeb157f6df .ow-button-base .sowb-button.ow-icon-placement-bottom > span { flex-direction: column-reverse; } .so-widget-sow-button-atom-36aeb157f6df .ow-button-base .sowb-button.ow-icon-placement-left > span { align-items: start; } .so-widget-sow-button-atom-36aeb157f6df .ow-button-base .sowb-button.ow-button-hover:active, .so-widget-sow-button-atom-36aeb157f6df .ow-button-base .sowb-button.ow-button-hover:hover { background: #49add7; background: linear-gradient(to top, #2b95c2, #49add7); border-color: #52b1d9 #49add7 #3da7d4 #49add7; color: #ffffff !important; } @media (max-width: 780px) { .so-widget-sow-button-atom-032f8c8f4470 .ow-button-base.ow-button-align-center { text-align: center; } .so-widget-sow-button-atom-032f8c8f4470 .ow-button-base.ow-button-align-center.ow-button-align-justify .sowb-button { display: inline-block; } } .so-widget-sow-button-atom-032f8c8f4470 .ow-button-base .sowb-button { box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065); box-sizing: border-box; font-family: Lato; background: #41a9d5; background: linear-gradient(to top, #298fba, #41a9d5); border-radius: 0.25em; border-color: #2685ad #247fa5 #227598 #247fa5; border: 1px solid; color: #ffffff !important; font-size: 1em; padding-block: 1.8em; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); padding-inline: 2em; } .so-widget-sow-button-atom-032f8c8f4470 .ow-button-base .sowb-button > span { display: flex; justify-content: center; } .so-widget-sow-button-atom-032f8c8f4470 .ow-button-base .sowb-button > span [class^="sow-icon-"] { font-size: 1.3em; } .so-widget-sow-button-atom-032f8c8f4470 .ow-button-base .sowb-button.ow-icon-placement-right > span { flex-direction: row-reverse; } .so-widget-sow-button-atom-032f8c8f4470 .ow-button-base .sowb-button.ow-icon-placement-top > span { flex-direction: column; } .so-widget-sow-button-atom-032f8c8f4470 .ow-button-base .sowb-button.ow-icon-placement-bottom > span { flex-direction: column-reverse; } .so-widget-sow-button-atom-032f8c8f4470 .ow-button-base .sowb-button.ow-icon-placement-left > span { align-items: start; } .so-widget-sow-button-atom-032f8c8f4470 .ow-button-base .sowb-button.ow-button-hover:active, .so-widget-sow-button-atom-032f8c8f4470 .ow-button-base .sowb-button.ow-button-hover:hover { background: #49add7; background: linear-gradient(to top, #2b95c2, #49add7); border-color: #52b1d9 #49add7 #3da7d4 #49add7; color: #ffffff !important; } @media (max-width: 780px) { .so-widget-sow-button-atom-eea92a3bd934 .ow-button-base.ow-button-align-center { text-align: center; } .so-widget-sow-button-atom-eea92a3bd934 .ow-button-base.ow-button-align-center.ow-button-align-justify .sowb-button { display: inline-block; } } .so-widget-sow-button-atom-eea92a3bd934 .ow-button-base .sowb-button { box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065); box-sizing: border-box; background: #41a9d5; background: linear-gradient(to top, #298fba, #41a9d5); border-radius: 0.25em; border-color: #2685ad #247fa5 #227598 #247fa5; border: 1px solid; color: #ffffff !important; font-size: 1em; padding-block: 1em; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); padding-inline: 2em; } .so-widget-sow-button-atom-eea92a3bd934 .ow-button-base .sowb-button > span { display: flex; justify-content: center; } .so-widget-sow-button-atom-eea92a3bd934 .ow-button-base .sowb-button > span [class^="sow-icon-"] { font-size: 1.3em; } .so-widget-sow-button-atom-eea92a3bd934 .ow-button-base .sowb-button.ow-icon-placement-right > span { flex-direction: row-reverse; } .so-widget-sow-button-atom-eea92a3bd934 .ow-button-base .sowb-button.ow-icon-placement-top > span { flex-direction: column; } .so-widget-sow-button-atom-eea92a3bd934 .ow-button-base .sowb-button.ow-icon-placement-bottom > span { flex-direction: column-reverse; } .so-widget-sow-button-atom-eea92a3bd934 .ow-button-base .sowb-button.ow-icon-placement-left > span { align-items: start; } .so-widget-sow-button-atom-eea92a3bd934 .ow-button-base .sowb-button.ow-button-hover:active, .so-widget-sow-button-atom-eea92a3bd934 .ow-button-base .sowb-button.ow-button-hover:hover { background: #49add7; background: linear-gradient(to top, #2b95c2, #49add7); border-color: #52b1d9 #49add7 #3da7d4 #49add7; color: #ffffff !important; } @media (max-width: 780px) { .so-widget-sow-button-atom-14f98d6b155d .ow-button-base.ow-button-align-center { text-align: center; } .so-widget-sow-button-atom-14f98d6b155d .ow-button-base.ow-button-align-center.ow-button-align-justify .sowb-button { display: inline-block; } } .so-widget-sow-button-atom-14f98d6b155d .ow-button-base .sowb-button { box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065); box-sizing: border-box; background: #41a9d5; background: linear-gradient(to top, #298fba, #41a9d5); border-radius: 0.25em; border-color: #2685ad #247fa5 #227598 #247fa5; border: 1px solid; color: #ffffff !important; font-size: 1em; padding-block: 1em; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); padding-inline: 2em; } .so-widget-sow-button-atom-14f98d6b155d .ow-button-base .sowb-button > span { display: flex; justify-content: center; } .so-widget-sow-button-atom-14f98d6b155d .ow-button-base .sowb-button > span [class^="sow-icon-"] { font-size: 1.3em; } .so-widget-sow-button-atom-14f98d6b155d .ow-button-base .sowb-button.ow-icon-placement-right > span { flex-direction: row-reverse; } .so-widget-sow-button-atom-14f98d6b155d .ow-button-base .sowb-button.ow-icon-placement-top > span { flex-direction: column; } .so-widget-sow-button-atom-14f98d6b155d .ow-button-base .sowb-button.ow-icon-placement-bottom > span { flex-direction: column-reverse; } .so-widget-sow-button-atom-14f98d6b155d .ow-button-base .sowb-button.ow-icon-placement-left > span { align-items: start; } .so-widget-sow-button-atom-14f98d6b155d .ow-button-base .sowb-button.ow-button-hover:active, .so-widget-sow-button-atom-14f98d6b155d .ow-button-base .sowb-button.ow-button-hover:hover { background: #49add7; background: linear-gradient(to top, #2b95c2, #49add7); border-color: #52b1d9 #49add7 #3da7d4 #49add7; color: #ffffff !important; } @media (max-width: 780px) { .so-widget-sow-button-atom-33181e8bbdb4 .ow-button-base.ow-button-align-center { text-align: center; } .so-widget-sow-button-atom-33181e8bbdb4 .ow-button-base.ow-button-align-center.ow-button-align-justify .sowb-button { display: inline-block; } } .so-widget-sow-button-atom-33181e8bbdb4 .ow-button-base .sowb-button { box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065); box-sizing: border-box; background: #41a9d5; background: linear-gradient(to top, #298fba, #41a9d5); border-radius: 0.25em; border-color: #2685ad #247fa5 #227598 #247fa5; border: 1px solid; color: #ffffff !important; font-size: 1em; padding-block: 1em; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); padding-inline: 2em; } .so-widget-sow-button-atom-33181e8bbdb4 .ow-button-base .sowb-button > span { display: flex; justify-content: center; } .so-widget-sow-button-atom-33181e8bbdb4 .ow-button-base .sowb-button > span [class^="sow-icon-"] { font-size: 1.3em; } .so-widget-sow-button-atom-33181e8bbdb4 .ow-button-base .sowb-button.ow-icon-placement-right > span { flex-direction: row-reverse; } .so-widget-sow-button-atom-33181e8bbdb4 .ow-button-base .sowb-button.ow-icon-placement-top > span { flex-direction: column; } .so-widget-sow-button-atom-33181e8bbdb4 .ow-button-base .sowb-button.ow-icon-placement-bottom > span { flex-direction: column-reverse; } .so-widget-sow-button-atom-33181e8bbdb4 .ow-button-base .sowb-button.ow-icon-placement-left > span { align-items: start; } .so-widget-sow-button-atom-33181e8bbdb4 .ow-button-base .sowb-button.ow-button-hover:active, .so-widget-sow-button-atom-33181e8bbdb4 .ow-button-base .sowb-button.ow-button-hover:hover { background: #49add7; background: linear-gradient(to top, #2b95c2, #49add7); border-color: #52b1d9 #49add7 #3da7d4 #49add7; color: #ffffff !important; } @media (max-width: 780px) { .so-widget-sow-button-atom-44fe9a0817c9 .ow-button-base.ow-button-align-center { text-align: center; } .so-widget-sow-button-atom-44fe9a0817c9 .ow-button-base.ow-button-align-center.ow-button-align-justify .sowb-button { display: inline-block; } } .so-widget-sow-button-atom-44fe9a0817c9 .ow-button-base .sowb-button { box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065); box-sizing: border-box; background: #41a9d5; background: linear-gradient(to top, #298fba, #41a9d5); border-radius: 0.25em; border-color: #2685ad #247fa5 #227598 #247fa5; border: 1px solid; color: #ffffff !important; font-size: 1em; padding-block: 1em; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); padding-inline: 2em; } .so-widget-sow-button-atom-44fe9a0817c9 .ow-button-base .sowb-button > span { display: flex; justify-content: center; } .so-widget-sow-button-atom-44fe9a0817c9 .ow-button-base .sowb-button > span [class^="sow-icon-"] { font-size: 1.3em; } .so-widget-sow-button-atom-44fe9a0817c9 .ow-button-base .sowb-button.ow-icon-placement-right > span { flex-direction: row-reverse; } .so-widget-sow-button-atom-44fe9a0817c9 .ow-button-base .sowb-button.ow-icon-placement-top > span { flex-direction: column; } .so-widget-sow-button-atom-44fe9a0817c9 .ow-button-base .sowb-button.ow-icon-placement-bottom > span { flex-direction: column-reverse; } .so-widget-sow-button-atom-44fe9a0817c9 .ow-button-base .sowb-button.ow-icon-placement-left > span { align-items: start; } .so-widget-sow-button-atom-44fe9a0817c9 .ow-button-base .sowb-button.ow-button-hover:active, .so-widget-sow-button-atom-44fe9a0817c9 .ow-button-base .sowb-button.ow-button-hover:hover { background: #49add7; background: linear-gradient(to top, #2b95c2, #49add7); border-color: #52b1d9 #49add7 #3da7d4 #49add7; color: #ffffff !important; }</style> <div id="colophon"> <div class="container"> <div class="row"> <div class="col-xs-12 text-center"> <span>School website powered by</span> <a href="https://realsmart.co.uk/school-websites/"><img src="https://johnhenrynewmancatholiccollege.org.uk/themes/realsmart-mercury/public/images/realsmart-logo.2796e3.svg" alt="Realsmart Logo"></a> </div> </div> </div> </div> </footer> <noscript> <style> body { visibility: visible; } </style> </noscript> </body> </html> </html>
