1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="google-site-verification" content="qJP5wgIsjfa6D-wBDPzWMtYPKDQzPYbq7x9R80id1k8" /> 7 <meta name="msvalidate.01" content="9AA76A95F28C06DD0301DA0276D6C93B" /> 8 <link rel="icon" href="https://www.stratford.ac.uk/wp-content/themes/stratford/favicon.ico"> 9 <link rel="stylesheet" href="https://use.typekit.net/zda8bth.css" media="print" onload="this.media='all'"> 10 <noscript><link rel="stylesheet" href="https://use.typekit.net/zda8bth.css"></noscript> 11 <link rel="preload" href="https://www.stratford.ac.uk/wp-content/themes/stratford/fonts/font-awesome/fontawesome-webfont.woff" as="font" crossorigin="anonymous"> 12 <link rel="preload" href="https://www.stratford.ac.uk/wp-content/themes/stratford/fonts/font-awesome/fontawesome-webfont.woff2" as="font" crossorigin="anonymous"> 13 <link href="https://www.stratford.ac.uk/wp-content/themes/stratford/stylesheets/bootstrap.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> 14 <noscript><link href="https://www.stratford.ac.uk/wp-content/themes/stratford/stylesheets/bootstrap.css" rel="stylesheet"></noscript> 15 <style>[hidden]{display:none;}</style> 16 <style> 17 .dialog-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999998} 18 #topbar-search-dialog{ 19 z-index:9999999; 20 left: 0; 21 top: 0; 22 margin-top: 0px; 23 transform: translate(280px, 70px); 24 25 } 26 #topbar-contrast-dialog{ 27 z-index:9999999; 28 right: 0; 29 top: 0; 30 margin-top: 0px; 31 transform: translate(280px, 70px); 32 } 33 @media (max-width:1199px) { 34 #topbar-search-dialog{ 35 transform: translate(0px, 70px); 36 left:auto; 37 } 38 #topbar-contrast-dialog{ 39 transform: translate(0px, 70px); 40 left:auto; 41 } 42 } 43 44 .dialog-close{position:absolute;top:2px;right:2px; font-size:24px;line-height:1;z-index:2;background:transparent;border:0;cursor:pointer;} 45 .dialog-close .sr-only{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden} 46 .sr-only{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden} 47 .t-search-menu { 48 border:none !important; 49 outline:none !important; 50 } 51 .t-search-menu label { 52 font-size:14px !important; 53 } 54 .topbar-flex { 55 display: flex; 56 justify-content: space-between; 57 } 58 .topbar-outer .top-left-nav ul li { 59 padding:0 9px; 60 font-size:14px !important; 61 } 62 .bag-icon .bag-courn-number { 63 font-size:12px !important; 64 } 65 .b-n-btn { 66 top: auto; 67 bottom: 7px; 68 } 69 </style>
vendor: 62 bytes, lines 69-70
69 70 <script src="https://www.google.com/recaptcha/api.js?render=
706Lc5mQEVAAAAAGdeWuXPycF6RC7RXwfOLqraG7Vj
vendor: 13 bytes, lines 70-71
70"></script> 71
71<script> 72 73 grecaptcha.ready(function() { 74 grecaptcha.execute('6Lc5mQEVAAAAAGdeWuXPycF6RC7RXwfOLqraG7Vj', {action:'validate_captcha'}) 75 .then(function(token) { 76 if( document.getElementById('g-recaptcha-response') ) { 77 document.getElementById('g-recaptcha-response').value = token; 78 } 79 }); 80 }); 81 </script>
81 82 <!--<title> 83 </title>--> 84 85
85<script>var ch_site_url = 'https://www.stratford.ac.uk';</script>
85 86 87 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 88 89 <!-- This site is optimized with the Yoast SEO plugin v28.6 - https://yoast.com/product/yoast-seo-wordpress/ --> 90 <title>Stratford-upon-Avon College | 16-19 | Apprenticeships | Adult Learning</title> 91 <meta name="description" content="Stratford-upon-Avon College has apprenticeships, training courses & bespoke employment to both adults and school leavers. Join Us Today!" /> 92 <link rel="canonical" href="https://www.stratford.ac.uk/" /> 93 <meta property="og:locale" content="en_GB" /> 94 <meta property="og:type" content="website" /> 95 <meta property="og:title" content="Stratford-upon-Avon College | 16-19 | Apprenticeships | Adult Learning" /> 96 <meta property="og:description" content="Stratford-upon-Avon College has apprenticeships, training courses & bespoke employment to both adults and school leavers. Join Us Today!" /> 97 <meta property="og:url" content="https://www.stratford.ac.uk/" /> 98 <meta property="og:site_name" content="Stratford-upon-Avon College" /> 99 <meta property="article:publisher" content="https://www.facebook.com/stratforduponavoncollege/" /> 100 <meta property="article:modified_time" content="2026-09-30T11:24:14+00:00" /> 101 <meta name="twitter:card" content="summary_large_image" /> 102 <meta name="twitter:site" content="@StratfordColl" /> 103
103<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.stratford.ac.uk\/","url":"https:\/\/www.stratford.ac.uk\/","name":"Stratford-upon-Avon College | 16-19 | Apprenticeships | Adult Learning","isPartOf":{"@id":"https:\/\/www.stratford.ac.uk\/#website"},"about":{"@id":"https:\/\/www.stratford.ac.uk\/#organization"},"datePublished":"2015-03-11T15:15:10+00:00","dateModified":"2026-09-30T11:24:14+00:00","description":"Stratford-upon-Avon College has apprenticeships, training courses & bespoke employment to both adults and school leavers. Join Us Today!","breadcrumb":{"@id":"https:\/\/www.stratford.ac.uk\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.stratford.ac.uk\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.stratford.ac.uk\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.stratford.ac.uk\/#website","url":"https:\/\/www.stratford.ac.uk\/","name":"Stratford-upon-Avon College","description":"","publisher":{"@id":"https:\/\/www.stratford.ac.uk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.stratford.ac.uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.stratford.ac.uk\/#organization","name":"Stratford-upon-Avon College","url":"https:\/\/www.stratford.ac.uk\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.stratford.ac.uk\/#\/schema\/logo\/image\/","url":"https:\/\/www.stratford.ac.uk\/wp-content\/uploads\/2022\/03\/stratford-upon-avon-college-logo-00-1024.png","contentUrl":"https:\/\/www.stratford.ac.uk\/wp-content\/uploads\/2022\/03\/stratford-upon-avon-college-logo-00-1024.png","width":1020,"height":276,"caption":"Stratford-upon-Avon College"},"image":{"@id":"https:\/\/www.stratford.ac.uk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/stratforduponavoncollege\/","https:\/\/x.com\/StratfordColl","https:\/\/instagram.com\/stratforduponavoncollege\/","https:\/\/www.linkedin.com\/company\/stratford-upon-avon-college","http:\/\/www.youtube.com\/user\/stratfordcollege"]}]}</script>
103 104 <!-- / Yoast SEO plugin. --> 105 106 107<link rel='dns-prefetch' href='//maps.googleapis.com' /> 108<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.stratford.ac.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.stratford.ac.uk%2F" /> 109<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.stratford.ac.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.stratford.ac.uk%2F&format=xml" /> 110<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'> 111img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 112/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 113</style> 114<style id='wp-block-library-inline-css' type='text/css'> 115:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
115--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 116/*wp_block_styles_on_demand_placeholder:6abf6df359d68*/ 117/*# sourceURL=wp-block-library-inline-css */ 118</style> 119<style id='classic-theme-styles-inline-css' type='text/css'> 120/*! This file is auto-generated */ 121.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 122/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 123</style> 124<link rel='stylesheet' id='wp-pagenavi-css' href='https://www.stratford.ac.uk/wp-content/plugins/wp-pagenavi/css/wp-pagenavi.css' type='text/css' media='all' /> 125<link rel='stylesheet' id='borlabs-cookie-custom-css' href='https://www.stratford.ac.uk/wp-content/cache/borlabs-cookie/1/borlabs-cookie-1-en.css' type='text/css' media='all' /> 126<link rel='stylesheet' id='ubermenu-css' href='https://www.stratford.ac.uk/wp-content/plugins/ubermenu/pro/assets/css/ubermenu.min.css' type='text/css' media='all' /> 127<link rel='stylesheet' id='ubermenu-font-awesome-all-css' href='https://www.stratford.ac.uk/wp-content/plugins/ubermenu/assets/fontawesome/css/all.min.css' type='text/css' media='all' />
128<script type="text/javascript" src="https://www.stratford.ac.uk/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script>
vendor: 1 bytes, line 128
128
129<script type="text/javascript" src="https://www.stratford.ac.uk/wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script>
vendor: 1 bytes, line 129
129
130<script data-no-optimize="1" data-no-minify="1" data-cfasync="false" type="text/javascript" src="https://www.stratford.ac.uk/wp-content/cache/borlabs-cookie/1/borlabs-cookie-config-en.json.js" id="borlabs-cookie-config-js"></script>
130 131<link rel="https://api.w.org/" href="https://www.stratford.ac.uk/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.stratford.ac.uk/wp-json/wp/v2/pages/5" /> <style type="text/css" id="admin-menu-logo-css"> 132 .asenha-admin-logo .ab-item, 133 .asenha-admin-logo a { 134 line-height: 28px !important; 135 display: flex; 136 align-items: center; 137 } 138 139 .asenha-admin-logo img { 140 vertical-align: middle; 141 height: 20px !important; 142 } 143 144 @media screen and (max-width: 782px) { 145 #wpadminbar li#wp-admin-bar-asenha-admin-bar-logo { 146 display: block; 147 } 148 149 #wpadminbar li#wp-admin-bar-asenha-admin-bar-logo a { 150 display: flex; 151 margin-left: 8px; 152 } 153 } 154 </style> 155 <style id="ubermenu-custom-generated-css"> 156/** Font Awesome 4 Compatibility **/ 157.fa{font-style:normal;font-variant:normal;font-weight:normal;
157font-family:FontAwesome;} 158 159/** UberMenu Custom Menu Styles (Customizer) **/ 160/* main */ 161 .ubermenu.ubermenu-main { background:none; border:none; box-shadow:none; } 162 .ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { border:none; box-shadow:none; } 163 .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_bar, .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-full_width { left:0; } 164 .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop, .ubermenu.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop { margin-top:0; } 165 .ubermenu-main.ubermenu-transition-fade .ubermenu-item .ubermenu-submenu-drop { margin-top:0; } 166 .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { color:#ffffff; padding-left:20px !important; padding-right:20px !important; } 167 .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { color:#ffffff; } 168 .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { color:#ffffff; } 169 .ubermenu-main .ubermenu-item.ubermenu-item-level-0 > .ubermenu-highlight { color:#ffffff; } 170 .ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop { background-color:#ffffff; border:1px solid #f7f7f7; color:#686868; } 171 .ubermenu-main .ubermenu-submenu .ubermenu-highlight { color:#1e1e1e; } 172 .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { color:#0a0a0a; } 173 .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover { color:#0a0a0a; } 174 .ubermenu-main .ubermenu-submenu .ubermenu-item-header.ubermenu-current-menu-item > .ubermenu-target { color:#0a0a0a; } 175 .ubermenu-main .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target { border-bottom:1px solid #0a0a0a; } 176 177 178 179/** UberMenu Custom Tweaks (General Settings) **/ 180.ubermenu-submenu-drop {background:#fff !important;} 181/* Status: Loaded from Transient */ 182 183</style><link rel="icon" href="https://www.stratford.ac.uk/wp-content/uploads/2018/07/cropped-icon-1-150x150.png" sizes="32x32" /> 184<link rel="icon" href="https://www.stratford.ac.uk/wp-content/uploads/2018/07/cropped-icon-1-300x300.png" sizes="192x192" /> 185<link rel="apple-touch-icon" href="https://www.stratford.ac.uk/wp-content/uploads/2018/07/cropped-icon-1-300x300.png" /> 186<meta name="msapplication-TileImage" content="https://www.stratford.ac.uk/wp-content/uploads/2018/07/cropped-icon-1-300x300.png" /> 187<style id="sccss">/* Enter Your Custom CSS Here */ 188 189/* Mark Reid: do not delete this CSS or the plugin related to it. */ 190 191 192/* ----------------------- Variables ----------------------- */ 193 194/* Color Variables [STRATFORD-UPON-AVON WHITE AND PURPLE] */ 195body:not(.newFlexibleTheme) { 196 197 --mr-color-page-background-00: #ffffff; 198 --mr-color-body-text-00-starkest: #1f1f1f; /* 40% black */ 199 --mr-color-body-text-00-starker: #292929; /* 20% black */ 200 --mr-color-body-text-00: #333333; /* hue */ 201 --mr-color-body-text-00-fainter: #5c5c5c; /* 20% white */ 202 --mr-color-body-text-00-faintest: #d6d6d6; /* 80% white */ 203 --mr-color-body-text-01: #ffffff; 204 --mr-color-misc-00: #efefef; 205 --mr-color-hyperlink-00: #662382; /* 2021-11-08 */ 206 --mr-color-hyperlink-01: #561e6e; /* 2021-11-08 */ 207 208 /*--mr-color-gui-01: #f9f2f4; /* Code tag background */ 209 /*--mr-color-gui-02: #eeeeee; /* Horizontal rule (hr) border, blockquote left border. Flexible template elements: card border, */ 210 /*--mr-color-gui-03: #efefef; /* News carousel background (category page). Flexible template elements: table head background, */ 211 /*--mr-color-gui-04: #dddddd; /* Table border. Flexible template elements: tab panel border, */ 212 /*--mr-color-gui-05: #cccccc; /* Flexible template elements: accordion panel border, */ 213 214 /* 00 Purple | buttons, titles */ 215 --mr-color-00-starkest: #3d154e; /* 40% black */ 216 --mr-color-00-starker: #521c68; /* 20% black | hover active */ 217 --mr-color-00: #662382; /* hue */ 218 --mr-color-00-fainter: #854f9b; /* 20% white */
219 --mr-color-00-faintest: #e0d3e6; /* 80% white */ 220 221 --mr-color-00-transparent: #662382CC; /* hue @ 80% alpha */ 222 --mr-color-00-transparenter: #66238280; /* hue @ 50% alpha */ 223 --mr-color-00-transparentest: #66238233; /* hue @ 20% alpha */ 224 225 /* 01 Orange | feature boxes */ 226 --mr-color-01-starkest: #8e410d; /* 40% black */ 227 --mr-color-01-starker: #be5711; /* 20% black */ 228 --mr-color-01: #ED6D15; /* hue */ 229 --mr-color-01-fainter: #f18a44; /* 20% white */ 230 --mr-color-01-faintest: #fbe2d0; /* 80% white */ 231 232 --mr-color-01-transparent: #ED6D15CC; /* hue @ 80% alpha */ 233 --mr-color-01-transparenter: #ED6D1580; /* hue @ 50% alpha */ 234 --mr-color-01-transparentest: #ED6D1533; /* hue @ 20% alpha */ 235 236 /* 02 Magenta | links */ 237 --mr-color-02-starkest: #89004b; /* 40% black */ 238 --mr-color-02-starker: #b70064; /* 20% black */ 239 --mr-color-02: #E5007D; /* hue */ 240 --mr-color-02-fainter: #ea3397; /* 20% white */ 241 --mr-color-02-faintest: #facce5; /* 80% white */ 242 243 --mr-color-02-transparent: #E5007DCC; /* hue @ 80% alpha */ 244 --mr-color-02-transparenter: #E5007D80; /* hue @ 50% alpha */ 245 --mr-color-02-transparentest: #E5007D33;/* hue @ 20% alpha */ 246 247 /* 03 Blue */ 248 --mr-color-03-starkest: #58798f; /* 40% black */ 249 --mr-color-03-starker: #76a2be; /* 20% black */ 250 --mr-color-03: #93CAEE; /* hue */ 251 --mr-color-03-fainter: #a9d5f1; /* 20% white */ 252 --mr-color-03-faintest: #e9f4fc; /* 80% white */ 253 254 --mr-color-03-transparent: #93CAEECC; /* hue @ 80% alpha */ 255 --mr-color-03-transparenter: #93CAEE80; /* hue @ 50% alpha */ 256 --mr-color-03-transparentest: #93CAEE33;/* hue @ 20% alpha */ 257 258 /* 04 Green */ 259 --mr-color-04-starkest: #51722a; /* 40% black */ 260 --mr-color-04-starker: #6c9838; /* 20% black */ 261 --mr-color-04: #87BE46; /* hue */ 262 --mr-color-04-fainter: #9fcb6b; /* 20% white */ 263 --mr-color-04-faintest: #e7f2da; /* 80% white */ 264 265 --mr-color-04-transparent: #87BE46CC; /* hue @ 80% alpha */ 266 --mr-color-04-transparenter: #87BE4680; /* hue @ 50% alpha */ 267 --mr-color-04-transparentest: #87BE4633;/* hue @ 20% alpha */ 268 269 /* 05 Teal */ 270 --mr-color-05-starkest: #094d5b; /* 40% black */ 271 --mr-color-05-starker: #0c667a; /* 20% black */ 272 --mr-color-05: #0F8098; /* hue */ 273 --mr-color-05-fainter: #3f99ad; /* 20% white */ 274 --mr-color-05-faintest: #cfe6ea; /* 80% white */ 275
276 --mr-color-05-transparent: #0F8098CC; /* hue @ 80% alpha */ 277 --mr-color-05-transparenter: #0F809880; /* hue @ 50% alpha */ 278 --mr-color-05-transparentest: #0F809833;/* hue @ 20% alpha */ 279 280 /* 16-to-19 */ 281 --mr-color-1619-starkest: #3d154e; /* 40% black */ 282 --mr-color-1619-starker: #521c68; /* 20% black */ 283 --mr-color-1619: #662382; /* hue */ 284 --mr-color-1619-fainter: #854f9b; /* 20% white */ 285 --mr-color-1619-faintest: #e0d3e6; /* 80% white */ 286 287 --mr-color-1619-transparent: #662382CC; /* hue @ 80% alpha */ 288 --mr-color-1619-transparenter: #66238280; /* hue @ 50% alpha */ 289 --mr-color-1619-transparentest: #66238233;/* hue @ 20% alpha */ 290 291 /* Apprenticehip */ 292 --mr-color-apprenticeship-starkest: #3d154e; /* 40% black */ 293 --mr-color-apprenticeship-starker: #521c68; /* 20% black */ 294 --mr-color-apprenticeship: #662382; /* hue */ 295 --mr-color-apprenticeship-fainter: #854f9b; /* 20% white */ 296 --mr-color-apprenticeship-faintest: #e0d3e6; /* 80% white */ 297 298 --mr-color-apprenticeship-transparent: #662382CC; /* hue @ 80% alpha */ 299 --mr-color-apprenticeship-transparenter: #66238280; /* hue @ 50% alpha */ 300 --mr-color-apprenticeship-transparentest: #66238233;/* hue @ 20% alpha */ 301 302 /* Employer */ 303 --mr-color-employer-starkest: #51722a; /* 40% black */ 304 --mr-color-employer-starker: #6c9838; /* 20% black */ 305 --mr-color-employer: #87BE46; /* hue */ 306 --mr-color-employer-fainter: #9fcb6b; /* 20% white */ 307 --mr-color-employer-faintest: #e7f2da; /* 80% white */ 308 309 --mr-color-employer-transparent: #87BE46CC; /* hue @ 80% alpha */ 310 --mr-color-employer-transparenter: #87BE4680; /* hue @ 50% alpha */ 311 --mr-color-employer-transparentest: #87BE4633;/* hue @ 20% alpha */ 312 313 /* Management & Professional */ 314 --mr-color-professional-starkest: #8e410d; /* 40% black */ 315 --mr-color-professional-starker: #be5711; /* 20% black */ 316 --mr-color-professional: #ED6D15; /* hue */ 317 --mr-color-professional-fainter: #f18a44; /* 20% white */ 318 --mr-color-professional-faintest: #fbe2d0; /* 80% white */ 319 320 --mr-color-professional-transparent: #ED6D15CC; /* hue @ 80% alpha */ 321 --mr-color-professional-transparenter: #ED6D1580; /* hue @ 50% alpha */ 322 --mr-color-professional-transparentest: #ED6D1533;/* hue @ 20% alpha */ 323 324 /* Part Time */ 325 --mr-color-part-time-starkest: #8e410d; /* 40% black */ 326 --mr-color-part-time-starker: #be5711; /* 20% black */ 327 --mr-color-part-time: #ED6D15; /* hue */ 328 --mr-color-part-time-fainter: #f18a44; /* 20% white */ 329 --mr-color-part-time-faintest: #fbe2d0; /* 80% white */ 330 331 --mr-color-part-time-transparent: #ED6D15CC; /* hue @ 80% alpha */ 332 --mr-color-part-time-transparenter: #ED6D1580; /* hue @ 50% alpha */ 333 --mr-color-part-time-transparentest: #ED6D1533;/* hue @ 20% alpha */ 334 335 /* University */ 336 --mr-color-university-starkest: #89004b; /* 40% black */ 337 --mr-color-university-starker: #b70064; /* 20% black */ 338 --mr-color-university: #E5007D; /* hue */ 339 --mr-color-university-fainter: #ea3397; /* 20% white */ 340 --mr-color-university-faintest: #facce5; /* 80% white */ 341 342 --mr-color-university-transparent: #E5007DCC; /* hue @ 80% alpha */ 343 --mr-color-university-transparenter: #E5007D80; /* hue @ 50% alpha */ 344 --mr-color-university-transparentest: #E5007D33;/* hue @ 20% alpha */ 345 346 } 347 348 /* Color Variables [STRATFORD-UPON-AVON BLACK AND WHITE] */ 349 body.newFlexibleTheme { 350 351 --mr-color-page-background-00: #000000; 352 --mr-color-body-text-00-starkest: #f5f5f5; /* 80% white */ 353 --mr-color-body-text-00-starker: #d6d6d6; /* 20% white */ 354 --mr-color-body-text-00: #CCCCCC; /* hue */ 355 --mr-color-body-text-00-fainter: #a3a3a3; /* 20% black */ 356 --mr-color-body-text-00-faintest: #7a7a7a; /* 40% black */ 357 --mr-color-body-text-01: #000000; 358 --mr-color-misc-00: #232323; /* Flexible template elements: video element border, */ 359 --mr-color-hyperlink-00: #E5007D; /* 2021-11-08 */
360 --mr-color-hyperlink-01: #FF008C; /* 2021-11-08 */ 361 362 /* 00 White | buttons, titles */ 363 --mr-color-00-starkest: #ffffff; /* white 100% */ 364 --mr-color-00-starker: #fafafa; /* white 98% | hover active */ 365 --mr-color-00: #f5f5f5; /* hue white 96% */ 366 --mr-color-00-fainter: #848484; /* mid-point towards faintest */ 367 --mr-color-00-faintest: #232323; /* Footer Grey */ 368 369 --mr-color-00-transparent: #f5f5f5CC; /* hue @ 80% alpha */ 370 --mr-color-00-transparenter: #f5f5f580; /* hue @ 50% alpha */ 371 --mr-color-00-transparentest: #f5f5f533;/* hue @ 20% alpha */ 372 373 /* 01 Grey | feature boxes */ 374 --mr-color-01-starkest: #ffffff; /* +120% towards white */ 375 --mr-color-01-starker: #a7a7a7; /* +60% towards white */ 376 --mr-color-01: #7b7b7b; /* +40% towards white */ 377 --mr-color-01-fainter: #4f4f4f; /* +20% towards white */ 378 --mr-color-01-faintest: #232323; /* Footer Grey */ 379 380 --mr-color-01-transparent: #7b7b7bCC; /* hue @ 80% alpha */ 381 --mr-color-01-transparenter: #7b7b7b80; /* hue @ 50% alpha */ 382 --mr-color-01-transparentest: #7b7b7b33;/* hue @ 20% alpha */ 383 384 /* 02 Magenta | links */ 385 --mr-color-02-starkest: #facce5; /* 80% white */ 386 --mr-color-02-starker: #ea3397; /* 20% white */ 387 --mr-color-02: #E5007D; /* hue */ 388 --mr-color-02-fainter: #b70064; /* 20% black */ 389 --mr-color-02-faintest: #89004b; /* 40% black */ 390 391 --mr-color-02-transparent: #E5007DCC; /* hue @ 80% alpha */ 392 --mr-color-02-transparenter: #E5007D80; /* hue @ 50% alpha */ 393 --mr-color-02-transparentest: #E5007D33;/* hue @ 20% alpha */ 394 395 /* 03 Blue */ 396 --mr-color-03-starkest: #e9f4fc; /* 80% white */ 397 --mr-color-03-starker: #a9d5f1; /* 20% white */ 398 --mr-color-03: #93CAEE; /* hue */ 399 --mr-color-03-fainter: #76a2be; /* 20% black */ 400 --mr-color-03-faintest: #58798f; /* 40% black */ 401 402 --mr-color-03-transparent: #93CAEECC; /* hue @ 80% alpha */ 403 --mr-color-03-transparenter: #93CAEE80; /* hue @ 50% alpha */ 404 --mr-color-03-transparentest: #93CAEE33;/* hue @ 20% alpha */ 405 406 /* 04 Green */ 407 --mr-color-04-starkest: #e7f2da; /* 80% white */ 408 --mr-color-04-starker: #9fcb6b; /* 20% white */ 409 --mr-color-04: #87BE46; /* hue */ 410 --mr-color-04-fainter: #6c9838; /* 20% black */ 411 --mr-color-04-faintest: #51722a; /* 40% black */ 412 413 --mr-color-04-transparent: #87BE46CC; /* hue @ 80% alpha */ 414 --mr-color-04-transparenter: #87BE4680; /* hue @ 50% alpha */ 415 --mr-color-04-transparentest: #87BE4633;/* hue @ 20% alpha */ 416 417 /* 05 Teal */ 418 --mr-color-05-starkest: #cfe6ea; /* 80% white */ 419 --mr-color-05-starker: #3f99ad; /* 20% white */ 420 --mr-color-05: #0F8098; /* hue */ 421 --mr-color-05-starkest: #0c667a; /* 20% black */ 422 --mr-color-05-starker: #094d5b; /* 40% black */ 423
424 --mr-color-05-transparent: #0F8098CC; /* hue @ 80% alpha */ 425 --mr-color-05-transparenter: #0F809880; /* hue @ 50% alpha */ 426 --mr-color-05-transparentest: #0F809833;/* hue @ 20% alpha */ 427 428 /* 16-to-19 */ 429 --mr-color-1619-starkest: #e0d3e6; /* 40% black */ 430 --mr-color-1619-starker: #854f9b; /* 20% black */ 431 --mr-color-1619: #662382; /* hue */ 432 --mr-color-1619-fainter: #521c68; /* 20% white */ 433 --mr-color-1619-faintest: #3d154e; /* 80% white */ 434 435 --mr-color-1619-transparent: #662382CC; /* hue @ 80% alpha */ 436 --mr-color-1619-transparenter: #66238280; /* hue @ 50% alpha */ 437 --mr-color-1619-transparentest: #66238233;/* hue @ 20% alpha */ 438 439 /* Apprenticehip */ 440 --mr-color-apprenticeship-starkest: #e0d3e6 ; /* 80% white */ 441 --mr-color-apprenticeship-starker: #854f9b; /* 20% white */ 442 --mr-color-apprenticeship: #662382; 443 --mr-color-apprenticeship-fainter: #521c68; /* 20% white */ 444 --mr-color-apprenticeship-faintest: #3d154e; /* 80% white */ 445 446 --mr-color-apprenticeship-transparent: #662382CC; /* hue @ 80% alpha */ 447 --mr-color-apprenticeship-transparenter: #66238280; /* hue @ 50% alpha */ 448 --mr-color-apprenticeship-transparentest: #66238233;/* hue @ 20% alpha */ 449 450 /* Employer */ 451 --mr-color-employer-starkest: #e7f2da; /* 40% black */ 452 --mr-color-employer-starker: #9fcb6b; /* 20% black */ 453 --mr-color-employer: #87BE46; /* hue */ 454 --mr-color-employer-fainter: #6c9838; /* 20% white */ 455 --mr-color-employer-faintest: #51722a; /* 80% white */ 456 457 --mr-color-employer-transparent: #87BE46CC; /* hue @ 80% alpha */ 458 --mr-color-employer-transparenter: #87BE4680; /* hue @ 50% alpha */ 459 --mr-color-employer-transparentest: #87BE4633;/* hue @ 20% alpha */ 460 461 /* Management & Professional */ 462 --mr-color-professional-starkest: #fbe2d0; /* 40% black */ 463 --mr-color-professional-starker: #f18a44; /* 20% black */ 464 --mr-color-professional: #ED6D15; /* hue */ 465 --mr-color-professional-fainter: #be5711; /* 20% white */ 466 --mr-color-professional-faintest: #8e410d; /* 80% white */ 467 468 --mr-color-professional-transparent: #ED6D15CC; /* hue @ 80% alpha */ 469 --mr-color-professional-transparenter: #ED6D1580; /* hue @ 50% alpha */ 470 --mr-color-professional-transparentest: #ED6D1533;/* hue @ 20% alpha */ 471 472 /* Part Time */ 473 --mr-color-part-time-starkest: #fbe2d0; /* 40% black */ 474 --mr-color-part-time-starker: #f18a44; /* 20% black */ 475 --mr-color-part-time: #ED6D15; /* hue */ 476 --mr-color-part-time-fainter: #be5711; /* 20% white */ 477 --mr-color-part-time-faintest: #8e410d; /* 80% white */ 478 479 --mr-color-part-time-transparent: #ED6D15CC; /* hue @ 80% alpha */ 480 --mr-color-part-time-transparenter: #ED6D1580; /* hue @ 50% alpha */ 481 --mr-color-part-time-transparentest: #ED6D1533;/* hue @ 20% alpha */ 482 483 /* University */ 484 --mr-color-university-starkest: #facce5; /* 40% black */ 485 --mr-color-university-starker: #ea3397; /* 20% black */ 486 --mr-color-university: #E5007D; /* hue */ 487 --mr-color-university-fainter: #b70064; /* 20% white */ 488 --mr-color-university-faintest: #89004b; /* 80% white */ 489 490 --mr-color-university-transparent: #E5007DCC; /* hue @ 80% alpha */ 491 --mr-color-university-transparenter: #E5007D80; /* hue @ 50% alpha */ 492 --mr-color-university-transparentest: #E5007D33;/* hue @ 20% alpha */ 493 494 } 495 496 /* ----------------------- FontAwesome ----------------------- */ 497 498 .fastar:before { 499 font-family: FontAwesome; 500 content: "\f005"; 501 } 502 503 .faquestioncircle:before { 504 font-family: FontAwesome; 505 content: "\f059"; 506 } 507 508 .fabuilding:before { 509 font-family: FontAwesome; 510 content: "\f1ad"; 511 } 512 513 .fainfo:before { 514 font-family: FontAwesome; 515 content: "\f129"; 516 } 517 518 .falink:before { 519 font-family: FontAwesome; 520 content: "\f0c1"; 521 } 522 523 .facalendar:before { 524 font-family: FontAwesome; 525 content: "\f133"; 526 } 527 528 .fadocument:before { 529 font-family: FontAwesome; 530 content: "\f15b"; 531 } 532 533 .fachild:before { 534 font-family: FontAwesome; 535 content: "\f1ae"; 536 } 537 538 .fagraduationcap:before { 539 font-family: FontAwesome; 540 content: "\f19d"; 541 } 542 543 .fabriefcase:before { 544 font-family: FontAwesome; 545 content: "\f0b1"; 546 } 547 548 .fasortnumericdown:before { 549 font-family: FontAwesome; 550 content: "\f162"; 551 } 552 553 /* ----------------------- content ----------------------- */ 554 /* Removed '.container' as conflicting with header links. 2018-09-14. */
555 /* Added '.news_article_container' so as to target event pages 2018-09-17. */ 556 /* Added 'div#coursepage section#brief' so as to target demo-cat pages 2019-05-15 */ 557 /* Replaced 'main' with 'main div.flexible_content_area' to target only 'Wysiwyg Editor' element of flexible page template. 2019-05-31 */ 558 /* Added 'main div#accordion div.panel-body' to target content inside accordion tabs of flexible page template. 2019-06-07 */ 559 /* Added 'body:not(.newFlexibleTheme)' / 'body.newFlexibleTheme' to the beginning of various styling selectors to differentiate targeting new/dark/perfomring-arts theme. 2019-07-09 */ 560 /* Added css quotes property + q element 2024-10-14 */ 561 562 /* tiktok embeds are causing scrolling in 2 dimensions on small screen sizes (added 2026-09-03) */ 563 .tiktok-embed { 564 min-width: 0px !important; 565 padding: 0px !important; 566 margin: 0px !important; 567 border: 0px !important; 568 max-width: 100% !important; 569 } 570 571 /* override padding-right on all paragraph tags on an event page (Added 2019-09-02) */ 572 .news_article_container p {padding-right: 0px;} 573 574 /* quotes */ 575 div#coursepage section#brief, .news_article_container, main div.flexible_content_area, main div#accordion div.panel-body, div.event-row div.col-md-8 { 576 quotes: "â" "â" "â" "â"; 577 } 578 579 /* q */ 580 div#coursepage section#brief q, .news_article_container q, main div.flexible_content_area q, main div#accordion div.panel-body q, div.event-row div.col-md-8 q { 581 font-style: italic; 582 } 583 584 /* override no padding on last p child via bootsrap.scss:140 (Added 2019-01-30) */ 585 div#coursepage section#brief p:last-child, .news_article_container p:last-child, main div.flexible_content_area p:last-child, main div#accordion div.panel-body p:last-child, div.event-row div.col-md-8 p:last-child { 586 padding-bottom: 22px; 587 } 588 589 /* strong */ 590 div#coursepage section#brief strong, .news_article_container strong, body:not(.newFlexibleTheme) main div.flexible_content_area strong, body:not(.newFlexibleTheme) main div#accordion div.panel-body strong, div.event-row div.col-md-8 strong { 591 font-weight: bold; 592 } 593
594 /* h2 | added 2019-05-28 pending update of all h tags. */ 595 div#coursepage section#brief h2, .news_article_container h2, main div.flexible_content_area h2, main div#accordion div.panel-body h2, div.event-row div.col-md-8 h2 { 596 font-family: 'Oswald', sans-serif; 597 padding-bottom: 20px; 598 text-transform: uppercase; 599 } 600 div#coursepage section#brief h2, .news_article_container h2, body:not(.newFlexibleTheme) main div.flexible_content_area h2, body:not(.newFlexibleTheme) main div#accordion div.panel-body h2, div.event-row div.col-md-8 h2 { 601 color: #333333; /* dark grey #333333, #454545, #575757 */ 602 } 603 body.newFlexibleTheme main div.flexible_content_area h2, body.newFlexibleTheme main div#accordion div.panel-body h2 { 604 letter-spacing: 0.225em; 605 line-height: normal; 606 } 607 608 /* h3 */ 609 div#coursepage section#brief h3, .news_article_container h3, main div.flexible_content_area h3:not(.panel-title), main div#accordion div.panel-body h3, div.event-row div.col-md-8 h3 { 610 font-family: 'Oswald', sans-serif; 611 padding-bottom: 20px; 612 text-transform: uppercase; 613 } 614 div#coursepage section#brief h3, .news_article_container h3, body:not(.newFlexibleTheme) main div.flexible_content_area h3:not(.panel-title), body:not(.newFlexibleTheme) main div#accordion div.panel-body h3, div.event-row div.col-md-8 h3 { 615 color: #454545; /* dark grey #333333, #454545, #575757 */ 616 } 617 body.newFlexibleTheme main div.flexible_content_area h3, body.newFlexibleTheme main div#accordion div.panel-body h3 { 618 letter-spacing: 0.225em; 619 line-height: normal; 620 } 621 622 /* h4 */ 623 div#coursepage section#brief h4, .news_article_container h4, main div.flexible_content_area h4, main div#accordion div.panel-body h4, div.event-row div.col-md-8 h4 { 624 font-family: 'Oswald', sans-serif; 625 padding-bottom: 20px; 626 text-transform: uppercase; 627 } 628 div#coursepage section#brief h4, .news_article_container h4, body:not(.newFlexibleTheme) main div.flexible_content_area h4, body:not(.newFlexibleTheme) main div#accordion div.panel-body h4, div.event-row div.col-md-8 h4 { 629 color: #575757; /* dark grey #333333, #454545, #575757 */ 630 } 631 body.newFlexibleTheme main div.flexible_content_area h4, body.newFlexibleTheme main div#accordion div.panel-body h4 { 632 letter-spacing: 0.225em; 633 line-height: normal; 634 } 635 636 /* h5 */ 637 div#coursepage section#brief h5, .news_article_container h5, body:not(.newFlexibleTheme) main div.flexible_content_area h5, body:not(.newFlexibleTheme) main div#accordion div.panel-body h5, div.event-row div.col-md-8 h5 { 638 text-transform: capitalize; /*governors shortcode images and bios requires this for titles*/ 639 } 640 641 /* intro text / subtitle */ 642 div#coursepage section#brief .introtext, .news_article_container .introtext, main div.flexible_content_area .introtext, main div#accordion div.panel-body .introtext, div.event-row div.col-md-8 .introtext { 643 font-size:1.375em; /* 16px -> 22px */ 644 line-height:1.1; 645 font-weight:bold; 646 padding: 0px 0px 20px 0px; /* Added 2019-05-32 */ 647 } 648 div#coursepage section#brief .introtext, .news_article_container .introtext, body:not(.newFlexibleTheme) main div.flexible_content_area .introtext, body:not(.newFlexibleTheme) main div#accordion div.panel-body .introtext, div.event-row div.col-md-8 .introtext { 649 color: #454545; /* dark grey #333333, #454545, #575757 */ 650 } 651 652 /* feature text 1 */ 653 div#coursepage section#brief .FT1, .news_article_container .FT1, main div.flexible_content_area .FT1, main div#accordion div.panel-body .FT1, div.event-row div.col-md-8 .FT1 { 654 font-size:1.75em; /* 16px -> 28px */ 655 font-family: 'Oswald', sans-serif; /* Added 23/11/2018 */ 656 line-height:1.1; 657 font-weight:bold; 658 text-transform: uppercase; /* Added 23/11/2018 */ 659 padding: 0px 0px 20px 0px; /* Added 2019-05-32 */ 660 } 661 div#coursepage section#brief .FT1, .news_article_container .FT1, body:not(.newFlexibleTheme) main div.flexible_content_area .FT1, body:not(.newFlexibleTheme) main div#accordion div.panel-body .FT1, div.event-row div.col-md-8 .FT1 { 662 color: #333333; /* dark grey #333333, #454545, #575757 */ 663 } 664 body.newFlexibleTheme main div.flexible_content_area .FT1, body.newFlexibleTheme main div#accordion div.panel-body .FT1 { 665 letter-spacing: 0.225em; 666 line-height: normal; 667 } 668 669 /* feature text 2 */
670 div#coursepage section#brief .FT2, .news_article_container .FT2, main div.flexible_content_area .FT2, main div#accordion div.panel-body .FT2, div.event-row div.col-md-8 .FT2 { 671 font-size:1.375em; /* 16px -> 22px */ 672 font-family: 'Oswald', sans-serif; /* Added 23/11/2018 */ 673 line-height:1.1; 674 font-weight:bold; 675 text-transform: uppercase; 676 padding: 0px 0px 20px 0px; /* Added 2019-05-32 */ 677 } 678 div#coursepage section#brief .FT2, .news_article_container .FT2, body:not(.newFlexibleTheme) main div.flexible_content_area .FT2, body:not(.newFlexibleTheme) main div#accordion div.panel-body .FT2, div.event-row div.col-md-8 .FT2 { 679 color: #454545; /* dark grey #333333, #454545, #575757 */ 680 } 681 body.newFlexibleTheme main div.flexible_content_area .FT2, body.newFlexibleTheme main div#accordion div.panel-body .FT2 { 682 letter-spacing: 0.225em; 683 line-height: normal; 684 } 685 686 /* feature text 3 */ 687 div#coursepage section#brief .FT3, .news_article_container .FT3, main div.flexible_content_area .FT3, main div#accordion div.panel-body .FT3, div.event-row div.col-md-8 .FT3 { 688 font-size:1.125em; /* 16px -> 18px */ 689 font-family: 'Oswald', sans-serif; /* Added 23/11/2018 */ 690 line-height:1.1; 691 font-weight:bold; 692 text-transform: uppercase; /* Added 23/11/2018 */ 693 padding: 0px 0px 20px 0px; /* Added 2019-05-32 */ 694 } 695 div#coursepage section#brief .FT3, .news_article_container .FT3, body:not(.newFlexibleTheme) main div.flexible_content_area .FT3, body:not(.newFlexibleTheme) main div#accordion div.panel-body .FT3, div.event-row div.col-md-8 .FT3 { 696 color: #575757; /* dark grey #333333, #454545, #575757 */ 697 } 698 body.newFlexibleTheme main div.flexible_content_area .FT3, body.newFlexibleTheme main div#accordion div.panel-body .FT3 { 699 letter-spacing: 0.225em; 700 line-height: normal; 701 } 702 703 704 /* feature divs */ 705 706 div.fdmr { /* rounded corner background and padding added */ 707 padding: 20px; /*3%;*/ 708 border-radius: 3px; 709 } 710 711 .blurmr { 712 /* The element or its background must be transparent. */ 713 -webkit-backdrop-filter: blur(10px) saturate(180%); 714 backdrop-filter: blur(10px) saturate(180%); 715 } 716 717 div.fdmr > p:last-child { 718 padding-bottom: 0px !important; 719 } 720 721 div.fdmr0 { 722 /*background-image: url('xxx.jpg');*/ 723 background-repeat: repeat; 724 background-position: center; 725 background-size: cover; 726 } 727 728 body:not(.newFlexibleTheme) div.fdmr1 { 729 background-color: var(--mr-color-00-faintest) !important; /* light purple */ 730 } 731 732 body:not(.newFlexibleTheme) div.fdmr2 { 733 background-color: var(--mr-color-01-faintest) !important; /* light orange */ 734 } 735 736 body.newFlexibleTheme div.fdmr1, body.newFlexibleTheme div.fdmr2 { 737 background-color: var(--mr-color-00-faintest) !important; /* grey */ 738 } 739 740 741 /* h with horizontal line after (left aligned) */ 742 743 .horizontalline { 744 overflow: hidden !important; 745 text-align: left !important; 746 } 747 748 .horizontalline:after { 749 content: "" !important; 750 display: inline-block !important; 751 height: 1px !important; 752 position: relative !important; 753 vertical-align: middle !important; 754 width: 100% !important; 755 left: 0.5em !important; 756 margin-right: -100% !important; 757 } 758 759 body:not(.newFlexibleTheme) .horizontalline:after { 760 background-color: #333333; 761 } 762 763 body.newFlexibleTheme .horizontalline:after { 764 background-color: #ffffff; 765 } 766 767 /* detail summary */ /* 2021-11-09 */ 768 769 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary, 770 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary, 771 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary, 772 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary, 773 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary { 774 display: list-item; 775 margin: 0px 0px 22px 0px; 776 text-decoration: underline; 777 text-decoration-skip-ink: auto; 778 cursor: pointer; 779 color: var(--mr-color-hyperlink-00) !important; 780 } 781 782 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:hover, 783 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_c
783ontainer details summary:hover, 784 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:hover, 785 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:hover, 786 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:hover, 787 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:focus 788 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary:focus, 789 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:focus, 790 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:focus, 791 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:focus, 792 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:active 793 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary:active, 794 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:active, 795 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:active, 796 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:active { 797 color: var(--mr-color-hyperlink-01) !important; 798 } 799 800 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary::marker, 801 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary::marker, 802 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary::marker, 803 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary::marker, 804 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary::marker { 805 color: var(--mr-color-hyperlink-00) !important; 806 } 807 808 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:hover::marker, 809 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary:hover::marker, 810 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:hover::marker, 811 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:hover::marker, 812 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:hover::marker, 813 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:focus::marker, 814 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary:focus::marker, 815 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:focus::marker, 816 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:focus::marker, 817 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:focus::marker, 818 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:active::marker, 819 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary:active::marker, 820 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:active::marker, 821 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:active::marker, 822 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:active::marker { 823 color: var(--mr-color-hyperlink-01) !important; 824 } 825 826 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary > :is(h2, h3, h4, h5, h6), 827 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary > :is(h2, h3, h4, h5, h6), 828 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary > :is(h2, h3, h4, h5, h6), 829 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_c
829ontainer details summary > :is(h2, h3, h4, h5, h6), 830 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area summary > h3:not(.panel-title), 831 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area summary > h3:not(.panel-title), 832 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary > :is(h2, h3, h4, h5, h6), 833 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary > :is(h2, h3, h4, h5, h6), 834 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary > :is(h2, h3, h4, h5, h6), 835 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary > :is(h2, h3, h4, h5, h6), 836 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary > :is(h2, h3, h4, h5, h6), 837 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary > :is(h2, h3, h4, h5, h6) { 838 display: inline-block; 839 text-decoration: inherit; 840 text-decoration-skip-ink: inherit; 841 cursor: inherit; 842 color: inherit !important; 843 } 844 845 /* detail summary as button link */ /* 2022-02-24 */ 846 847 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn, 848 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn, 849 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn, 850 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn, 851 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn, 852 details > summary.btn { 853 display: inline-block !important; 854 } 855 856 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary, 857 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary, 858 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary, 859 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary, 860 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary, 861 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary::marker, 862 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary::marker, 863 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary::marker, 864 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary::marker, 865 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary::marker, 866 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:hover, 867 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary:hover, 868 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:hover, 869 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:hover, 870 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:hover, 871 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:hover::marker, 872 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary:hover::marker, 873 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:hover::marker, 874 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:hover::marker, 875 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:hover::marker, 876 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:active, 877 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_c
877ontainer details > summary.btn.btn-primary:active, 878 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:active, 879 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:active, 880 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:active, 881 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:active::marker, 882 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary:active::marker, 883 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:active::marker, 884 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:active::marker, 885 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:active::marker, 886 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:focus, 887 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary:focus, 888 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:focus, 889 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:focus, 890 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:focus, 891 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:focus::marker, 892 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary:focus::marker, 893 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:focus::marker, 894 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:focus::marker, 895 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:focus::marker, 896 details > summary.btn.btn-primary, 897 details > summary.btn.btn-primary::marker, 898 details > summary.btn.btn-primary:hover, 899 details > summary.btn.btn-primary:hover::marker, 900 details > summary.btn.btn-primary:active, 901 details > summary.btn.btn-primary:active::marker, 902 details > summary.btn.btn-primary:focus, 903 details > summary.btn.btn-primary:focus::marker { 904 color: #ffffff !important; 905 text-decoration: none; 906 } 907 908 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn > span, 909 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn > span, 910 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn > span, 911 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn > span, 912 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn > span, 913 details > summary.btn > span { 914 color: inherit !important; 915 text-decoration: inherit; 916 } 917 918 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn > span::before, 919 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn > span::before, 920 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn > span::before, 921 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn > span::before, 922 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn > span::before, 923 details > summary.btn > span::before { 924 color: inherit !important; 925 text-decoration: inherit; 926 margin: 0px 0.3em 0px 0px; 927 font-size: 1.2em; 928 font-family: FontAwesome; 929 content: "\f0da"; 930 } 931 932 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details[open] > summary.btn > span::before, 933 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_c
933ontainer details[open] > summary.btn > span::before, 934 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details[open] > summary.btn > span::before, 935 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details[open] > summary.btn > span::before, 936 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details[open] > summary.btn > span::before, 937 details[open] > summary.btn > span::before { 938 content: "\f0d7"; 939 } 940 941 /* detail summary as accordion */ /* 2022-03-01 */ 942 div.accordionmr { 943 --mr-padding-accordion-00: 15px; /* padding for (1) (2) .detailscontentmr */ 944 --mr-margin-accordion-00: 5px; /* margin between */ 945 --mr-summary-icon-margin-accordion-00: 0.3em; /* margin left for (::after) icon */ 946 } 947 :not(.newFlexibleTheme) div.accordionmr { 948 --mr-color-accordion-00: var(--mr-color-hyperlink-00); /* open background */ 949 --mr-color-accordion-01: var(--mr-color-hyperlink-01); /* background */ 950 --mr-color-accordion-02: #cccccc; /* border */ 951 --mr-color-accordion-03: var(--mr-color-page-background-00); /* page background */ 952 } 953 .newFlexibleTheme div.accordionmr { 954 --mr-color-accordion-00: var(--mr-color-00-faintest); /* open background */ 955 --mr-color-accordion-01: var(--mr-color-00-faintest); /* background */ 956 --mr-color-accordion-02: var(--mr-color-00-faintest); /* border */ 957 --mr-color-accordion-03: var(--mr-color-page-background-00); /* page background */ 958 } 959 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details, 960 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details, 961 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details, 962 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details, 963 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details { 964 background-color: var(--mr-color-accordion-01); 965 } 966 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details:not(:first-of-type), 967 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details:not(:first-of-type), 968 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details:not(:first-of-type), 969 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details:not(:first-of-type), 970 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details:not(:first-of-type) { 971 margin: var(--mr-margin-accordion-00) 0px 0px 0px; 972 } 973 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > summary, 974 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > summary, 975 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > summary, 976 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > summary, 977 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > summary { 978 list-style-type: none; 979 padding: var(--mr-padding-accordion-00); 980 margin: 0px; 981 color: var(--mr-color-page-background-00) !important; 982 text-decoration: none; 983 font-weight: bold; 984 } 985 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details[open] > summary, 986 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details[open] > summary, 987 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details[open] > summary, 988 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details[open] > summary, 989 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details[open] > summary { 990 list-style-type: none; 991 background-color: var(--mr-color-accordion-00); 992 } 993 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > summary > span::after, 994 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_c
994ontainer div.accordionmr > details > summary > span::after, 995 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > summary > span::after, 996 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > summary > span::after, 997 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > summary > span::after { 998 font-family: FontAwesome; 999 margin: 0px 0px 0px var(--mr-summary-icon-margin-accordion-00); 1000 font-size: inherit; 1001 content: "\f13a"; 1002 float: right; 1003 } 1004 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details[open] > summary > span, 1005 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details[open] > summary > span, 1006 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details[open] > summary > span, 1007 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details[open] > summary > span, 1008 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details[open] > summary > span { 1009 list-style-type: none; 1010 background-color: var(--mr-color-accordion-00); 1011 } 1012 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details[open] > summary > span::after, 1013 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details[open] > summary > span::after, 1014 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details[open] > summary > span::after, 1015 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details[open] > summary > span::after, 1016 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details[open] > summary > span::after { 1017 content: "\f139"; 1018 } 1019 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > summary > span > p, 1020 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > summary > span > p, 1021 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > summary > span > p, 1022 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > summary > span > p, 1023 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > summary > span > p { 1024 visibility: hidden; 1025 display: none; 1026 height: 0px; 1027 width: 0px; 1028 padding-bottom: 0px; 1029 } 1030 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > summary :is(h1,h2,h3,h4,h5,h6), 1031 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > summary :is(h1,h2,h3,h4,h5,h6), 1032 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > summary :is(h1,h2,h3,h4,h5,h6), 1033 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > summary :is(h1,h2,h3,h4,h5,h6), 1034 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > summary :is(h1,h2,h3,h4,h5,h6) { 1035 display: inline; 1036 color: inherit; 1037 font-size: inherit; 1038 font-weight: inherit; 1039 text-decoration: inherit; 1040 font-family: inherit; 1041 text-transform: none; 1042 line-height: normal; 1043 padding-bottom: 0px; 1044 margin: 0px; 1045 letter-spacing: normal; 1046 } 1047 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > .detailscontentmr,/* *:nth-child(2), */ 1048 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > .detailscontentmr, 1049 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > .detailscontentmr, 1050 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > .detailscontentmr, 1051 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > .detailscontentmr { 1052 border: solid var(--mr-color-accordion-02) 1px;
1053 padding: var(--mr-padding-accordion-00); 1054 background: var(--mr-color-page-background-00) !important; 1055 max-height: 66vh; 1056 overflow-y: auto; 1057 } 1058 @media screen and (min-width: 960px) { 1059 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > .detailscontentmr,/* *:nth-child(2), */ 1060 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > .detailscontentmr, 1061 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > .detailscontentmr, 1062 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > .detailscontentmr, 1063 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > .detailscontentmr { 1064 max-height: initial; 1065 overflow-y: initial; 1066 } 1067 } 1068 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > .detailscontentmr p:last-child,/* *:nth-child(2) p:last-child, */ 1069 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > .detailscontentmr p:last-child, 1070 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > .detailscontentmr p:last-child, 1071 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > .detailscontentmr p:last-child, 1072 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > .detailscontentmr p:last-child { 1073 padding-bottom: 0px; 1074 } 1075 1076 /* abbreviation / acronym tag */ /* 2022-02-24 */ 1077 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief abbr, 1078 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container abbr, 1079 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area abbr, 1080 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body abbr, 1081 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 abbr { 1082 border-bottom: none; 1083 text-decoration: underline dotted var(--mr-color-00) 0.2em; 1084 text-decoration-skip-ink: auto; 1085 } 1086 1087 /* hyperlinks */ 1088 div#coursepage section#brief a:link:not([class]), .news_article_container a:link:not([class]), body:not(.newFlexibleTheme) main div.flexible_content_area a:link:not([class]), body:not(.newFlexibleTheme) main div#accordion div.panel-body a:link:not([class]), div.event-row div.col-md-8 a:link:not([class]) { 1089 color: var(--mr-color-hyperlink-00);/*#662382;*/ 1090 text-decoration: underline;/*none;*/ 1091 text-decoration-skip-ink: auto; 1092 } 1093 1094 div#coursepage section#brief a:visited:not([class]), .news_article_container a:visited:not([class]), body:not(.newFlexibleTheme) main div.flexible_content_area a:visited:not([class]), body:not(.newFlexibleTheme) main div#accordion div.panel-body a:visited:not([class]), div.event-row div.col-md-8 a:visited:not([class]) { 1095 color: var(--mr-color-hyperlink-00);/*#662382;*/ 1096 } 1097 1098 div#coursepage section#brief a:hover:not([class]), .news_article_container a:hover:not([class]), body:not(.newFlexibleTheme) main div.flexible_content_area a:hover:not([class]), body:not(.newFlexibleTheme) main div#accordion div.panel-body a:hover:not([class]), div.event-row div.col-md-8 a:hover:not([class]) { 1099 color: var(--mr-color-hyperlink-01);/*#561e6e;*/ 1100 } 1101 1102 div#coursepage section#brief a:active:not([class]), .news_article_container a:active:not([class]), body:not(.newFlexibleTheme) main div.flexible_content_area a:active:not([class]), body:not(.newFlexibleTheme) main div#accordion div.panel-body a:active:not([class]), div.event-row div.col-md-8 a:active:not([class]) { 1103 color: var(--mr-color-hyperlink-01);/*#561e6e;*/ 1104 } 1105 1106 /* button */ 1107 1108 .btn-primary-subtle-mr { 1109 color:#662382; 1110 background-color: rgb(255, 255, 255, 0); 1111 border-color:#662382; 1112 } 1113 1114 .btn-primary-subtle-mr:visited { 1115 color:#662382; /* removed !important 2019-08-30 */ 1116 background-color: rgb(255, 255, 255, 0); 1117 border-color:#662382; 1118 } 1119 1120 .btn-primary-subtle-mr:hover { 1121 color:#e5007d; 1122 background-color: rgb(255, 255, 255, 0); 1123 border-color:#e5007d; 1124 } 1125 1126 .btn-primary-subtle-mr:active { 1127 color:#e5007d; 1128 background-color: rgb(255, 255, 255, 0); 1129 border-color:#e5007d; 1130 } 1131 1132 1133 1134 /* Added 2021-01-18 */div#coursepage section#brief .btn, .news_article_c
1134ontainer .btn, main div.flexible_content_area .btn, main div#accordion div.panel-body .btn, div.event-row div.col-md-8 .btn { 1135 max-width:100%; 1136 overflow: hidden; 1137 white-space: nowrap; 1138 text-overflow: ellipsis; 1139 } 1140 1141 /* Added 2021-01-18 */div#coursepage section#brief .btn > span, .news_article_container .btn > span, main div.flexible_content_area .btn > span, main div#accordion div.panel-body .btn > span, div.event-row div.col-md-8 .btn > span { 1142 max-width:100%; 1143 overflow: hidden; 1144 white-space: nowrap; 1145 text-overflow: ellipsis; 1146 } 1147 1148 1149 /* images */ 1150 1151 div#coursepage section#brief img:not([class]), .news_article_container img:not([class]), main div.flexible_content_area img:not([class]), main div#accordion div.panel-body img:not([class]), div.event-row div.col-md-8 img:not([class]) { 1152 border-radius: 3px; 1153 max-height: 100%; 1154 height: auto; 1155 width: auto; /* 2022-04-12 */ 1156 aspect-ratio: attr(width) / attr(height); /* 2022-04-12 */ 1157 } 1158 1159 img.profilephotomr { 1160 border-radius: 3px; 1161 height: 212px; 1162 width: 170px; 1163 object-fit: cover; 1164 } 1165 1166 img.featureimgmr { 1167 border-radius: 3px; 1168 height: 250px; 1169 width: 100%; 1170 object-fit: cover; 1171 } 1172 1173 /* images - 'object-fit:cover; width:100%; height;100%' + responsive 'enforced aspect ratio' */ 1174 /* (Use 'object-fit:cover' to cover a div of indeterminate (%) size (height) with an image (e.g. a flexbox child div) conforming to a chosen aspect ratio.) */ 1175 1176 .imgwrappermr { 1177 height: 100%; 1178 } 1179 .imgwrappermr, .imgwrappermr169, .imgwrappermr85, .imgwrappermr43, .imgwrappermr32, .imgwrappermr11, .imgwrappermr10685 { 1180 position: relative; 1181 width: 100%; 1182 overflow: hidden; 1183 border-radius: 3px; 1184 } 1185 .imgwrappermr > img, .imgwrappermr169 > img, .imgwrappermr85 > img, .imgwrappermr43 > img, .imgwrappermr32 > img, .imgwrappermr11 > img, .imgwrappermr10685 > img { 1186 height: 100% !important; 1187 width: 100% !important; 1188 object-fit: cover !important; 1189 position: absolute !important; 1190 top: 0 !important; 1191 left: 0 !important; 1192 bottom: 0 !important; 1193 right: 0 !important; 1194 } 1195 .imgwrappermr169 {padding: 56.25% 0px 0px 0px !important; /* 16:9 Aspect Ratio */} 1196 .imgwrappermr85 {padding: 62.5% 0px 0px 0px !important; /* 8:5 Aspect Ratio */} 1197 .imgwrappermr32 {padding: 66.66% 0px 0px 0px !important; /* 3:2 Aspect Ratio */} 1198 .imgwrappermr43 {padding: 75% 0px 0px 0px !important; /* 4:3 Aspect Ratio */} 1199 .imgwrappermr11 {padding: 100% 0px 0px 0px !important; /* 1:1 Aspect Ratio */} 1200 .imgwrappermr10685 {padding: 124.7% 0px 0px 0px !important; /* 212:170|106:85 Profile Image */} 1201 1202 1203 /* white space (bottom of page) */ 1204 1205 .whitespacemr { 1206 display:block; 1207 width:100%; 1208 height:auto; 1209 margin-bottom:100px; 1210 } 1211 1212 1213 /* ***** flexbox and columns ***** */ 1214 1215 /* ** mobile 1st ** */ 1216 1217 /* flexbox */ 1218 1219 .flexparentmr { 1220 display: inline-flex; 1221 width:104%; 1222 margin-left: -2%; 1223 margin-right: -2%; 1224 flex-flow: row nowrap; /* new */ 1225 -webkit-flex-direction: column; /* new */ 1226 flex-direction: column; /* new */ 1227 justify-content: flex-start; /* children align at the top of column */ 1228 align-items:stretch; 1229 align-content: flex-start; 1230 } 1231 1232 .flexparentmrwrap { /* added 2019-05-13 */ 1233 flex-flow: row wrap; 1234 } 1235 1236 .flexchildmr:first-child { 1237 margin: 2% 2% 0% 2% 1238 } 1239 1240 .flexchildmr:not(:first-child):not(:last-child) { 1241 margin: 0% 2% 0% 2% 1242 } 1243 1244 .flexchildmr:last-child { 1245 margin: 0% 2% 2% 2% 1246 } 1247 1248 .flexchildmr.flexchildmrborder:first-child, .flexchildmr.flexchildmrborder:not(:first-child):not(:last-child), .flexchildmr.flexchildmrborder:last-child { 1249 margin: 2% 2% 2% 2%; /* added 2019-05-13 */ 1250 } 1251 1252 .flexchildmronehalf, .flexchildmronethird, .flexchildmronethird, .flexchildmrtwothird, .flexchildmronefourth, .flexchildmrtwofourth, .flexchildmrthreefourth, .flexchildmronefifth, .flexchildmrtwofifth, .flexchildmrthreefifth, .flexchildmrfourfifth, .flexchildmronesixth, .flexchildmrtwosixth, .flexchildmrthreesixth, .flexchildmrfoursixth, .flexchildmrfivesixth { 1253 flex: 1; 1254 } 1255 1256 .flexchildmronehalfwrap, 1257 .flexchildmronethirdwrap, 1258 .flexchildmronefourthwrap, 1259 .flexchildmronefifthwrap, 1260 .flexchildmronesixthwrap { 1261 flex: 0 1 calc(100% - 4%); /* The minus being gutter size */ 1262 } 1263 1264 /* .flexchildmrborder */ 1265 .flexchildmrborder { 1266 border-radius: 3px; 1267 -webkit-border-radius: 3px; 1268 padding: 20px; /*3%;*/ 1269 } 1270 body:not(.newFlexibleTheme) .flexchildmrborder { 1271 border: #eeeeee solid 1px; /* thin light grey border */ 1272 } 1273 body.newFlexibleTheme .flexchildmrborder { 1274 border: #232323 solid 1px; /* thin grey border */ 1275 } 1276 1277 /* .flexchildmrfeature */ 1278 .flexchildmrfeature { /* rounded corner background and padding added */ 1279 padding: 3%; 1280 border-radius: 3px; 1281 } 1282 body:not(.newFlexibleTheme) .flexchildmrfeature { 1283 background-color: #E0D3E6; /* light purple */ 1284 } 1285 body.newFlexibleTheme .flexchildmrfeature { 1286 background-color: #232323; /* grey */ 1287 } 1288 1289 /* .flexarray (mostly used for creating a nicely spaced array of button links.) */ 1290 .flexarraymr { 1291 display: -webkit-inline-box; 1292 display: -ms-inline-flexbox; 1293 display: inline-flex; 1294 width: 100%; 1295 -webkit-box-orient: horizontal; 1296 -webkit-box-direction: normal; 1297 -ms-flex-flow: row wrap; 1298 flex-flow: row wrap; 1299 -ms-flex-direction: row; 1300 flex-direction: row; 1301 -webkit-box-pack: start; 1302 -ms-flex-pack: start; 1303 justify-content: flex-start; 1304 -ms-flex-line-pack: start; 1305 align-content: flex-start; 1306 } 1307 .flexarraymr > * { 1308 -webkit-box-flex: 0; 1309 -ms-flex: 0 1 auto; 1310 flex: 0 1 auto; 1311 -ms-flex-item-align: auto; 1312 -ms-grid-row-align: auto; 1313 align-self: auto; 1314 margin: 0px 5px 5px 0px; 1315 } 1316 /* aligning flexarray children */ 1317 /* (mobile 1st) responsive justify-content */ 1318 .flexarraymr.flexarraycentermr, 1319 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-cntr-mr, 1320 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-strt-mr, 1321 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-rght-mr { 1322 justify-content: center !important; /* when 'justify-content: space-evenly' wraps onto a new line on mobile it can look peculiar */ 1323 } 1324 1325 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-cntr-mr, 1326 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-strt-mr, 1327 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-rght-mr { 1328 justify-content: flex-start !important; 1329 } 1330 1331 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-cntr-mr, 1332 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-strt-mr, 1333 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-rght-mr { 1334 justify-content: flex-end !important; 1335 } 1336 /* (desktop 2nd) responsive justify content ** */ 1337 /* the following styling is relevant to screen widths of 960px (~~1270px~~) or higher */ 1338 @media screen and (min-width: 960px) { 1339 1340 .flexarraymr.flexarraycentermr, 1341 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-cntr-mr, 1342 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-cntr-mr, 1343 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-cntr-mr { 1344 justify-content: space-evenly !important; 1345 } 1346 1347 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-strt-mr, 1348 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-strt-mr, 1349 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-strt-mr { 1350 justify-content: flex-start !important; 1351 } 1352 1353 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-end-mr, 1354 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-end-mr, 1355 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-end-mr { 1356 justify-content: flex-end !important; 1357 } 1358 1359 } 1360 1361 1362 /* columns */ 1363 1364 .colmr { 1365 /*-moz-column-gap: 40px;*/ 1366 /*-webkit-column-gap: 40px;*/ 1367 column-gap: clamp(0em, 2.5em, 2.5em); /*column-gap: 40px;*/ 1368 } 1369 1370 .col2mr, .col3mr, .col3mr, .col5mr { 1371 -moz-column-count: 1; 1372 -webkit-column-count: 1; 1373 column-count: 1; 1374 } 1375 1376 .avoidbreakmr { 1377 -webkit-column-break-inside: avoid; 1378 page-break-inside: avoid; 1379 -moz-column-break-inside: avoid; 1380 break-inside: avoid; 1381 } 1382 1383 /* ** desktop 2nd flexbox and columns ** */ 1384 /* the following styling is relevant to screen widths of 960px (~~1270px~~) or higher */ 1385 @media screen and (min-width: 960px) { 1386 1387 .flexparentmr { 1388 flex-direction: row; /* new */ 1389 } 1390 1391 .flexparentmr2 { 1392 flex-direction: row-reverse; /* change direct of flex to right to left */ 1393 } 1394 1395 .flexchildmr:first-child, .flexchildmr:not(:first-child):not(:last-child), .flexchildmr:last-child { 1396 margin: 2% 2% 2% 2%; 1397 } 1398 1399 .flexchildmronehalf { 1400 flex: 0.5; 1401 } 1402 1403 .flexchildmronethird, .flexchildmrtwosixth { 1404 flex: 0.333333; 1405 } 1406 1407 .flexchildmrtwothird, .flexchildmrfoursixth { 1408 flex: 0.666666; 1409 } 1410 1411 .flexchildmronefourth, .flexchildmrthreesixth { 1412 flex: 0.25; 1413 } 1414 1415 .flexchildmrtwofourth { 1416 flex: 0.5; 1417 } 1418 1419 .flexchildmrthreefourth { 1420 flex: 0.75; 1421 } 1422 1423 .flexchildmronefifth { 1424 flex: 0.2; 1425 } 1426 1427 .flexchildmrtwofifth { 1428 flex: 0.4; 1429 } 1430 1431 .flexchildmrthreefifth { 1432 flex: 0.6; 1433 } 1434 1435 .flexchildmrfourfifth { 1436 flex: 0.8; 1437 } 1438 1439 .flexchildmronesixth { 1440 flex: 0.166666; 1441 } 1442 1443 .flexchildmrfivesixth { 1444 flex: 0.833333; 1445 } 1446 1447
1448 .flexchildmronehalfwrap { /* added 2019-05-13 */ 1449 flex: 0 1 calc(50% - 4%); /* The minus being gutter size */ 1450 } 1451 1452 .flexchildmronethirdwrap { /* added 2019-07-01 */ 1453 flex: 0 1 calc(33.3333% - 4%); /* The minus being gutter size */ 1454 } 1455 1456 .flexchildmronefourthwrap { /* added 2019-11-22 */ 1457 flex: 0 1 calc(25% - 4%); /* The minus being gutter size */ 1458 } 1459 1460 .flexchildmronefifthwrap { /* added 2019-11-22 */ 1461 flex: 0 1 calc(20% - 4%); /* The minus being gutter size */ 1462 } 1463 1464 .flexchildmronesixthwrap { /* added 2019-11-22 */ 1465 flex: 0 1 calc(16.6666% - 4%); /* The minus being gutter size */ 1466 } 1467 1468 /* columns */ 1469 1470 .col2mr { 1471 -moz-column-count: 2; 1472 -webkit-column-count: 2; 1473 column-count: 2; 1474 } 1475 1476 .col3mr { 1477 -moz-column-count: 3; 1478 -webkit-column-count: 3; 1479 column-count: 3; 1480 } 1481 1482 .col4mr { 1483 -moz-column-count: 4; 1484 -webkit-column-count: 4; 1485 column-count: 4; 1486 } 1487 1488 .col5mr { 1489 -moz-column-count: 5; 1490 -webkit-column-count: 5; 1491 column-count: 5; 1492 } 1493 1494 } 1495 1496 1497 1498 /* Cards (Flexible Page Template) */ 1499 1500 /*div.card-box a img { /* flexible page template card image */ 1501 /* -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ 1502 /* filter: grayscale(100%);*/ 1503 /*}*/ 1504 1505 /*div.card-box a img:hover { /* flexible page template card image */ 1506 /* -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ 1507 /* filter: grayscale(0%);*/ 1508 /*}*/ 1509 1510 .card-content p,ul { 1511 margin-bottom: 20px; 1512 } 1513 1514 1515 /* Carousel (Flexible Page Template) */ 1516 1517 .cc-subtitle { 1518 font-weight: bold; 1519 } 1520 1521 .cc-quote { 1522 font-style: italic; 1523 } 1524 1525 /* Governors (Shortcode) */ 1526 1527 body:not(.newFlexibleTheme) .overlay { /* There's a media query where the blue color still applies unfortunately.*/ 1528 border-bottom-color: #662382 !important; 1529 } 1530 body.newFlexibleTheme .overlay { /* There's a media query where the blue color still applies unfortunately.*/ 1531 border-bottom-color: #232323 !important; 1532 } 1533 1534 /* ----------------------- Miscellaneous ----------------------- */ 1535 1536 /* */ 1537 .news_article_container iframe, main div.flexible_content_area iframe, div.event-row div.col-md-8 :not(.event-video) iframe { 1538 position: static; 1539 } 1540 1541 /* div.videoWrapper iframe */ 1542 /* Responsive div.videoWrapper requires child iframe be positioned absolutely. Added 2019-02-12. */ 1543 .news_article_container div.videoWrapper iframe, main div.flexible_content_area div.videoWrapper iframe, main div#accordion div.panel-body div.videoWrapper iframe, div.event-row div.col-md-8 div.videoWrapper iframe { 1544 position: absolute; 1545 } 1546 1547 /* Fix black bars on embedded responsive videos */ 1548 .news_article_container div.videoWrapper, 1549 main div.flexible_content_area div.videoWrapper, 1550 main div#accordion div.panel-body div.videoWrapper, 1551 div.event-row div.col-md-8 div.videoWrapper { 1552 padding-top: 0px !important; /* do not remove - see support ticket #1091 */ 1553 } 1554 1555 /* horizontal rule */ 1556 body.newFlexibleTheme main div.flexible_content_area hr, body.newFlexibleTheme main div#accordion div.panel-body hr { 1557 border-width: 3px; 1558 } 1559 1560 /* ----------------------- Full-width Div----------------------- */ 1561 1562 1563 div.fullwidthwrappermr { 1564 clear: both; /* */ 1565 width: 100%; /* */ 1566 height: auto; /* */ 1567 min-height: 1px; /* */ 1568 display: flex; /* flex centering 00 - parent */ 1569 justify-content: center; /* flex centering 00 - parent */ 1570 align-items: center; /* flex centering 00 - parent */ 1571 } 1572 1573 div.fullwidthmr { 1574 width: 100%; /* fallback if the script fails */ 1575 overflow-x: hidden; 1576 flex-shrink: 0; /* flex centering 00 - flex child that is larger than parent */ 1577 display: flex; /* flex centering 01 - parent */ 1578 justify-content: center; /* flex centering 01 - parent */ 1579 align-items: center; /* flex centering 01 - parent */ 1580 } 1581 1582 div.fullwidthimgmr { 1583 /*background-image: url("/images/x.jpg");*/ /* set in-line */ 1584 /*height: 250px;*/ /* set in-line */ 1585 background-position: center; 1586 background-repeat: no-repeat; 1587 background-size: cover; 1588 position: relative; 1589 } 1590 1591 /*@media screen and (min-width: 960px)*/ 1592 @media screen and (min-width: 960px) { 1593 .parallaxmr { 1594 background-attachment: fixed; /* fixed */ 1595 } 1596 } 1597 1598 div.mainwidthmr { 1599 display: flex; /* flex centering 02 - parent */ 1600 justify-content: center; /* flex centering 02 - parent */ 1601 align-items: center; /* flex centering 02 - parent */ 1602 } 1603 1604 /* the following styling is relevant to screen widths of 959px or lower */ 1605 /* JavaScript applies padding to .maindwidthmr equal to I override and remove it on smaller screens. */ 1606 @media screen and (max-width: 959px) { 1607 /*.mainwidthmr {*/ 1608 .mainwidthmr:has(> .fdmr:only-child) { 1609 padding: 0px !important; 1610 } 1611 /*.mainwidthmr > .fdmr {*/ 1612 .mainwidthmr:has(> .fdmr:only-child) > .fdmr { 1613 margin-left: 15px; 1614 margin-right: 15px; 1615 } 1616 } 1617 1618 div.mainwidthmr > *:only-child { 1619 width: 100%; 1620 min-width: 0; /*2026-09-29*/ 1621 } 1622 1623 div.fullwidthmr > *:only-child:not(.mainwidthmr) { 1624 width: 100%; 1625 height: 100%; 1626 } 1627 1628 1629 /* ----------------------- CTA Text to Overlay Images ----------------------- */ 1630 1631 /* Text to Overlay Images */ 1632 1633 .whiteshadowmr > h1, 1634 .whiteshadowmr > h2, 1635 .whiteshadowmr > h3, 1636 .whiteshadowmr > h4, 1637 .whiteshadowmr > h5, 1638 .whiteshadowmr > p > *:not(span), 1639 .whiteshadowmr { 1640 color: white !important; 1641 text-shadow: 2px 2px 11px #000000 !important; 1642 } 1643 1644 /* Added 2021-01-19 */ 1645 .whitemr > h1, 1646 .whitemr > h2, 1647 .whitemr > h3, 1648 .whitemr > h4, 1649 .whitemr > h5, 1650 .whitemr > p > *:not(span, a), /* *:not(span), */ 1651 .whitemr { 1652 color: white !important; 1653 } 1654 1655 /* ----------------------- CTA Button to Overlay Images ----------------------- */ 1656 1657 .whiteshadowmr .btn-primary-white-mr, 1658 .btn-primary-white-mr, 1659 .whitemr .btn-primary-white-mr { 1660 color:#333333 !important; 1661 background-color:#FFFFFF; 1662 border-color:#FFFFFF; 1663 box-shadow: 2px 2px 11px #000000; 1664 text-shadow: none !important; 1665 } 1666 1667 .whiteshadowmr .btn-primary-white-mr:visited, 1668 .btn-primary-white-mr:visited, 1669 .whitemr .btn-primary-white-mr:visited { 1670 color:#333333 !important; 1671 background-color:#FFFFFF; 1672 border-color:#FFFFFF; 1673 text-shadow: none !important; 1674 } 1675 1676 .whiteshadowmr .btn-primary-white-mr:hover, 1677 .btn-primary-white-mr:hover, 1678 .whitemr .btn-primary-white-mr:hover { 1679 color:#333333 !important; 1680 background-color:#FAFAFA; 1681 border-color:#FFFFFF; 1682 text-shadow: none !important; 1683 } 1684 1685 .whiteshadowmr .btn-primary-white-mr:active, 1686 .btn-primary-white-mr:active, 1687 .whitemr .btn-primary-white-mr:active { 1688 color:#333333 !important; 1689 background-color:#FAFAFA; 1690 border-color:#FFFFFF; 1691 text-shadow: none !important; 1692 } 1693 1694 1695 /* ----------------------- Hero Headers ----------------------- */ 1696 1697 1698 /* background hero image */ 1699 1700 div.heromr1 { 1701 padding: 3%; 1702 border-radius: 3px; 1703 /*background-image: url('xxx.jpg');*/ 1704 background-repeat: repeat; 1705 background-position: center; 1706 background-size: cover; 1707 height: 250px; 1708 display: flex; 1709 flex-direction: column; 1710 justify-content: center; 1711 overflow: hidden; 1712 } 1713 1714 1715 /* hero header container */ 1716 div.heromr2 { 1717 text-align: center; 1718 transform: rotate(-2deg); 1719 } 1720
1721 /* hero header container text | added 2019-08-16 */ 1722 .heromr2 > * { 1723 white-space: nowrap; 1724 overflow: hidden; 1725 text-overflow: ellipsis; 1726 } 1727 1728 1729 /* hero header text */ 1730 .heromr3 { 1731 /* add .whiteshadowmr */ 1732 background-color: #E5007D; /* stratford-upon-avon specific */ 1733 background-repeat: repeat; 1734 background-position: center; 1735 background-size: cover; 1736 text-align: center !important; 1737 font-size: 2em; 1738 display: inline !important; 1739 padding: 5px 10px !important; 1740 box-shadow: 5px 5px 0px 0px #360301, 0px 0px 0px 20px #ffffff, 5px 5px 0px 20px rgba(0, 0, 0, 0.33) !important; 1741 } 1742 1743 1744 /* hero header text backgrounds | for compatability with solihull specific colours */ 1745 1746 .bckgrndmr1 { 1747 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull management professional grey */ 1748 background-image: url(http://i0.wp.com/stratford.ac.uk/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* CDN problem for logged out users */ 1749 } 1750 .bckgrndmr2 { 1751 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull part time orange */ 1752 background-image: url(http://i0.wp.com/stratford.ac.uk/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* CDN problem for logged out users */ 1753 } 1754 .bckgrndmr3 { 1755 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull school leaver red */ 1756 background-image: url(http://i0.wp.com/stratford.ac.uk/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* CDN problem for logged out users */ 1757 } 1758 .bckgrndmr4 { 1759 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull apprenticeship green teal */ 1760 background-image: url(http://i0.wp.com/stratford.ac.uk/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* CDN problem for logged out users */ 1761 } 1762 .bckgrndmr5 { 1763 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull employer green */ 1764 background-image: url(http://i0.wp.com/stratford.ac.uk/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* CDN problem for logged out users */ 1765 } 1766 .bckgrndmr6 { 1767 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull higher education blue */ 1768 background-image: url(http://i0.wp.com/stratford.ac.uk/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* CDN problem for logged out users */ 1769 } 1770 1771 1772 1773 /* ----------------------- Animations ----------------------- */ 1774 1775 @keyframes slideInUp { 1776 0% { 1777 transform: translate3d(0, 500%, 0); 1778 visibility: visible 1779 } 1780 to { 1781 transform: translateZ(0) 1782 } 1783 } 1784 1785 .slideInUp { 1786 animation: slideInUp 1s; 1787 visibility: visible; 1788 } 1789 1790 /* ----------------------- Filter ----------------------- */ 1791 1792 .containermr { 1793 overflow: hidden; 1794 } 1795 1796 .filterDiv { 1797 display: none; /* Hidden by default */ 1798 /*margin: 0 0 20px 0;*/ /* fix for details summary accordion. Commented-out 2022-03-15 */ 1799 } 1800 1801 /* The "show" class is added to the filtered elements */ 1802 .showmr { 1803 display: inline-block; /* changed from 'block' */ 1804 } 1805 .accordionmr .showmr { 1806 display: block; /* fix for details summary accordion. Added 2022-03-15 */ 1807 } 1808 1809 /* Style the buttons */ 1810 .btnmr {} 1811 1812 /* Add a light grey background on mouse-over */ 1813 .btnmr:hover {} 1814 1815 /* Add a dark background to the active button */ 1816 .btnmr.activemr { 1817 background-color: #4D1A62; 1818 border: 1px solid #331241; 1819 } 1820 body.newFlexibleTheme main div.flexible_content_area .btnmr.activemr, body.newFlexibleTheme main div#accordion div.panel-body .btnmr.activemr { 1821 background-color: #232323 !important; 1822 border: 1px solid #141414 !important; 1823 color: #ffffff !important; 1824 } 1825 1826 div.containermr > div.filterDiv { 1827 width: 100%; 1828 } 1829 1830 div#myBtnContainermr button { 1831 margin: 0px 5px 5px 0px; 1832 } 1833 1834 div.containermr .btn { 1835 margin: 5px; 1836 } 1837 1838 /* ----------------------- Instagram Feed ----------------------- */ 1839
1840 /* Added 2019-06-03 */ 1841 1842 /* Mobile 1st | Instagram Feed | 3x3 */ 1843 div#instafeedmr { 1844 display: inline-flex; 1845 width: 104%; 1846 margin-left: -2%; 1847 margin-right: -2%; 1848 flex-flow: row wrap; 1849 -webkit-flex-direction: row; 1850 flex-direction: row; 1851 justify-content: flex-start; 1852 align-items: stretch; 1853 align-content: flex-start; 1854 } 1855 1856 div.instapicmr { 1857 flex: 0 1 calc(100% - 4%); /* The minus being gutter size */ 1858 margin: 2%; 1859 position: relative; 1860 padding: calc(100% - 4%) 0px 0px 0px; /* 1:1 Aspect Ratio */ 1861 } 1862 1863 div.instapicmr > img { 1864 height: 100% !important; 1865 width: 100% !important; 1866 object-fit: cover !important; 1867 border-radius: 3px; 1868 position: absolute !important; /* 1:1 Aspect Ratio */ 1869 top: 0 !important; /* 1:1 Aspect Ratio */ 1870 left: 0 !important; /* 1:1 Aspect Ratio */ 1871 bottom: 0 !important; /* 1:1 Aspect Ratio */ 1872 right: 0 !important; /* 1:1 Aspect Ratio */ 1873 } 1874 1875 div.instapicmr > a { /* +V6 */ 1876 display: block; 1877 box-sizing: border-box; 1878 height: 100% !important; 1879 width: 100% !important; 1880 position: absolute !important; /* 1:1 Aspect Ratio */ 1881 top: 0 !important; /* 1:1 Aspect Ratio */ 1882 left: 0 !important; /* 1:1 Aspect Ratio */ 1883 bottom: 0 !important; /* 1:1 Aspect Ratio */ 1884 right: 0 !important; /* 1:1 Aspect Ratio */ 1885 z-index: 99; /* +V7 */ 1886 } 1887 1888 div.instapicmr p { 1889 display: block; 1890 height: auto; 1891 overflow-y: hidden; 1892 max-height: 100%; /* +V7 */ 1893 width: 100%; 1894 font-size: 1em; 1895 position: absolute; 1896 bottom: 0%; 1897 left: 0px; 1898 z-index: 98; /* +V7 */ 1899 color: white; 1900 background-color: #0000007F; 1901 border-radius: 3px; 1902 padding: 2% 2%; 1903 margin: 0; 1904 box-sizing: border-box; 1905 visibility: hidden; 1906 opacity: 0; 1907 transition: visibility 0s, opacity 0.2s linear; 1908 } 1909 1910 div.instapicmr:hover p, div.instapicmr img:active ~ p, div.instapicmr a:active ~ p { /* +V6 */ 1911 visibility: visible; 1912 opacity: 1; 1913 } 1914 1915 /* desktop 2nd | Instagram Feed | 3x3 */ 1916 /* the following styling is relevant to screen widths of 960px (~~1270px~~) or higher */ 1917 @media screen and (min-width: 960px) { 1918 div.instapicmr { 1919 flex: 0 1 calc(33.333333% - 4%); 1920 padding: calc(33.333333% - 4%) 0px 0px 0px; /* 1:1 Aspect Ratio */ 1921 } 1922 } 1923 1924 1925 /* Added 2019-07-10 */ 1926 1927 /* Mobile 1st | Instagram Feed | 1x7 */ 1928 div#instafeed1mr { 1929 display: inline-flex; 1930 width: 100.5%; 1931 margin-left: -0.25%; 1932 margin-right: -0.25%; 1933 flex-flow: row wrap; 1934 -webkit-flex-direction: row; 1935 flex-direction: row; 1936 justify-content: flex-start; 1937 align-items: stretch; 1938 align-content: flex-start; 1939 } 1940 1941 div.instapic1mr { 1942 flex: 0 1 calc(50% - 0.5%); /* The minus being gutter size */ 1943 margin: 0.25%; 1944 position: relative; 1945 padding: calc(50% - 0.5%) 0px 0px 0px; /* 1:1 Aspect Ratio */ 1946 display: none; 1947 } 1948 1949 div.instapic1mr:nth-child(1), 1950 div.instapic1mr:nth-child(2), 1951 div.instapic1mr:nth-child(3), 1952 div.instapic1mr:nth-child(4), 1953 div.instapic1mr:nth-child(5), 1954 div.instapic1mr:nth-child(6) { 1955 display: block; 1956 } 1957 1958 div.instapic1mr > img { 1959 height: 100% !important; 1960 width: 100% !important; 1961 object-fit: cover !important; 1962 border-radius: 3px; 1963 position: absolute !important; /* 1:1 Aspect Ratio */ 1964 top: 0 !important; /* 1:1 Aspect Ratio */ 1965 left: 0 !important; /* 1:1 Aspect Ratio */ 1966 bottom: 0 !important; /* 1:1 Aspect Ratio */ 1967 right: 0 !important; /* 1:1 Aspect Ratio */ 1968 } 1969 1970 div.instapic1mr > a { /* +V6 */ 1971 display: block; 1972 box-sizing: border-box; 1973 height: 100% !important; 1974 width: 100% !important; 1975 position: absolute !important; /* 1:1 Aspect Ratio */ 1976 top: 0 !important; /* 1:1 Aspect Ratio */ 1977 left: 0 !important; /* 1:1 Aspect Ratio */ 1978 bottom: 0 !important; /* 1:1 Aspect Ratio */ 1979 right: 0 !important; /* 1:1 Aspect Ratio */ 1980 z-index: 99; /* +V7 */ 1981 } 1982 1983 div.instapic1mr p { 1984 display: block; 1985 height: auto; 1986 overflow-y: hidden; 1987 max-height: 100%; /* +V7 */ 1988 width: 100%; 1989 font-size: 1em; 1990 position: absolute; 1991 bottom: 0%; 1992 left: 0px; 1993 z-index: 98; /* +V7 */ 1994 color: white; 1995 background-color: #0000007F; 1996 border-radius: 3px; 1997 padding: 2% 2%; 1998 margin: 0; 1999 box-sizing: border-box; 2000 visibility: hidden; 2001 opacity: 0; 2002 transition: visibility 0s, opacity 0.2s linear; 2003 2004 -ms-word-break: break-all; 2005 word-break: break-all; 2006 word-break: break-word; 2007 -ms-hyphens: auto; 2008 -moz-hyphens: auto; 2009 -webkit-hyphens: auto; 2010 hyphens: auto; 2011 } 2012 2013 div.instapic1mr:hover p, div.instapic1mr img:active ~ p, div.instapic1mr a:active ~ p { /* +V6 */ 2014 visibility: visible; 2015 opacity: 1;
2016 } 2017 2018 /* desktop 2nd | Instagram Feed | 1x7 */ 2019 @media screen and (min-width: 960px) { 2020 div.instapic1mr { 2021 flex: 0 1 calc(14.28571428571429% - 0.5%); 2022 padding: calc(14.28571428571429% - 0.5%) 0px 0px 0px; /* 1:1 Aspect Ratio */ 2023 } 2024 2025 div.instapic1mr:nth-child(7) { 2026 display:block; 2027 } 2028 2029 } 2030 2031 /* ----------------------- Responsive Text-Align ----------------------- */ 2032 2033 /* ** mobile 1st responsive text-align ** */ 2034 2035 /* mobile text-align center */ 2036 .mbl-txt-cntr-mr.dsktp-txt-lft-mr, .mbl-txt-cntr-mr.dsktp-txt-cntr-mr, .mbl-txt-cntr-mr.dsktp-txt-rght-mr { 2037 text-align:center !important; 2038 } 2039 2040 /* mobile text-align left */ 2041 .mbl-txt-lft-mr.dsktp-txt-lft-mr, .mbl-txt-lft-mr.dsktp-txt-cntr-mr, .mbl-txt-lft-mr.dsktp-txt-rght-mr { 2042 text-align:left !important; 2043 } 2044 2045 /* mobile text-align right */ 2046 .mbl-txt-rght-mr.dsktp-txt-lft-mr, .mbl-txt-rght-mr.dsktp-txt-cntr-mr, .mbl-txt-rght-mr.dsktp-txt-rght-mr { 2047 text-align:right !important; 2048 } 2049 2050 /* ** desktop 2nd responsive text-align ** */ 2051 /* the following styling is relevant to screen widths of 960px (~~1270px~~) or higher */ 2052 @media screen and (min-width: 960px) { 2053 2054 /* desktop text-align center */ 2055 .mbl-txt-lft-mr.dsktp-txt-cntr-mr, .mbl-txt-cntr-mr.dsktp-txt-cntr-mr, .mbl-txt-rght-mr.dsktp-txt-cntr-mr { 2056 text-align:center !important; 2057 } 2058 2059 2060 /* desktop text-align left */ 2061 .mbl-txt-lft-mr.dsktp-txt-lft-mr, .mbl-txt-cntr-mr.dsktp-txt-lft-mr, .mbl-txt-rght-mr.dsktp-txt-lft-mr { 2062 text-align:left !important; 2063 } 2064 2065 2066 /* desktop text-align right */ 2067 .mbl-txt-lft-mr.dsktp-txt-rght-mr, .mbl-txt-cntr-mr.dsktp-txt-rght-mr, .mbl-txt-rght-mr.dsktp-txt-rght-mr { 2068 text-align:right !important; 2069 } 2070 2071 } 2072 2073 2074 /* ----------------------- Eventbrite Feed ----------------------- */ 2075 2076 /* added 2019-10-17 */ 2077 2078 #eventbritefeed0mr.eventbritecontainermr { 2079 display: inline-flex; 2080 width:104%; 2081 margin-left: -2%; 2082 margin-right: -2%; 2083 flex-flow: row wrap; 2084 -webkit-flex-direction: column; 2085 flex-direction: column; 2086 justify-content: flex-start; 2087 align-items:stretch; 2088 align-content: flex-start; 2089 } 2090 #eventbritefeed0mr.eventbritecontainermr > * { 2091 margin: 2%; 2092 flex: 0 1 calc(100% - 4%); /* The minus being gutter size */ 2093 /* --- */ 2094 border-radius: 6px 6px 6px 6px; 2095 -webkit-border-radius: 6px 6px 6px 6px; 2096 overflow: hidden; 2097 position: relative; 2098 } 2099 #eventbritefeed0mr.eventbritecontainermr > * > div, #eventbritefeed0mr.eventbritecontainermr > * > div > img { 2100 border-radius: 0px !important; 2101 } 2102 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritecontainermr > * {background-color: #662382; color: #ffffff;} 2103 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritecontainermr > *:hover, 2104 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritecontainermr > *:active {background-color: #561e6e;} 2105 2106 body.newFlexibleTheme div#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *, 2107 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *, 2108 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *, 2109 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *, 2110 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *, 2111 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > * {background-color: #ffffff !important; color: #000000 !important;} 2112 2113 body.newFlexibleTheme div#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:hover, 2114 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:hover, 2115 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:hover, 2116 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:hover, 2117 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:hover, 2118 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:hover, 2119 body.newFlexibleTheme div#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:active,
2120 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:active, 2121 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:active, 2122 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:active, 2123 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:active, 2124 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:active {background-color: #232323 !important; color: #ffffff !important;} 2125 2126 div#coursepage section#brief .eventbriteeventtitlemr, 2127 .news_article_container .eventbriteeventtitlemr, 2128 main div.flexible_content_area .eventbriteeventtitlemr, 2129 main div#accordion div.panel-body .eventbriteeventtitlemr, 2130 div.event-row div.col-md-8 .eventbriteeventtitlemr, 2131 .eventbriteeventtitlemr { 2132 padding: 10px 16px !important; 2133 font-size: 1em; 2134 } 2135 2136 body:not(.newFlexibleTheme) .eventbriteeventtitlemr {color: #ffffff !important;} 2137 2138 body.newFlexibleTheme div#coursepage section#brief .eventbriteeventtitlemr, 2139 body.newFlexibleTheme .news_article_container .eventbriteeventtitlemr, 2140 body.newFlexibleTheme main div.flexible_content_area .eventbriteeventtitlemr, 2141 body.newFlexibleTheme main div#accordion div.panel-body .eventbriteeventtitlemr, 2142 body.newFlexibleTheme div.event-row div.col-md-8 .eventbriteeventtitlemr {color: #000000 !important;} 2143 2144 body.newFlexibleTheme div#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2145 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2146 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2147 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2148 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2149 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2150 body.newFlexibleTheme div#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr, 2151 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr, 2152 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr, 2153 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr, 2154 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr, 2155 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr {color: #ffffff !important;} 2156 2157 div#coursepage section#brief p.eventbriteeventdescriptionmr, 2158 .news_article_container p.eventbriteeventdescriptionmr, 2159 main div.flexible_content_area p.eventbriteeventdescriptionmr, 2160 main div#accordion div.panel-body p.eventbriteeventdescriptionmr, 2161 div.event-row div.col-md-8 p.eventbriteeventdescriptionmr, 2162 p.eventbriteeventdescriptionmr {padding: 10px 16px !important;} 2163 2164 body.newFlexibleTheme body.newFlexibleThemediv#coursepage section#brief p.eventbriteeventdescriptionmr, 2165 body.newFlexibleTheme .news_article_container p.eventbriteeventdescriptionmr, 2166 body.newFlexibleTheme main div.flexible_content_area p.eventbriteeventdescriptionmr, 2167 body.newFlexibleTheme main div#accordion div.panel-body p.eventbriteeventdescriptionmr, 2168 body.newFlexibleTheme div.event-row div.col-md-8 p.eventbriteeventdescriptionmr, 2169 body.newFlexibleTheme p.eventbriteeventdescriptionmr {color: #000000 !important;} 2170 2171 body.newFlexibleTheme body.newFlexibleThemediv#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr,
2172 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr, 2173 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr, 2174 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr, 2175 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr, 2176 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr, 2177 body.newFlexibleTheme body.newFlexibleThemediv#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr, 2178 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr, 2179 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr, 2180 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr, 2181 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr, 2182 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr {color: #ffffff !important;} 2183 2184 p.eventbriteeventstarttimemr { 2185 position: absolute; 2186 top: 0%; 2187 left: 0%; 2188 z-index: 98; 2189 padding: 10px 16px; 2190 border-radius: 3px; 2191 font-size: 1.125em; 2192 font-weight: bold; 2193 } 2194 body:not(.newFlexibleTheme) p.eventbriteeventstarttimemr {background-color: #662382B3; color: white;} 2195 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventstarttimemr, 2196 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventstarttimemr {background-color: #561e6eB3;} 2197 body.newFlexibleTheme p.eventbriteeventstarttimemr {background-color: #ffffffB3; color: #000000 !important;} 2198 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventstarttimemr, 2199 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventstarttimemr {background-color: #232323B3; color:white !important;} 2200 2201 #eventbritefeed0mr.eventbritecontainermr > * > p.eventbriteventlinkwrappermr { 2202 display: block; 2203 width:100%; 2204 height:100%; 2205 position: absolute; 2206 top: 0%; 2207 left: 0%; 2208 z-index: 94; 2209 padding: 0px !important; /* new */ 2210 } 2211 #eventbritefeed0mr.eventbritecontainermr > * > p.eventbriteventlinkwrappermr > a.eventbriteventlinkmr { 2212 display: block; 2213 width:100%; 2214 height:100%; 2215 position: absolute; 2216 top: 0%; 2217 left: 0%; 2218 z-index: 95; 2219 } 2220 @media screen and (min-width: 960px) { 2221 #eventbritefeed0mr.eventbritecontainermr {flex-direction: row;} 2222 #eventbritefeed0mr.eventbritecontainermr > * {flex: 0 1 calc(33.3333% - 4%);} 2223 } 2224 /* In the event that there are no live events showing in the feed. */ 2225 #eventbritefeed0mr.eventbritemessagemr, 2226 #eventbritefeed0mr.eventbriteerrormessagemr { 2227 width: 100%; 2228 text-align: center; 2229 display: flex; 2230 flex-direction: column; 2231 justify-content: center; 2232 align-items: center; 2233 } 2234 2235 2236 #eventbritefeed0mr.eventbriteerrormessagemr { /* new 2019-10-22 */ 2237 position: relative 2238 } 2239 #eventbritefeed0mr.eventbriteerrormessagemr p.eventbriteventlinkwrappermr, 2240 #eventbritefeed0mr.eventbriteerrormessagemr p.eventbriteventlinkwrappermr > a.eventbriteorganiserlinkmr { /* new 2019-10-22 */ 2241 display: block; 2242 width:100%; 2243 height:100%; 2244 position: absolute; 2245 top: 0%; 2246 left: 0%; 2247 } 2248 #eventbritefeed0mr.eventbriteerrormessagemr p.eventbriteventlinkwrappermr { /* new 2019-10-22 */ 2249 padding: 0px !important; 2250 z-index: 94; 2251 } 2252 #eventbritefeed0mr.eventbriteerrormessagemr p.eventbriteventlinkwrappermr > a.eventbriteorganiserlinkmr { /* new 2019-10-22 */ 2253 z-index: 95; 2254 } 2255 2256 2257 2258 #eventbritefeed0mr.eventbritemessagemr > *:first-child, 2259 #eventbritefeed0mr.eventbriteerrormessagemr > *:first-child { 2260 font-size:3em; 2261 } 2262 #eventbritefeed0mr.eventbritemessagemr > *:nth-child(2), 2263 #eventbritefeed0mr.eventbriteerrormessagemr > *:nth-child(2) { 2264 font-size:1.85em; 2265 } 2266 @media screen and (min-width: 960px) { 2267 #eventbritefeed0mr.eventbritemessagemr > *:first-child, 2268 #eventbritefeed0mr.eventbriteerrormessagemr > *:first-child { 2269 font-size: 3.5em; 2270 } 2271 #eventbritefeed0mr.eventbritemessagemr > *:nth-child(2), 2272 #eventbritefeed0mr.eventbriteerrormessagemr > *:nth-child(2) { 2273 font-size:2.16em; 2274 } 2275 } 2276 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritemessagemr > *, 2277 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbriteerrormessagemr > * { 2278 color: #767676 !important; 2279 } 2280 body.newFlexibleTheme #eventbritefeed0mr.eventbritemessagemr > *, 2281 body.newFlexibleTheme #eventbritefeed0mr.eventbriteerrormessagemr > * { 2282 color: #cccccc !important; 2283 } 2284 2285 /* ----------------------- Testimonial ----------------------- */ 2286
2287 /* added 2019-11-06 */ 2288 2289 div.testimonialmr { 2290 padding: 0px 0px 20px; 2291 } 2292 2293 div#coursepage section#brief div.testimonialmr p.introtext, 2294 .news_article_container div.testimonialmr p.introtext, 2295 main div.flexible_content_area div.testimonialmr p.introtext, 2296 main div#accordion div.panel-body div.testimonialmr p.introtext, 2297 div.event-row div.col-md-8 div.testimonialmr p.introtext, 2298 div.testimonialmr p:last-of-type { 2299 padding: 0px !important; 2300 } 2301 2302 div.testimonialmr > div:first-of-type { 2303 position: relative; 2304 z-index: 0; 2305 } 2306 body:not(.newFlexibleTheme) div.testimonialmr > div:first-of-type { 2307 background-color: #e0d3e6; 2308 } 2309 body.newFlexibleTheme div.testimonialmr > div:first-of-type { 2310 background-color: #232323 !important; 2311 } 2312 2313 div.testimonialmr > div:first-of-type::after { 2314 content: ''; 2315 position: absolute; 2316 bottom: 0; 2317 /*left: 75%;*/ 2318 width: 0; 2319 height: 0; 2320 border: 20px solid transparent; 2321 border-bottom: 0; 2322 /*border-right: 0;*/ 2323 margin-left: -10px; 2324 margin-bottom: -20px; 2325 } 2326 body:not(.newFlexibleTheme) div.testimonialmr > div:first-of-type::after { 2327 border-top-color: #e0d3e6; 2328 } 2329 body.newFlexibleTheme div.testimonialmr > div:first-of-type::after { 2330 border-top-color: #232323 !important; 2331 } 2332 /* --- start --- */ 2333 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(odd) > div:first-of-type::after, 2334 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(even) > div:first-of-type::after { 2335 left: 75%; 2336 border-right: 0; 2337 } 2338 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(odd) > div:first-of-type::after { 2339 left: 75%; 2340 border-right: 0; 2341 } 2342 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(even) > div:first-of-type::after { 2343 left: 25%; 2344 border-left: 0; 2345 } 2346 /* --- end --- */ 2347 div.testimonialmr > div:first-of-type p { 2348 position: relative; /* new */ 2349 z-index: 2 !important; 2350 } 2351 div.testimonialmr > div:first-of-type p:first-of-type, 2352 div.testimonialmr > div:first-of-type p:last-of-type { 2353 padding: 0px; 2354 } 2355 2356 body:not(.newFlexibleTheme) div.testimonialmr > div:first-of-type i.fa { 2357 color:#6623821A; 2358 } 2359 body.newFlexibleTheme div.testimonialmr > div:first-of-type i.fa { 2360 color:#000000 !important; 2361 } 2362 div.testimonialmr > div:first-of-type i:first-of-type { 2363 position: absolute; 2364 top: 10px; 2365 left: 10px; 2366 z-index: 1; 2367 } 2368 div.testimonialmr > div:first-of-type i:last-of-type { 2369 position: absolute; 2370 bottom: 10px; 2371 right: 10px; 2372 z-index: 1; 2373 } 2374 /* --- start --- */ 2375 div.testimonialmr > div:last-of-type > * { 2376 /*text-align: right;*/ 2377 } 2378 div.testimonialmr > div:last-of-type > div { 2379 height: 46px; 2380 width: 46px; 2381 border-radius: 50%; 2382 overflow: hidden; 2383 /*float: right;*/ 2384 clear: both; 2385 text-align: center; 2386 } 2387 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(odd) > div:last-of-type > *, 2388 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(even) > div:last-of-type > * { 2389 text-align: right; 2390 } 2391 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(odd) > div:last-of-type > * { 2392 text-align: right; 2393 } 2394 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(even) > div:last-of-type > * { 2395 text-align: left; 2396 } 2397 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(odd) > div:last-of-type > div, 2398 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(even) > div:last-of-type > div { 2399 float: right; 2400 } 2401 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(odd) > div:last-of-type > div { 2402 float: right; 2403 } 2404 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(even) > div:last-of-type > div { 2405 float: left; 2406 } 2407 div.testimonialmr > div:last-of-type > div:first-of-type { 2408 text-align: center !important; 2409 } 2410 /* --- end --- */ 2411 div.testimonialmr > div:last-of-type > div > img { 2412 margin: 0 auto; 2413 float:none; 2414 } 2415 div.testimonialmr > div:last-of-type > p:first-of-type { 2416 margin: 20px 0px 0px; 2417 padding: 0px; 2418 } 2419 2420 2421 /* ----------------------- FlexBox Redesign ----------------------- */ 2422 2423 /* modified 2021-03-26 */ 2424 /* modified 2021-03-24 */
2425 /* added 2019-11-29 */ 2426 2427 2428 /* #################################### 2429 # Flex Container 2430 #################################### */ 2431 2432 /* mobile first - column - no-wrap */ 2433 .flexcontainermr { 2434 display: -webkit-box; 2435 display: -ms-flexbox; 2436 display: flex; 2437 width: 100%; 2438 gap: 20px 0px; /* https://developer.mozilla.org/en-US/docs/Web/CSS/gap https://caniuse.com/#feat=flexbox-gap */ 2439 2440 -webkit-box-align: stretch; 2441 -ms-flex-align: stretch; 2442 align-items: stretch; 2443 2444 -ms-flex-wrap: wrap; /*nowrap*/ 2445 flex-wrap: wrap; /*nowrap*/ 2446 2447 -webkit-box-pack: justify; /*start*/ 2448 -ms-flex-pack: justify; /*start*/ 2449 justify-content: space-between; /*flex-start*/ 2450 2451 -ms-flex-line-pack: justify; /*start*/ 2452 align-content: space-between; /*flex-start*/ 2453 2454 -webkit-box-orient: horizontal; /*vertical*/ 2455 -webkit-box-direction: normal; /*normal*/ 2456 -ms-flex-direction: row; /*column*/ 2457 flex-direction: row; /*column*/ 2458 } 2459 .flexcontainermr.flexcontainermrreverse { 2460 -webkit-box-orient: horizontal; /*vertical;*/ 2461 -webkit-box-direction: reverse; /*reverse;*/ 2462 -ms-flex-direction: row-reverse; /*column-reverse;*/ 2463 flex-direction: row-reverse; /*column-reverse;*/ 2464 } 2465 2466 /* mobile first - row - wrap */ 2467 .flexcontainermr.flexcontainermrforcelayout { 2468 -ms-flex-wrap: wrap; 2469 flex-wrap: wrap; 2470 2471 -webkit-box-pack: justify; 2472 -ms-flex-pack: justify; 2473 justify-content: space-between; 2474 2475 -ms-flex-line-pack: justify; 2476 align-content: space-between; 2477 2478 -webkit-box-orient: horizontal; 2479 -webkit-box-direction: normal; 2480 -ms-flex-direction: row; 2481 flex-direction: row; 2482 } 2483 .flexcontainermr.flexcontainermrreverse.flexcontainermrforcelayout { 2484 -webkit-box-orient: horizontal; 2485 -webkit-box-direction: reverse; 2486 -ms-flex-direction: row-reverse; 2487 flex-direction: row-reverse; 2488 } 2489 2490 2491 /* the following styling is relevant to screen widths of 960px or higher */ 2492 @media screen and (min-width: 960px) { 2493 /* desktop 2nd - row - wrap */ 2494 .flexcontainermr.flexcontainermrforcelayout, 2495 .flexcontainermr { 2496 -ms-flex-wrap: wrap; 2497 flex-wrap: wrap; 2498 2499 -webkit-box-pack: justify; 2500 -ms-flex-pack: justify; 2501 justify-content: space-between; 2502 2503 -ms-flex-line-pack: justify; 2504 align-content: space-between; 2505 2506 -webkit-box-orient: horizontal; 2507 -webkit-box-direction: normal; 2508 -ms-flex-direction: row; 2509 flex-direction: row; 2510 } 2511 .flexcontainermr.flexcontainermrreverse.flexcontainermrforcelayout, 2512 .flexcontainermr.flexcontainermrreverse { 2513 -webkit-box-orient: horizontal; 2514 -webkit-box-direction: reverse; 2515 -ms-flex-direction: row-reverse; 2516 flex-direction: row-reverse; 2517 } 2518 } 2519 2520 /* #################################### 2521 # Flex Item 2522 #################################### */ 2523 2524 .flexcontainermr > .flexitemmronehalf, 2525 .flexcontainermr > .flexitemmronethird, 2526 .flexcontainermr > .flexitemmrtwothird, 2527 .flexcontainermr > .flexitemmronefourth, 2528 .flexcontainermr > .flexitemmrtwofourth, 2529 .flexcontainermr > .flexitemmrthreefourth, 2530 .flexcontainermr > .flexitemmronefifth, 2531 .flexcontainermr > .flexitemmrtwofifth, 2532 .flexcontainermr > .flexitemmrthreefifth, 2533 .flexcontainermr > .flexitemmrfourfifth, 2534 .flexcontainermr > .flexitemmronesixth, 2535 .flexcontainermr > .flexitemmrtwosixth, 2536 .flexcontainermr > .flexitemmrthreesixth, 2537 .flexcontainermr > .flexitemmrfoursixth, 2538 .flexcontainermr > .flexitemmrfivesixth, 2539 .flexcontainermr > .flexitemmr { 2540 flex: 0 1 100%; 2541 min-width: 0px; /* added 2022-01-18 */ 2542 2543 & > :last-child { 2544 padding-bottom: 0px; /* added 2026-01-15 */ 2545 } 2546 } 2547 2548 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronehalf, 2549 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwofourth { 2550 flex: 0 1 50%; 2551 } 2552 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronethird, 2553 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwosixth { 2554 flex: 0 1 33.3333%; 2555 } 2556 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwothird, 2557 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfoursixth { 2558 flex: 0 1 66.6666%; 2559 } 2560 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronefourth { 2561 flex: 0 1 25%; 2562 } 2563 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrthreefourth { 2564 flex: 0 1 75%; 2565 } 2566 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronefifth { 2567 flex: 0 1 20%; 2568 } 2569 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwofifth { 2570 flex: 0 1 40%; 2571 } 2572 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrthreefifth { 2573 flex: 0 1 60%; 2574 } 2575 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfourfifth { 2576 flex: 0 1 80%; 2577 } 2578 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronesixth { 2579 flex: 0 1 16.6666%; 2580 } 2581 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfivesixth { 2582 flex: 0 1 83.3333%; 2583 } 2584 2585 2586 /* the following styling is relevant to screen widths of 960px or higher */ 2587 @media screen and (min-width: 960px) { 2588 .flexcontainermr > .flexitemmronehalf, 2589 .flexcontainermr > .flexitemmrtwofourth { 2590 flex: 0 1 50%; 2591 } 2592 .flexcontainermr > .flexitemmronethird, 2593 .flexcontainermr > .flexitemmrtwosixth { 2594 flex: 0 1 33.3333%; 2595 } 2596 .flexcontainermr > .flexitemmrtwothird, 2597 .flexcontainermr > .flexitemmrfoursixth { 2598 flex: 0 1 66.6666%; 2599 } 2600 .flexcontainermr > .flexitemmronefourth { 2601 flex: 0 1 25%; 2602 } 2603 .flexcontainermr > .flexitemmrthreefourth { 2604 flex: 0 1 75%; 2605 } 2606 .flexcontainermr > .flexitemmronefifth { 2607 flex: 0 1 20%; 2608 } 2609 .flexcontainermr > .flexitemmrtwofifth { 2610 flex: 0 1 40%; 2611 } 2612 .flexcontainermr > .flexitemmrthreefifth { 2613 flex: 0 1 60%; 2614 } 2615 .flexcontainermr > .flexitemmrfourfifth { 2616 flex: 0 1 80%; 2617 } 2618 .flexcontainermr > .flexitemmronesixth { 2619 flex: 0 1 16.6666%; 2620 } 2621 .flexcontainermr > .flexitemmrfivesixth { 2622 flex: 0 1 83.3333%; 2623 } 2624 } 2625 2626 /* ## white space between flex items */ 2627 2628 .flexcontainermr > .flexitemmronehalfmargin, 2629 .flexcontainermr > .flexitemmronethirdmargin, 2630 .flexcontainermr > .flexitemmrtwothirdmargin, 2631 .flexcontainermr > .flexitemmronefourthmargin, 2632 .flexcontainermr > .flexitemmrtwofourthmargin, 2633 .flexcontainermr > .flexitemmrthreefourthmargin, 2634 .flexcontainermr > .flexitemmronefifthmargin, 2635 .flexcontainermr > .flexitemmrtwofifthmargin, 2636 .flexcontainermr > .flexitemmrthreefifthmargin, 2637 .flexcontainermr > .flexitemmrfourfifthmargin, 2638 .flexcontainermr > .flexitemmronesixthmargin, 2639 .flexcontainermr > .flexitemmrtwosixthmargin, 2640 .flexcontainermr > .flexitemmrthreesixthmargin, 2641 .flexcontainermr > .flexitemmrfoursixthmargin, 2642 .flexcontainermr > .flexitemmrfivesixthmargin, 2643 .flexcontainermr > .flexitemmrmargin { 2644 flex: 0 1 100%; 2645 min-width: 0px; /* added 2022-01-18 */ 2646 } 2647 2648 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronehalfmargin, 2649 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwofourthmargin {
2650 flex: 0 1 calc(50% - 10px); 2651 } 2652 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronethirdmargin, 2653 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwosixthmargin { 2654 flex: 0 1 calc(33.3333% - 10px); 2655 } 2656 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwothirdmargin, 2657 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfoursixthmargin { 2658 flex: 0 1 calc(66.6666% - 10px); 2659 } 2660 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronefourthmargin { 2661 flex: 0 1 calc(25% - 10px); 2662 } 2663 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrthreefourthmargin { 2664 flex: 0 1 calc(75% - 10px); 2665 } 2666 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronefifthmargin { 2667 flex: 0 1 calc(20% - 10px); 2668 } 2669 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwofifthmargin { 2670 flex: 0 1 calc(40% - 10px); 2671 } 2672 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrthreefifthmargin { 2673 flex: 0 1 calc(60% - 10px); 2674 } 2675 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfourfifthmargin { 2676 flex: 0 1 calc(80% - 10px); 2677 } 2678 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronesixthmargin { 2679 flex: 0 1 calc(16.6666% - 10px); 2680 } 2681 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfivesixthmargin { 2682 flex: 0 1 calc(83.3333% - 10px); 2683 } 2684 2685 2686 /* the following styling is relevant to screen widths of 960px or higher */ 2687 @media screen and (min-width: 960px) { 2688 .flexcontainermr > .flexitemmronehalfmargin, 2689 .flexcontainermr > .flexitemmrtwofourthmargin { 2690 flex: 0 1 calc(50% - 10px); 2691 } 2692 .flexcontainermr > .flexitemmronethirdmargin, 2693 .flexcontainermr > .flexitemmrtwosixthmargin { 2694 flex: 0 1 calc(33.3333% - 10px); 2695 } 2696 .flexcontainermr > .flexitemmrtwothirdmargin, 2697 .flexcontainermr > .flexitemmrfoursixthmargin { 2698 flex: 0 1 calc(66.6666% - 10px); 2699 } 2700 .flexcontainermr > .flexitemmronefourthmargin { 2701 flex: 0 1 calc(25% - 10px); 2702 } 2703 .flexcontainermr > .flexitemmrthreefourthmargin { 2704 flex: 0 1 calc(75% - 10px); 2705 } 2706 .flexcontainermr > .flexitemmronefifthmargin { 2707 flex: 0 1 calc(20% - 10px); 2708 } 2709 .flexcontainermr > .flexitemmrtwofifthmargin { 2710 flex: 0 1 calc(40% - 10px); 2711 } 2712 .flexcontainermr > .flexitemmrthreefifthmargin { 2713 flex: 0 1 calc(60% - 10px); 2714 } 2715 .flexcontainermr > .flexitemmrfourfifthmargin { 2716 flex: 0 1 calc(80% - 10px); 2717 } 2718 .flexcontainermr > .flexitemmronesixthmargin { 2719 flex: 0 1 calc(16.6666% - 10px); 2720 } 2721 .flexcontainermr > .flexitemmrfivesixthmargin { 2722 flex: 0 1 calc(83.3333% - 10px); 2723 } 2724 } 2725 2726 2727 2728 /* ----------------------- Tags ----------------------- */ 2729 2730 /* added 2021-01-13 */ 2731 2732 .tagmr { 2733 border-radius: 3px 0 0 3px; 2734 display: inline-block; 2735 height: 26px; 2736 line-height: 26px; 2737 padding: 0px 20px 0px 23px; 2738 position: relative; 2739 margin: 0px 0px 0px 0px; /* no margin between successive tags */ 2740 text-decoration: none; 2741 } 2742 body:not(.newFlexibleTheme) .tagmr { 2743 background: #662382; /* purple */ 2744 color: #ffffff; /* white */ 2745 } 2746 body.newFlexibleTheme main div.flexible_content_area .tagmr, body.newFlexibleTheme main div#accordion div.panel-body .tagmr{ 2747 background: white !important; /* white */ 2748 color: black !important; /* black */ 2749 } 2750 2751 2752 2753 .tagmr::before { 2754 border-radius: 10px; 2755 content: ''; 2756 height: 6px; 2757 left: 10px; 2758 position: absolute; 2759 width: 6px; 2760 top: 10px; 2761 } 2762 body:not(.newFlexibleTheme) .tagmr::before { 2763 background: white; /* white (colour of page background) */ 2764 } 2765 body.newFlexibleTheme main div.flexible_content_area .tagmr::before, body.newFlexibleTheme main div#accordion div.panel-body .tagmr::before { 2766 background: black !important; /* black (colour of page background) */ 2767 } 2768 2769 2770 2771 .tagmr::after { 2772 border-bottom: 13px solid transparent;
2773 border-top: 13px solid transparent; 2774 content: ''; 2775 position: absolute; 2776 right: 0; 2777 top: 0; 2778 } 2779 body:not(.newFlexibleTheme) .tagmr::after { 2780 background: #ffffff; 2781 border-left: 10px solid #662382; /*purple;*/ 2782 } 2783 2784 body.newFlexibleTheme main div.flexible_content_area .tagmr::after, body.newFlexibleTheme main div#accordion div.panel-body .tagmr::after { 2785 background: black; /* black new */ 2786 border-left: 10px solid white !important; /* white */ 2787 } 2788 2789 2790 2791 .tagmr:hover { 2792 } 2793 body:not(.newFlexibleTheme) .tagmr:hover { 2794 background-color: #561e6e; /* dark purple */ 2795 color: white; /* white */ 2796 } 2797 body.newFlexibleTheme main div.flexible_content_area .tagmr:hover, body.newFlexibleTheme main div#accordion div.panel-body .tagmr:hover { 2798 background-color: #232323 !important; /* dark grey */ 2799 color: white !important; /* white */ 2800 } 2801 2802 2803 2804 .tagmr:hover::after { 2805 } 2806 body:not(.newFlexibleTheme) .tagmr:hover::after { 2807 border-left-color: #561e6e; /* dark purple */ 2808 } 2809 body.newFlexibleTheme main div.flexible_content_area .tagmr:hover::after, body.newFlexibleTheme main div#accordion div.panel-body .tagmr:hover::after { 2810 background-color: black; /* black new */ 2811 border-left-color: #232323 !important; /* dark grey */ 2812 } 2813 2814 /* ----------------------- Hide Time Sensitive Elements ----------------------- */ 2815 2816 /* added 2022-04-13 */ 2817 2818 *:is([data-datetime-start], [data-datetime-end]) { 2819 display: none; 2820 } 2821button.enquireCourse { 2822 font-size:15px !important; 2823 font-weight:bold; 2824} /* 2023-05-18 this button.enquireCourse CSS rules wasn't added by me... it's not on the other's website's CSS either. */ 2825 2826 /* ----------------------- aria-hidden display:none fix ----------------------- */ 2827 2828 /* Sometime before 25 April 2023 the developers added... 2829 ` [aria-hidden="true"] { display: none; } ` 2830 ... breaking parts of the website, notably font awesome icons. Guidance explains that `aria-hidden="true"` should never be combined with `display:none`. This is my attempt to fix page content (at least). 2831 */ 2832 2833 /* added 2023-05-18 */ 2834 2835/* 2836 div#coursepage section#brief [aria-hidden="true"], 2837 .news_article_container [aria-hidden="true"], 2838 main div.flexible_content_area [aria-hidden="true"], 2839 main div#accordion div.panel-body [aria-hidden="true"], 2840 div.event-row div.col-md-8 [aria-hidden="true"] { 2841 display: initial !important; 2842 } 2843*/ 2844 2845/* removed 2024-08-23 */ 2846 2847/* ----------------------- responsive table 2026-09-30 ----------------------- */ 2848 2849div#coursepage section#brief, 2850.news_article_container, 2851main div.flexible_content_area, 2852main div#accordion div.panel-body, 2853div.event-row div.col-md-8 { 2854 2855 --color-table-text: oklch(0.3211 0 0); /* #333333 */ 2856 --color-table-caption-background: transparent; /* yyy */ 2857 --color-table-caption-text: oklch(0.3211 0 0); /* #333333 */ 2858 --color-table-column-header-text: oklch(0.3211 0 0); /* #333333 */ 2859 --color-table-column-header-background: oklch(0.9521 0 0); /* #efefef */ 2860 --color-table-row-header-text: oklch(0.3211 0 0); /* #333333 */ 2861 --color-table-cell-text: oklch(0.3211 0 0); /* #333333 */ 2862 --color-table-cell-background: none; /* yyy */ 2863 --table-padding: 0.5rem; /* yyy */ 2864 --table-cell-border: solid 1px oklch(0.8975 0 0); 2865 2866 & div.table1mrwrapper { 2867 overflow-x: auto; 2868 } 2869 2870 @media (hover: hover) and (pointer: fine) { 2871 & div.table1mrwrapper { 2872 scrollbar-width: thin; 2873 scrollbar-color: oklch(0.5658 0 0 / 0.75) transparent; 2874 } 2875 2876 & .table1mrwrapper::-webkit-scrollbar { 2877 height: 8px; 2878 } 2879 2880 & .table1mrwrapper::-webkit-scrollbar-track { 2881 background: transparent; 2882 } 2883 2884 & .table1mrwrapper::-webkit-scrollbar-thumb { 2885 background: oklch(0.5658 0 0 / 0.75); 2886 border-radius: 999px; 2887 } 2888 2889 & .table1mrwrapper::-webkit-scrollbar-thumb:hover { 2890 background: oklch(0.4855 0 0); 2891 } 2892 } 2893 2894 & table.table1mr:not(.responsive__table) { 2895 width: max-content; 2896 min-width: 100%; 2897 border-collapse: collapse; 2898 color: var(--color-table-text); 2899 border: var(--table-cell-border); 2900 2901 & caption { 2902 caption-side: top; 2903 background: var(--color-table-caption-background); 2904 color: var(--color-table-caption-text); 2905 font-weight: 700; 2906 padding: var(--table-padding); 2907 text-align: left; 2908 } 2909 2910 & th, 2911 & td { 2912 padding: var(--table-padding); 2913 border: var(--table-cell-border); 2914 background: var(--color-table-cell-background); 2915 } 2916 2917 & thead { 2918 & th { 2919 font-weight: 700; 2920 text-align: left; 2921 background: var(--color-table-column-header-background); 2922 } 2923 } 2924 2925 & tbody { 2926 & th { 2927 font-weight: 700; 2928 text-align: left; 2929 background: var(--color-table-column-header-background); 2930 } 2931 2932 & td { 2933 text-align: left; 2934 } 2935 } 2936 } 2937 2938}</style>
2938<script type="text/javascript"> 2939 if (typeof jQuery != 'undefined') { 2940 $ = jQuery; 2941 } 2942 </script>
2942 2943 2944 <!--
2944<script src="http://jwpsrv.com/library/Kzyx6G+qEeK6+yIACp8kUw.js"></script>
2944 --> 2945 2946 <!--[if lt IE 9]> 2947
2947<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
2947 2948
2948<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
2948 2949 <![endif]--> 2950 <!--
2950<script src="http://cdn.jsdelivr.net/craftyclicks/4.9.2/crafty_clicks.class.min.js"></script>
2950 --> 2951 2952 <style> 2953 .ui-autocomplete { 2954 z-index: 1000 !important; 2955 } 2956 input#csinput { 2957 width: 100%; 2958 padding: 5px; 2959 color: #000; 2960 border: none; 2961 font-size: 14px; 2962 } 2963 .interest-search-field-outer { 2964 position: relative; 2965 } 2966 .ui-autocomplete { 2967 margin-left: 1px; 2968 } 2969 .ui-autocomplete li, .ui-autocomplete li:hover { 2970 background: none; 2971 padding: 0 !important; 2972 border: none !important; 2973 outline: none !important; 2974 border-bottom: #ccc solid 1px !important; 2975 } 2976 .ui-autocomplete li a { 2977 background: #fff !important; 2978 color: #000; 2979 display: block; 2980 border: none !important; 2981 padding: 5px 10px; 2982 font-size: 12px; 2983 outline: none !important; 2984 } 2985 .ui-autocomplete li a:hover { 2986 background: #efefef !important; 2987 outline: none !important; 2988 } 2989 .ui-menu .ui-state-focus { 2990 margin: 0 !important; 2991 } 2992 .easy-table th { 2993 color: black !Important; 2994 font-size: 14px; 2995 } 2996 2997 @media print { 2998 a[href]:after { 2999 content: " (" attr(href) ")"; 3000 display: none; 3001 } 3002 .header .text-center img { 3003 width: 280px !important; 3004 } 3005 } 3006 @media (max-width:1199px) { 3007 .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { 3008 padding: 0px 22px; 3009 } 3010 } 3011 </style> 3012 3013 <!-- Google Tag Manager --> 3014
3014<script>
vendor: 331 bytes, lines 3014-3018
3014(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 3015 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 3016 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 3017 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 3018 })(window,document,'script','dataLayer','
3018GTM-KB8F4Z
vendor: 3 bytes, line 3018
3018');
3018</script>
3018 3019 <!-- End Google Tag Manager --> 3020 3021</head> 3022<body role="document" class="" > 3023 <a class="skip-link" href="#main-content">Skip to main content</a> 3024 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 3024-3025
3024 3025 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
3025GTM-KB8F4Z
vendor: 85 bytes, lines 3025-3027
3025" 3026 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 3027
3027<!-- End Google Tag Manager (noscript) --> 3028 <div class="menu-container overflow-visible"> 3029 <div class="scroller" id="scroller-div"> 3030 <div class="scroller-inner"> 3031 <!-- Topbar Start --> 3032 <div class="topbar-outer" role="banner"> 3033 <div class="container"> 3034 <div class="row"> 3035 <div class="col-md-12 topbar-flex"> 3036 <!-- Use visually hidden instead of display: none --> 3037 <h1 class="sr-only">Stratford-upon-Avon College</h1> 3038 <a class="pull-left top-logo" href="https://www.stratford.ac.uk"> 3039 <picture class="normal-logo"> 3040<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/themes/stratford/images/stratford-college-logo.png.webp"/> 3041<img alt="Stratford-upon-Avon College" src="https://www.stratford.ac.uk/wp-content/themes/stratford/images/stratford-college-logo.png"/> 3042</picture> 3043 3044 <picture style="display:none;" class="contrast-logo"> 3045<source type="image/webp" data-srcset="https://www.stratford.ac.uk/wp-content/themes/stratford/images/stratford-college-logo.png.webp"/> 3046<img alt="Stratford-upon-Avon College" data-src="https://www.stratford.ac.uk/wp-content/themes/stratford/images/stratford-college-logo.png"/> 3047</picture> 3048 3049 <picture style="display:none;" class="print-logo"> 3050<source type="image/webp" data-srcset="https://www.stratford.ac.uk/wp-content/themes/stratford/images/stratford-college-purple-logo.png.webp"/> 3051<img alt="Stratford-upon-Avon College" data-src="https://www.stratford.ac.uk/wp-content/themes/stratford/images/stratford-college-purple-logo.png"/> 3052</picture> 3053 3054 </a> 3055 <a href="https://www.stratford.ac.uk/suac-onstage/" style="display:none;" class="secondLogo"> 3056 <picture> 3057<source type="image/webp" data-srcset="https://www.stratford.ac.uk/wp-content/themes/stratford/images/suaclogo-white.png.webp"/> 3058<img alt="SUAC" data-src="https://www.stratford.ac.uk/wp-content/themes/stratford/images/suaclogo-white.png"/> 3059</picture> 3060 3061 </a> 3062 <!-- Top left nav landmark --> 3063 <nav class="top-left-nav hidden-xs mr20 text-uppercase" aria-label="Top links navigation" style="margin-left:auto;"> 3064 <ul><li id="menu-item-63220" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-5 current_page_item menu-item-63220"><a href="https://www.stratford.ac.uk/" aria-current="page">Home</a></li> 3065<li id="menu-item-63221" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63221"><a href="https://www.stratford.ac.uk/accessibility/">Accessibility</a></li> 3066<li id="menu-item-63222" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63222"><a href="https://www.stratford.ac.uk/jobs/">WORKING FOR US</a></li> 3067<li id="menu-item-63223" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63223"><a href="https://www.stratford.ac.uk/contact-us/">Contact Us</a></li> 3068<li id="menu-item-63224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63224"><a href="https://www.stratford.ac.uk/intranet/">Intranet</a></li> 3069</ul> </nav> 3070 <!-- Top right nav landmark --> 3071 <nav class="top-right-nav pull-right" aria-label="Quick actions"> 3072 <ul> 3073 <!-- Search Button --> 3074 <li class="topbar-icon search-icon"> 3075 <button 3076 title="Search" 3077 class="s-d-btn" 3078 id="topbar-search" 3079 aria-label="Search the website" 3080 aria-controls="topbar-search-dialog" 3081 aria-expanded="false"> 3082 <em class="fa fa-search" aria-hidden="true"></em>
3083 <span class="sr-only">Search</span> 3084 </button> 3085 </li> 3086 3087 3088 <!-- Bag icon with live count (badge always in DOM so JS can update without refresh) --> 3089 <li class="topbar-icon bag-icon"> 3090 <a href="https://www.stratford.ac.uk/application/" 3091 title="Your Bag" 3092 id="topbar-basket" 3093 aria-label="Your application bag, no items"> 3094 <em class="fa fa-briefcase" aria-hidden="true"></em> 3095 <span class="sr-only">Bag</span> 3096 <span class="bag-courn" 3097 role="status" 3098 aria-atomic="true" 3099 id="bag-count-announcer" 3100 hidden> 3101 <span class="sr-only">You have</span> 3102 <span class="bag-courn-number">0</span> 3103 <span class="sr-only">items in your bag</span> 3104 </span> 3105 </a> 3106 </li> 3107 3108 <!-- Logout --> 3109 3110 <!-- Accessibility controls --> 3111 <li class="topbar-icon disablity-icons"> 3112 <button 3113 class="disab-icon" 3114 id="topbar-contrast" 3115 title="Contrast settings" 3116 aria-label="Contrast settings" 3117 aria-controls="topbar-contrast-dialog" 3118 aria-expanded="false"> 3119 <em class="fa fa-wheelchair" aria-hidden="true"></em> 3120 <span class="sr-only">Contrast settings</span> 3121 </button> 3122 3123 <button 3124 class="zoom-in-ico resetFont" 3125 title="Reset font size to default" 3126 id="topbar-accessibility-reset" 3127 aria-label="Reset font size to default"> 3128 <small>A</small> 3129 <span class="sr-only">Reset font size</span> 3130 </button> 3131 3132 <button 3133 class="zoom-in-ico decreaseFont" 3134 title="Decrease font size" 3135 id="topbar-accessibility-minus" 3136 aria-label="Decrease font size"> 3137 A<sup>-</sup> 3138 <span class="sr-only">Decrease font size</span> 3139 </button> 3140 3141 <button 3142 class="zoom-out-ico increaseFont" 3143 title="Increase font size" 3144 id="topbar-accessibility-plus" 3145 aria-label="Increase font size"> 3146 <big>A</big><sup>+</sup> 3147 <span class="sr-only">Increase font size</span> 3148 </button> 3149 </li> 3150 </ul> 3151 3152 <!-- Search form --> 3153 <dialog class="t-search-menu" 3154 id="topbar-search-dialog" 3155 aria-labelledby="search-form-title"> 3156 <button type="button" style="color:#fff;" class="dialog-close" id="topbar-search-close" aria-label="Close search dialog">
3157 <span aria-hidden="true">Ã</span> 3158 <span class="sr-only">Close</span> 3159 </button> 3160 <form class="soli-site clearfix" style="margin-bottom:0px;" 3161 action="https://www.stratford.ac.uk" 3162 role="search" 3163 aria-label="Site search"> 3164 <span id="search-form-title" class="sr-only">Search the website</span> 3165 <div class="s-e-menu"> 3166 <label for="headerSearchType" class="text-white">Search Type</label> 3167 <select name="post_type" id="headerSearchType" aria-describedby="search-type-help"> 3168 <option value="" >All Site</option> 3169 <option value="course" >Courses</option> 3170 <option value="events" >Events</option> 3171 <option value="news" >News</option> 3172 </select> 3173 <span id="search-type-help" class="sr-only">Choose what type of content to search</span> 3174 </div> 3175 3176 <div class="tex-menu"> 3177 <label for="headerSearch" class="text-white">Search</label> 3178 <input type="text" name="s" id="headerSearch" 3179 value="" 3180 placeholder="Enter search terms..." 3181 pattern="[^'\x22!?%$<>*#]+" 3182 aria-describedby="search-help search-error" 3183 required> 3184 <span id="search-help" class="sr-only">Enter your search terms in the text field above</span> 3185 <span id="search-error" role="alert" aria-live="polite" class="sr-only"></span> 3186 </div> 3187 3188 <div class="b-n-btn"> 3189 <button type="submit" aria-label="Submit search"> 3190 <i class="fa fa-search" aria-hidden="true"></i> 3191 <span class="sr-only">Submit search</span> 3192 </button> 3193 </div> 3194 </form> 3195 </dialog> 3196 <!-- End search form --> 3197 3198 </nav> 3199 3200 <!-- Contrast dialog --> 3201 <dialog class="t-contrast-menu" 3202 id="topbar-contrast-dialog" 3203 aria-labelledby="contrast-form-title"> 3204 <div class="p15"> 3205 <button type="button" style="color:#000;" class="dialog-close" id="topbar-contrast-close" aria-label="Close contrast settings dialog"> 3206 <span aria-hidden="true">Ã</span> 3207 <span class="sr-only">Close</span> 3208 </button> 3209 <span id="contrast-form-title" class="sr-only">Contrast settings</span> 3210 <fieldset class="contrast-controls" aria-describedby="contrast-help"> 3211 <legend class="sr-only">Contrast mode</legend> 3212 <label> 3213 <input type="radio" name="contrast-mode" value="normal" id="contrast-normal"><span></span> Normal 3214 </label> 3215 <label> 3216 <input type="radio" name="contrast-mode" value="grayscale" id="contrast-grayscale"><span></span> Grayscale 3217 </label> 3218 <label> 3219 <input type="radio" name="contrast-mode" value="contrast" id="contrast-high"><span></span> High contrast 3220 </label>
3221 <span id="contrast-help" class="sr-only">Choose one contrast mode. Only one can be active.</span> 3222 </fieldset> 3223 </div> 3224 </dialog> 3225 3226 </div> 3227 </div> 3228 </div> 3229 </div> 3230 <!-- Topbar End --> 3231
3231<script> 3232 /* ----------------------------- 3233 CONTRAST MODE RADIO GROUP 3234 (Sync to body[data-contrast-mode], persist selection in cookies and localStorage) 3235------------------------------*/ 3236document.addEventListener('DOMContentLoaded', function() { 3237 const bodyEl = document.body; 3238 const contrastBtn = document.getElementById('topbar-contrast'); 3239 const contrastDialog = document.getElementById('topbar-contrast-dialog'); 3240 const contrastCloseBtn = document.getElementById('topbar-contrast-close'); 3241 const radios = document.querySelectorAll('input[name="contrast-mode"]'); 3242 3243 function setHotjarVisibility(visible) { 3244 try { 3245 const list = document.querySelectorAll('._hj-widget-container'); 3246 list.forEach(function(el){ el.style.display = visible ? '' : 'none'; }); 3247 } catch(e) {} 3248 } 3249 3250 function applyContrastMode(mode) { 3251 // dataset hook (only) 3252 bodyEl.dataset.contrastMode = mode; 3253 3254 // persist 3255 try { localStorage.setItem('contrastMode', mode); } catch(e) {} 3256 // also persist in cookie (1 year) 3257 try { 3258 document.cookie = `contrastMode=${mode}; path=/; max-age=31536000; SameSite=Lax`; 3259 } catch(e) {} 3260 } 3261 3262 function initContrastFromState() { 3263 let mode = 'normal'; 3264 // read from cookie first 3265 try { 3266 const cookieMatch = document.cookie.match(/(?:^|; )contrastMode=([^;]+)/); 3267 const cookieVal = cookieMatch ? decodeURIComponent(cookieMatch[1]) : ''; 3268 if (cookieVal === 'normal' || cookieVal === 'grayscale' || cookieVal === 'contrast') { 3269 mode = cookieVal; 3270 } 3271 } catch(e) {} 3272 // fallback to localStorage if no valid cookie 3273 if (mode === 'normal') { 3274 try { 3275 const saved = localStorage.getItem('contrastMode'); 3276 if (saved === 'grayscale' || saved === 'contrast' || saved === 'normal') { 3277 mode = saved; 3278 } 3279 } catch(e) {} 3280 } 3281 3282 // Check the matching radio 3283 radios.forEach(r => { r.checked = (r.value === mode); }); 3284 applyContrastMode(mode); 3285 } 3286 3287 function toggleContrastDialog() { 3288 if (!contrastBtn || !contrastDialog) return; 3289 const isOpen = contrastDialog.open; 3290 3291 if (isOpen) { 3292 closeContrastDialog(); 3293 } else { 3294 openContrastDialog(); 3295 } 3296 } 3297 3298 function openContrastDialog() { 3299 if (!contrastBtn || !contrastDialog) return; 3300 contrastBtn.setAttribute('aria-expanded', 'true'); 3301 try { contrastDialog.showModal(); } catch(e) { contrastDialog.setAttribute('open',''); } 3302 setHotjarVisibility(false); 3303 3304 // Ensure radios reflect current mode when opening 3305 try { initContrastFromState(); } catch(e) {} 3306 3307 // Focus checked radio if present else first 3308 setTimeout(() => { 3309 const checked = contrastDialog.querySelector('input[name="contrast-mode"]:checked'); 3310 const first = contrastDialog.querySelector('input[name="contrast-mode"]'); 3311 if (checked) { 3312 checked.focus(); 3313 } else if (first) { 3314 first.focus(); 3315 } 3316 }, 100); 3317 } 3318 3319 function closeContrastDialog() { 3320 if (!contrastBtn || !contrastDialog) return; 3321 contrastBtn.setAttribute('aria-expanded', 'false'); 3322 try { contrastDialog.close(); } catch(e) { contrastDialog.removeAttribute('open'); } 3323 setHotjarVisibility(true); 3324 contrastBtn.focus(); 3325 } 3326 3327 function validateAriaStates() { 3328 if (!contrastBtn || !contrastDialog) return; 3329 const buttonExpanded = contrastBtn.getAttribute('aria-expanded'); 3330 const isDialogOpen = !!contrastDialog.open; 3331 if (isDialogOpen) { 3332 if (buttonExpanded !== 'true') { 3333 contrastBtn.setAttribute('aria-expanded', 'true'); 3334 } 3335 } else { 3336 if (buttonExpanded !== 'false') { 3337 contrastBtn.setAttribute('aria-expanded', 'false'); 3338 } 3339 } 3340 } 3341 3342 if (contrastBtn && contrastDialog) { 3343 contrastBtn.addEventListener('click', function(e) { 3344 e.preventDefault(); 3345 toggleContrastDialog(); 3346 setTimeout(validateAriaStates, 50); 3347 }); 3348 3349 // Escape closes 3350 document.addEventListener('keydown', function(e) { 3351 if (e.key === 'Escape' && contrastDialog && contrastDialog.open) { 3352 closeContrastDialog(); 3353 setTimeout(validateAriaStates, 50); 3354 } 3355 }); 3356 3357 // Close button 3358 if (contrastCloseBtn) { 3359 contrastCloseBtn.addEventListener('click', function() { 3360 closeContrastDialog(); 3361 setTimeout(validateAriaStates, 50); 3362 }); 3363 } 3364 3365 // Native <dialog> manages focus and backdrop 3366 // Initial state validation 3367 validateAriaStates(); 3368 } 3369 3370 if (radios.length) { 3371 radios.forEach(radio => { 3372 radio.addEventListener('change', function() { 3373 if (this.checked) { 3374 applyContrastMode(this.value); 3375 // keep dialog open; SR users hear change via CSS effect; optionally announce 3376 } 3377 }); 3378 }); 3379 3380 initContrastFromState(); 3381 } 3382}); 3383 3384/* ----------------------------- 3385 SEARCH POPOVER ACCESSIBILITY 3386 (Focus management, ARIA states, keyboard navigation) 3387------------------------------*/ 3388document.addEventListener('DOMContentLoaded', function() { 3389 const searchButton = document.getElementById('topbar-search'); 3390 const searchDialog = document.getElementById('topbar-search-dialog'); 3391 const searchCloseBtn = document.getElementById('topbar-search-close'); 3392 const searchInput = document.getElementById('headerSearch'); 3393 const searchTypeSelect = document.getElementById('headerSearchType'); 3394 3395 if (searchButton && searchDialog && searchInput) { 3396 let isOpen = false;
3397 const searchError = document.getElementById('search-error'); 3398 const invalidPattern = /['"!?%$<>*#]/; 3399 3400 function setHotjarVisibility(visible) { 3401 try { 3402 const list = document.querySelectorAll('._hj-widget-container'); 3403 list.forEach(function(el){ el.style.display = visible ? '' : 'none'; }); 3404 } catch(e) {} 3405 } 3406 3407 // Validate search input pattern 3408 function validateSearchInput() { 3409 const value = searchInput.value.trim(); 3410 // Only validate pattern if there's actual input (required is handled separately) 3411 const isValid = !value || !invalidPattern.test(value); 3412 3413 if (value && !isValid) { 3414 searchInput.setAttribute('aria-invalid', 'true'); 3415 if (searchError) { 3416 searchError.textContent = 'Error: Search cannot contain special characters like quotes, exclamation marks, question marks, percent signs, dollar signs, angle brackets, asterisks, or hash symbols. Please remove these characters and try again.'; 3417 } 3418 } else { 3419 searchInput.removeAttribute('aria-invalid'); 3420 if (searchError) { 3421 searchError.textContent = ''; 3422 } 3423 } 3424 3425 return isValid; 3426 } 3427 3428 // Toggle search dialog 3429 function toggleSearchDialog() { 3430 isOpen = !isOpen; 3431 3432 if (isOpen) { 3433 openSearchDialog(); 3434 } else { 3435 closeSearchDialog(); 3436 } 3437 } 3438 3439 // Open search dialog with proper state management 3440 function openSearchDialog() { 3441 isOpen = true; 3442 searchButton.setAttribute('aria-expanded', 'true'); 3443 try { searchDialog.showModal(); } catch(e) { searchDialog.setAttribute('open',''); } 3444 setHotjarVisibility(false); 3445 3446 // Focus on search input when opened 3447 setTimeout(() => { 3448 searchInput.focus(); 3449 }, 100); 3450 } 3451 3452 // Close search dialog with proper state management 3453 function closeSearchDialog() { 3454 isOpen = false; 3455 searchButton.setAttribute('aria-expanded', 'false'); 3456 try { searchDialog.close(); } catch(e) { searchDialog.removeAttribute('open'); } 3457 setHotjarVisibility(true); 3458 // Clear any validation errors when closing 3459 searchInput.removeAttribute('aria-invalid'); 3460 if (searchError) { 3461 searchError.textContent = ''; 3462 } 3463 searchButton.focus(); 3464 } 3465 3466 // Validate and sync ARIA states 3467 function validateAriaStates() { 3468 const buttonExpanded = searchButton.getAttribute('aria-expanded'); 3469 const isDialogOpen = !!searchDialog.open; 3470 if (isDialogOpen) { 3471 if (buttonExpanded !== 'true') { 3472 searchButton.setAttribute('aria-expanded', 'true'); 3473 } 3474 } else { 3475 if (buttonExpanded !== 'false') { 3476 searchButton.setAttribute('aria-expanded', 'false'); 3477 } 3478 } 3479 } 3480 3481 // Event listeners 3482 searchButton.addEventListener('click', function(e) { 3483 e.preventDefault(); 3484 toggleSearchDialog(); 3485 setTimeout(validateAriaStates, 50); 3486 }); 3487 3488 // Rely on native button activation for keyboard support 3489 3490 // Close on Escape key 3491 document.addEventListener('keydown', function(e) { 3492 if (e.key === 'Escape' && searchDialog.open) { 3493 closeSearchDialog(); 3494 setTimeout(validateAriaStates, 50); 3495 } 3496 }); 3497 3498 // Close button 3499 if (searchCloseBtn) { 3500 searchCloseBtn.addEventListener('click', function() { 3501 closeSearchDialog(); 3502 setTimeout(validateAriaStates, 50); 3503 }); 3504 } 3505 3506 // Validate on input and blur 3507 searchInput.addEventListener('input', validateSearchInput); 3508 searchInput.addEventListener('blur', validateSearchInput); 3509
3510 // Handle native validation invalid event 3511 searchInput.addEventListener('invalid', function(e) { 3512 validateSearchInput(); 3513 }); 3514 3515 // Handle form submission 3516 const searchForm = searchDialog.querySelector('form'); 3517 if (searchForm) { 3518 searchForm.addEventListener('submit', function(e) { 3519 // Native HTML5 validation will handle required 3520 // Our custom validation handles pattern with accessible error message 3521 if (!validateSearchInput()) { 3522 e.preventDefault(); 3523 searchInput.focus(); 3524 } 3525 // If valid, allow form to submit normally 3526 // Dialog will close after navigation 3527 }); 3528 } 3529 3530 // Native <dialog> manages focus and backdrop 3531 3532 // Initial state validation 3533 validateAriaStates(); 3534 3535 } 3536}); 3537 </script>
3537 3538 3539 3540 </div> 3541 </div> 3542 </div> 3543 </div><!-- Topbar End --> 3544 3545 <nav id="main-navigation"> 3546 <div class="row container scrollbar-fix"> 3547 <div class="col-md-12"> 3548 <div class="desktop-nav"> 3549 3550<!-- UberMenu [Configuration:main] [Theme Loc:main_navigation] [Integration:api] --> 3551<a class="ubermenu-responsive-toggle ubermenu-responsive-toggle-main ubermenu-skin-none ubermenu-loc-main_navigation ubermenu-responsive-toggle-content-align-left ubermenu-responsive-toggle-align-full " tabindex="0" data-ubermenu-target="ubermenu-main-154-main_navigation" aria-label="Toggle Menu"><i class="fas fa-bars" ></i>Menu</a><nav id="ubermenu-main-154-main_navigation" class="ubermenu ubermenu-nojs ubermenu-main ubermenu-menu-154 ubermenu-loc-main_navigation ubermenu-responsive ubermenu-responsive-default ubermenu-responsive-collapse ubermenu-horizontal ubermenu-transition-shift ubermenu-trigger-hover_intent ubermenu-skin-none ubermenu-bar-align-full ubermenu-items-align-left ubermenu-bound ubermenu-disable-submenu-scroll ubermenu-retractors-responsive ubermenu-submenu-indicator-closes"><ul id="ubermenu-nav-main-154-main_navigation" class="ubermenu-nav" data-title="Main Navigation"><li id="menu-item-11606" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-has-children ubermenu-item-11606 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">16 – 19</span></span><ul class="ubermenu-submenu ubermenu-submenu-id-11606 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width ubermenu-autoclear" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11608 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11608"><ul class="ubermenu-submenu ubermenu-submenu-id-11608 ubermenu-submenu-type-stack" ><li id="menu-item-11607" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-11607 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/16-19/introduction/"><span class="ubermenu-target-title ubermenu-target-text">Introduction</span></a></li><li id="menu-item-42492" class="ubermenu-item ubermenu-item-type-taxonomy ubermenu-item-object-demographic ubermenu-item-42492 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/demographic/16-to-19/"><span class="ubermenu-target-title ubermenu-target-text">16 â 19 Courses</span></a></li><li id="menu-item-61813" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-61813 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/16-19/t-levels/"><span class="ubermenu-target-title ubermenu-target-text">T-Levels</span></a></li><li id="menu-item-47033" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-47033 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/suac-onstage/"><span class="ubermenu-target-title ubermenu-target-text">SUAC Onstage</span></a></li><li id="menu-item-47278" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-47278 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://fastforwardyourcareer.co.uk/"><span class="ubermenu-target-title ubermenu-target-text">Fast Forward Careers Explorer</span></a></li><li id="menu-item-51039" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-51039 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/about-us/student-services/#tuition-fund-16-19"><span class="ubermenu-target-title ubermenu-target-text">16-19 Tuition Fund</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11626 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11626"><ul class="ubermenu-submenu ubermenu-submenu-id-11626 ubermenu-submenu-type-stack" ><li id="menu-item-61708" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-61708 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/our-campu
3551s/"><span class="ubermenu-target-title ubermenu-target-text">Our Campus</span></a></li><li id="menu-item-11612" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-11612 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/16-19/how-do-i-apply/"><span class="ubermenu-target-title ubermenu-target-text">How do I apply?</span></a></li><li id="menu-item-11622" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-11622 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/16-19/universitycentre/"><span class="ubermenu-target-title ubermenu-target-text">University Progression</span></a></li><li id="menu-item-63024" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-63024 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/16-19/send-support/"><span class="ubermenu-target-title ubermenu-target-text">SEND Support</span></a></li><li id="menu-item-60354" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-60354 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/student-services/"><span class="ubermenu-target-title ubermenu-target-text">Student Services</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11627 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11627"><ul class="ubermenu-submenu ubermenu-submenu-id-11627 ubermenu-submenu-type-stack" ><li id="menu-item-11623" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-11623 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/16-19/current-parents/"><span class="ubermenu-target-title ubermenu-target-text">Current Parents</span></a></li><li id="menu-item-64113" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-64113 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://forms.cloud.microsoft/e/uLkccQeZQu"><span class="ubermenu-target-title ubermenu-target-text">Absence Reporting</span></a></li><li id="menu-item-62545" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-62545 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/wp-content/uploads/2025/08/parent-carer-handbook.pdf"><span class="ubermenu-target-title ubermenu-target-text">Parent/Carer Handbook</span></a></li><li id="menu-item-47207" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-47207 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/16-19/16-17-railcard/"><span class="ubermenu-target-title ubermenu-target-text">16-17 Railcard</span></a></li><li id="menu-item-61137" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-61137 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/16-19/new-starters/"><span class="ubermenu-target-title ubermenu-target-text">New Starters</span></a></li></ul></li><li class="ubermenu-retractor ubermenu-retractor-mobile"><i class="fas fa-times"></i> Close</li></ul></li><li id="menu-item-41873" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-apprentice ubermenu-item-has-children ubermenu-item-41873 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Apprenticeships</span></span><ul class="ubermenu-submenu ubermenu-submenu-id-41873 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width ubermenu-autoclear" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-41881 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-41881"><ul class="ubermenu-submenu ubermenu-submenu-id-41881 ubermenu-submenu-type-stack" ><li id="menu-item-41874" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-apprentice ubermenu-item-41874 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/apprentice/introduction/"><span class="ubermenu-target-title ubermenu-target-text">Introduction</span></a></li><li id="menu-item-43381" class="ubermenu-item ubermenu-item-type-taxonomy ubermenu-item-object-demographic ubermenu-item-43381 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/demographic/apprentice/"><span class="ubermenu-target-title ubermenu-target-text">Apprenticeships</span></a></li><li id="menu-item-41876" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-apprentice ubermenu-item-41876 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/apprentice/
3551how-do-i-apply/"><span class="ubermenu-target-title ubermenu-target-text">How to apply?</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-41882 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-41882"><ul class="ubermenu-submenu ubermenu-submenu-id-41882 ubermenu-submenu-type-stack" ><li id="menu-item-41877" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-apprentice ubermenu-item-41877 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/apprentice/apprenticeship-vacancies/"><span class="ubermenu-target-title ubermenu-target-text">Apprenticeship vacancies</span></a></li><li id="menu-item-60355" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-60355 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.solihull.ac.uk/employers/employ-an-apprentice/"><span class="ubermenu-target-title ubermenu-target-text">Employ An Apprentice</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-41883 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-41883"><ul class="ubermenu-submenu ubermenu-submenu-id-41883 ubermenu-submenu-type-stack" ><li id="menu-item-60356" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-60356 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/our-campus/"><span class="ubermenu-target-title ubermenu-target-text">Our Campus</span></a></li><li id="menu-item-60357" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-60357 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/student-services/"><span class="ubermenu-target-title ubermenu-target-text">Student Services</span></a></li></ul></li><li class="ubermenu-retractor ubermenu-retractor-mobile"><i class="fas fa-times"></i> Close</li></ul></li><li id="menu-item-11617" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-uni_level_learner ubermenu-item-has-children ubermenu-item-11617 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">University<br />Level</span></span><ul class="ubermenu-submenu ubermenu-submenu-id-11617 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width ubermenu-autoclear" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11618 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11618"><ul class="ubermenu-submenu ubermenu-submenu-id-11618 ubermenu-submenu-type-stack" ><li id="menu-item-11619" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-uni_level_learner ubermenu-item-11619 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/uni-level-learner/university-level-learners-introduction/"><span class="ubermenu-target-title ubermenu-target-text">Introduction</span></a></li><li id="menu-item-11643" class="ubermenu-item ubermenu-item-type-taxonomy ubermenu-item-object-demographic ubermenu-item-11643 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/demographic/university-level-learner/"><span class="ubermenu-target-title ubermenu-target-text">University Level Courses</span></a></li><li id="menu-item-47034" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-47034 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/suac-onstage/"><span class="ubermenu-target-title ubermenu-target-text">SUAC Onstage</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11647 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11647"><ul class="ubermenu-submenu ubermenu-submenu-id-11647 ubermenu-submenu-type-stack" ><li id="menu-item-60358" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-60358 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/student-services/"><span class="ubermenu-target-title ubermenu-target-text">Student Services</span></a></li><li id="menu-item-16018" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-uni_level_learner ubermenu-item-16018 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/uni-level-learner/policies-and-applicant-information/"><span class="ubermenu-target-title ubermenu-target-text">Policies and Applicant Information</span></a></li><li id="menu-item-11650" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-uni_level_learner ubermenu-item-11650 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/uni-level-learner/how-do-i-apply/"><span class="ubermenu-target-title ubermenu-target-text">
3551How can I apply?</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11653 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11653"><ul class="ubermenu-submenu ubermenu-submenu-id-11653 ubermenu-submenu-type-stack" ><li id="menu-item-60359" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-60359 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/our-campus/"><span class="ubermenu-target-title ubermenu-target-text">Our Campus</span></a></li><li id="menu-item-42121" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-uni_level_learner ubermenu-item-42121 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/uni-level-learner/about-stratford-upon-avon/"><span class="ubermenu-target-title ubermenu-target-text">About Stratford-upon-Avon</span></a></li></ul></li><li class="ubermenu-retractor ubermenu-retractor-mobile"><i class="fas fa-times"></i> Close</li></ul></li><li id="menu-item-11658" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-adult_learner ubermenu-item-has-children ubermenu-item-11658 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Adult &<br> Professional</span></span><ul class="ubermenu-submenu ubermenu-submenu-id-11658 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width ubermenu-autoclear" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11659 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11659"><ul class="ubermenu-submenu ubermenu-submenu-id-11659 ubermenu-submenu-type-stack" ><li id="menu-item-11660" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-adult_learner ubermenu-item-11660 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/adult-professional/introduction/"><span class="ubermenu-target-title ubermenu-target-text">Introduction to Adult & Professional Learning</span></a></li><li id="menu-item-44575" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-demographic ubermenu-item-44575 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/demographic/adult-professional/"><span class="ubermenu-target-title ubermenu-target-text">Adult & Professional Courses</span></a></li><li id="menu-item-51740" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-51740 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/national-skills-fund-free-courses/"><span class="ubermenu-target-title ubermenu-target-text">National Skills Fund â Free Courses</span></a></li><li id="menu-item-48739" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-48739 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/suac-onstage/"><span class="ubermenu-target-title ubermenu-target-text">SUAC Onstage</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11663 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11663"><ul class="ubermenu-submenu ubermenu-submenu-id-11663 ubermenu-submenu-type-stack" ><li id="menu-item-59589" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-adult_learner ubermenu-item-59589 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/adult-professional/upskill-reskill/"><span class="ubermenu-target-title ubermenu-target-text">Upskill/Reskill Careers Explorer</span></a></li><li id="menu-item-11666" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-adult_learner ubermenu-item-11666 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/adult-professional/how-to-apply-and-enrol/"><span class="ubermenu-target-title ubermenu-target-text">How to Apply and Enrol</span></a></li><li id="menu-item-11665" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-adult_learner ubermenu-item-11665 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/adult-professional/finance-and-loans/"><span class="ubermenu-target-title ubermenu-target-text">Finance and Loans</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11667 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11667"><ul class="ubermenu-submenu ubermenu-submenu-id-11667 ubermenu-submenu-type-stack" ><li id="menu-item-60360" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-60360 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/our-campu
3551s/"><span class="ubermenu-target-title ubermenu-target-text">Our Campus</span></a></li><li id="menu-item-60361" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-60361 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/student-services/"><span class="ubermenu-target-title ubermenu-target-text">Student Services</span></a></li></ul></li><li class="ubermenu-retractor ubermenu-retractor-mobile"><i class="fas fa-times"></i> Close</li></ul></li><li id="menu-item-44866" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-has-children ubermenu-item-44866 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Online</span></span><ul class="ubermenu-submenu ubermenu-submenu-id-44866 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-50422 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-50422"><ul class="ubermenu-submenu ubermenu-submenu-id-50422 ubermenu-submenu-type-stack" ><li id="menu-item-44867" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-44867 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/online-courses/"><span class="ubermenu-target-title ubermenu-target-text">Introduction</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-50423 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-50423"><ul class="ubermenu-submenu ubermenu-submenu-id-50423 ubermenu-submenu-type-stack" ><li id="menu-item-44868" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-44868 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://solihull.e-careers.college"><span class="ubermenu-target-title ubermenu-target-text">Online Courses</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-50424 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-50424"><ul class="ubermenu-submenu ubermenu-submenu-id-50424 ubermenu-submenu-type-stack" ><li id="menu-item-50421" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-50421 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/demographic/part-time-learner/category/distance-learning/"><span class="ubermenu-target-title ubermenu-target-text">Flexible Learning</span></a></li></ul></li><li class="ubermenu-retractor ubermenu-retractor-mobile"><i class="fas fa-times"></i> Close</li></ul></li><li id="menu-item-11680" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-employers ubermenu-item-has-children ubermenu-item-11680 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Employers</span></span><ul class="ubermenu-submenu ubermenu-submenu-id-11680 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width ubermenu-autoclear" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11681 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11681"><ul class="ubermenu-submenu ubermenu-submenu-id-11681 ubermenu-submenu-type-stack" ><li id="menu-item-11682" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-employers ubermenu-item-11682 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/employers/introduction/"><span class="ubermenu-target-title ubermenu-target-text">Introduction</span></a></li><li id="menu-item-60362" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-60362 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.solihull.ac.uk/employers/employ-an-apprentice/"><span class="ubermenu-target-title ubermenu-target-text">Employ An Apprentice</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11685 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11685"><ul class="ubermenu-submenu ubermenu-submenu-id-11685 ubermenu-submenu-type-stack" ><li id="menu-item-56287" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-employers ubermenu-item-56287 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/employers/meet-the-team/"><span class="ubermenu-target-title ubermenu-target-text">Meet the Team</span></a></li><li id="menu-item-11691" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-employers ubermenu-item-11691 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/employers/work-experience/"><span class="ubermenu-target-title ubermenu-target-text">Work Placements</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11686 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11686"><ul class="ubermenu-submenu ubermenu-submenu-id-11686 ubermenu-submenu-type-stack" ><li id="menu-item-57350" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-57350 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.solihull.ac.uk/employers/business-centre/"><span class="ubermenu-target-title ubermenu-target-text">Business Centre (Solihull)</span></a></li><li id="menu-item-62086" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-employers ubermenu-item-62086 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/employers/social-value-excellence/"><span class="ubermenu-target-title ubermenu-target-text">Social Value Excellence</span></a></li></ul></li><li class="ubermenu-retractor ubermenu-retractor-mobile"><i class="fas fa-times"></i> Close</li></ul></li><li id="menu-item-11692" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-has-children ubermenu-item-11692 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">News &<br />Open Events</span></span><ul class="ubermenu-submenu ubermenu-submenu-id-11692 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width ubermenu-autoclear" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11694 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11694"><ul class="ubermenu-submenu ubermenu-submenu-id-11694 ubermenu-submenu-type-stack" ><li id="menu-item-52120" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-52120 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/news-and-events/open-events/"><span class="ubermenu-target-title ubermenu-target-text">Open Events</span></a></li><li id="menu-item-11700" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-11700 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/news-and-events/term-dates/"><span class="ubermenu-target-title ubermenu-target-text">Term Dates</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11696 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11696"><ul class="ubermenu-submenu ubermenu-submenu-id-11696 ubermenu-submenu-type-stack" ><li id="menu-item-44992" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-44992 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/news-and-events/performances-shows/"><span class="ubermenu-target-title ubermenu-target-text">Performances & Shows</span></a></li><li id="menu-item-60363" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-60363 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/news-and-events/"><span class="ubermenu-target-title ubermenu-target-text">Latest News</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11695 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11695"><ul class="ubermenu-submenu ubermenu-submenu-id-11695 ubermenu-submenu-type-stack" ><li id="menu-item-11698" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-11698 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/news-and-events/enrolment-details/"><span class="ubermenu-target-title ubermenu-target-text">Enrolment Details</span></a></li></ul></li><li class="ubermenu-retractor ubermenu-retractor-mobile"><i class="fas fa-times"></i> Close</li></ul></li><li id="menu-item-11701" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-has-children ubermenu-item-11701 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Our<br />College</span></span><ul class="ubermenu-submenu ubermenu-submenu-id-11701 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width ubermenu-autoclear" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11702 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11702"><ul class="ubermenu-submenu ubermenu-submenu-id-11702 ubermenu-submenu-type-stack" ><li id="menu-item-11706" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-11706 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/"><span class="ubermenu-target-title ubermenu-target-text">About Us</span></a></li><li id="menu-item-15898" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-15898 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/ofsted-report/"><span class="ubermenu-target-title ubermenu-target-text">
3551Ofsted Report</span></a></li><li id="menu-item-11707" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-11707 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/our-campus/"><span class="ubermenu-target-title ubermenu-target-text">Our Campus</span></a></li><li id="menu-item-11717" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-11717 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/mission-and-values/"><span class="ubermenu-target-title ubermenu-target-text">Mission, Vision & Values</span></a></li><li id="menu-item-12504" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-12504 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/equality-diversity/"><span class="ubermenu-target-title ubermenu-target-text">Equality & Diversity</span></a></li><li id="menu-item-12579" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-12579 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/safeguarding-prevent/"><span class="ubermenu-target-title ubermenu-target-text">Safeguarding & Prevent</span></a></li><li id="menu-item-12224" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-12224 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/policies/"><span class="ubermenu-target-title ubermenu-target-text">Policies</span></a></li><li id="menu-item-61878" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-61878 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/senior-leadership-team/"><span class="ubermenu-target-title ubermenu-target-text">Stratford Leadership Team</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11703 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11703"><ul class="ubermenu-submenu ubermenu-submenu-id-11703 ubermenu-submenu-type-stack" ><li id="menu-item-49258" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-49258 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/jobs/"><span class="ubermenu-target-title ubermenu-target-text">Jobs</span></a></li><li id="menu-item-11710" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-11710 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/college-governance/"><span class="ubermenu-target-title ubermenu-target-text">College Governance</span></a></li><li id="menu-item-43348" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-43348 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/alumni/"><span class="ubermenu-target-title ubermenu-target-text">Alumni</span></a></li><li id="menu-item-45149" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-45149 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/our-talent/"><span class="ubermenu-target-title ubermenu-target-text">Our Talent</span></a></li><li id="menu-item-47029" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-47029 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/suac-onstage/"><span class="ubermenu-target-title ubermenu-target-text">SUAC Onstage</span></a></li><li id="menu-item-11723" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-11723 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/venue-hire/"><span class="ubermenu-target-title ubermenu-target-text">Venue Hire</span></a></li><li id="menu-item-11716" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-11716 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/supplying-to-stratford-upon-avon-college/"><span class="ubermenu-target-title ubermenu-target-text">Supplying to SUA College</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11719 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11719"><ul class="ubermenu-submenu ubermenu-submenu-id-11719 ubermenu-submenu-type-stack" ><li id="menu-item-47654" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-47654 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://fastforwardyourcareer.co.uk/"><span class="ubermenu-target-title ubermenu-target-text">Fast Forward Careers Explorer</span></a></li><li id="menu-item-51739" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-51739 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/national-skills-fund-free-courses/"><span class="ubermenu-target-title ubermenu-target-text">National Skills Fund â Free Courses</span></a></li><li id="menu-item-47464" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-47464 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/student-services/"><span class="ubermenu-target-title ubermenu-target-text">Student Services</span></a></li><li id="menu-item-53312" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-53312 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/student-services/careers-advice/"><span class="ubermenu-target-title ubermenu-target-text">Careers Advice</span></a></li><li id="menu-item-51955" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-51955 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/sustainability/"><span class="ubermenu-target-title ubermenu-target-text">Sustainability</span></a></li><li id="menu-item-11863" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-11863 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/contact-us/"><span class="ubermenu-target-title ubermenu-target-text">Contact Us</span></a></li></ul></li><li class="ubermenu-retractor ubermenu-retractor-mobile"><i class="fas fa-times"></i> Close</li></ul></li></ul></nav> 3552<!-- End UberMenu --> 3553 </div> 3554 <div class="nav-on-tab"> 3555 <a class="cd-primary-nav-trigger" href="javascript:void(0)"> 3556 <span class="cd-menu-text">Menu</span> 3557 <span class="cd-menu-icon"></span> 3558 </a> <!-- cd-primary-nav-trigger --> 3559 <div class="top-nav-controler"> 3560 <a href="javascript:void(0)" class="pop-menu-title">MENU</a> 3561 <a href="javascript:void(0)" class="close-main-menu"><span class="sr-only">close menue</span></a> 3562 </div> 3563 <div class="menu-main-navigation-tab-container"><ul id="menu-main-navigation-tab" class="cd-primary-nav"><li id="menu-item-11739" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-has-children menu-item-11739"><a href="https://www.stratford.ac.uk/16-19/introduction/">16 – 19</a> 3564<ul class="sub-menu"> 3565 <li id="menu-item-11741" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-11741"><a href="https://www.stratford.ac.uk/16-19/introduction/">Introduction</a></li> 3566 <li id="menu-item-43658" class="menu-item menu-item-type-taxonomy menu-item-object-demographic menu-item-43658"><a href="https://www.stratford.ac.uk/demographic/16-to-19/">16 â 19 Courses</a></li> 3567 <li id="menu-item-61814" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-61814"><a href="https://www.stratford.ac.uk/16-19/t-levels/">T-Levels</a></li> 3568 <li id="menu-item-47032" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47032"><a href="https://www.stratford.ac.uk/suac-onstage/">SUAC Onstage</a></li> 3569 <li id="menu-item-47277" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-47277"><a href="https://fastforwardyourcareer.co.uk/">Fast Forward Careers Explorer</a></li> 3570 <li id="menu-item-51040" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-51040"><a href="/about-us/student-services/#tuition-fund-16-19">16-19 Tuition Fund</a></li> 3571 <li id="menu-item-61715" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61715">
3571<a href="https://www.stratford.ac.uk/about-us/our-campus/">Our Campus</a></li> 3572 <li id="menu-item-11745" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-11745"><a href="https://www.stratford.ac.uk/16-19/how-do-i-apply/">How do I apply?</a></li> 3573 <li id="menu-item-63025" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-63025"><a href="https://www.stratford.ac.uk/16-19/send-support/">SEND Support</a></li> 3574 <li id="menu-item-61716" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61716"><a href="https://www.stratford.ac.uk/about-us/student-services/">Student Services</a></li> 3575 <li id="menu-item-11749" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-11749"><a href="https://www.stratford.ac.uk/16-19/universitycentre/">University Progression</a></li> 3576 <li id="menu-item-11752" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-11752"><a href="https://www.stratford.ac.uk/16-19/current-parents/">Current Parents</a></li> 3577 <li id="menu-item-64114" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64114"><a href="https://forms.cloud.microsoft/e/uLkccQeZQu">Absence Reporting</a></li> 3578 <li id="menu-item-62546" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-62546"><a href="https://www.stratford.ac.uk/wp-content/uploads/2025/08/parent-carer-handbook.pdf">Parent/Carer Handbook</a></li> 3579 <li id="menu-item-47208" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-47208"><a href="https://www.stratford.ac.uk/16-19/16-17-railcard/">16-17 Railcard</a></li> 3580 <li id="menu-item-61138" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-61138"><a href="https://www.stratford.ac.uk/16-19/new-starters/">New Starters</a></li> 3581</ul> 3582</li> 3583<li id="menu-item-11760" class="menu-item menu-item-type-post_type menu-item-object-apprentice menu-item-has-children menu-item-11760"><a href="https://www.stratford.ac.uk/apprentice/introduction/">Apprenticeships</a> 3584<ul class="sub-menu"> 3585 <li id="menu-item-11762" class="menu-item menu-item-type-post_type menu-item-object-apprentice menu-item-11762"><a href="https://www.stratford.ac.uk/apprentice/introduction/">Introduction</a></li> 3586 <li id="menu-item-43380" class="menu-item menu-item-type-taxonomy menu-item-object-demographic menu-item-43380"><a href="https://www.stratford.ac.uk/demographic/apprentice/">Apprenticeships</a></li> 3587 <li id="menu-item-11766" class="menu-item menu-item-type-post_type menu-item-object-apprentice menu-item-11766">
3587<a href="https://www.stratford.ac.uk/apprentice/how-do-i-apply/">How to apply?</a></li> 3588 <li id="menu-item-11767" class="menu-item menu-item-type-post_type menu-item-object-apprentice menu-item-11767"><a href="https://www.stratford.ac.uk/apprentice/apprenticeship-vacancies/">Apprenticeship vacancies</a></li> 3589</ul> 3590</li> 3591<li id="menu-item-11773" class="menu-item menu-item-type-post_type menu-item-object-uni_level_learner menu-item-has-children menu-item-11773"><a href="https://www.stratford.ac.uk/uni-level-learner/university-level-learners-introduction/">University Level</a> 3592<ul class="sub-menu"> 3593 <li id="menu-item-11775" class="menu-item menu-item-type-post_type menu-item-object-uni_level_learner menu-item-11775"><a href="https://www.stratford.ac.uk/uni-level-learner/university-level-learners-introduction/">Introduction</a></li> 3594 <li id="menu-item-43659" class="menu-item menu-item-type-post_type menu-item-object-demographic menu-item-43659"><a href="https://www.stratford.ac.uk/demographic/university-level-learner/">University Level Courses</a></li> 3595 <li id="menu-item-47031" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47031"><a href="https://www.stratford.ac.uk/suac-onstage/">SUAC Onstage</a></li> 3596 <li id="menu-item-16017" class="menu-item menu-item-type-post_type menu-item-object-uni_level_learner menu-item-16017"><a href="https://www.stratford.ac.uk/uni-level-learner/policies-and-applicant-information/">Policies and Applicant Information</a></li> 3597 <li id="menu-item-11781" class="menu-item menu-item-type-post_type menu-item-object-uni_level_learner menu-item-11781"><a href="https://www.stratford.ac.uk/uni-level-learner/how-do-i-apply/">How can I apply?</a></li> 3598 <li id="menu-item-42122" class="menu-item menu-item-type-post_type menu-item-object-uni_level_learner menu-item-42122"><a href="https://www.stratford.ac.uk/uni-level-learner/about-stratford-upon-avon/">About Stratford-upon-Avon</a></li> 3599 <li id="menu-item-61713" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61713"><a href="https://www.stratford.ac.uk/about-us/our-campus/">Our Campus</a></li> 3600 <li id="menu-item-61717" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61717"><a href="https://www.stratford.ac.uk/about-us/student-services/">Student Services</a></li> 3601</ul> 3602</li> 3603<li id="menu-item-11791" class="menu-item menu-item-type-post_type menu-item-object-adult_learner menu-item-has-children menu-item-11791"><a href="https://www.stratford.ac.uk/adult-professional/introduction/">Adult & Professional</a> 3604<ul class="sub-menu"> 3605 <li id="menu-item-11793" class="menu-item menu-item-type-post_type menu-item-object-adult_learner menu-item-11793"><a href="https://www.stratford.ac.uk/adult-professional/introduction/">Introduction to Adult & Professional Learning</a></li> 3606 <li id="menu-item-43660" class="menu-item menu-item-type-post_type menu-item-object-demographic menu-item-43660"><a href="https://www.stratford.ac.uk/demographic/adult-professional/">Adult & Professional Courses</a></li> 3607 <li id="menu-item-51744" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-51744"><a href="https://www.stratford.ac.uk/national-skills-fund-free-courses/">National Skills Fund â Free Courses</a></li> 3608 <li id="menu-item-48740" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48740"><a href="https://www.stratford.ac.uk/suac-onstage/">SUAC Onstage</a></li> 3609 <li id="menu-item-59590" class="menu-item menu-item-type-post_type menu-item-object-adult_learner menu-item-59590"><a href="https://www.stratford.ac.uk/adult-professional/upskill-reskill/">Upskill/Reskill Careers Explorer</a></li> 3610 <li id="menu-item-11797" class="menu-item menu-item-type-post_type menu-item-object-adult_learner menu-item-11797"><a href="https://www.stratford.ac.uk/adult-professional/how-to-apply-and-enrol/">How to Apply and Enrol</a></li> 3611 <li id="menu-item-11798" class="menu-item menu-item-type-post_type menu-item-object-adult_learner menu-item-11798"><a href="https://www.stratford.ac.uk/adult-professional/finance-and-loans/">Finance and Loans</a></li> 3612 <li id="menu-item-61714" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61714">
3612<a href="https://www.stratford.ac.uk/about-us/our-campus/">Our Campus</a></li> 3613 <li id="menu-item-61718" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61718"><a href="https://www.stratford.ac.uk/about-us/student-services/">Student Services</a></li> 3614</ul> 3615</li> 3616<li id="menu-item-44869" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-44869"><a href="https://www.stratford.ac.uk/online-courses/">Online</a> 3617<ul class="sub-menu"> 3618 <li id="menu-item-44870" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44870"><a href="https://www.stratford.ac.uk/online-courses/">Introduction</a></li> 3619 <li id="menu-item-44871" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-44871"><a href="https://solihull.e-careers.college">Online Courses</a></li> 3620 <li id="menu-item-50420" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-50420"><a href="/demographic/part-time-learner/category/distance-learning/">Flexible Learning</a></li> 3621</ul> 3622</li> 3623<li id="menu-item-11813" class="menu-item menu-item-type-post_type menu-item-object-employers menu-item-has-children menu-item-11813"><a href="https://www.stratford.ac.uk/employers/introduction/">Employers</a> 3624<ul class="sub-menu"> 3625 <li id="menu-item-11815" class="menu-item menu-item-type-post_type menu-item-object-employers menu-item-11815"><a href="https://www.stratford.ac.uk/employers/introduction/">Introduction</a></li> 3626 <li id="menu-item-11819" class="menu-item menu-item-type-post_type menu-item-object-employers menu-item-11819"><a href="https://www.stratford.ac.uk/employers/employ-an-apprentice/">Employ An Apprentice</a></li> 3627 <li id="menu-item-56286" class="menu-item menu-item-type-post_type menu-item-object-employers menu-item-56286"><a href="https://www.stratford.ac.uk/employers/meet-the-team/">Meet the Team</a></li> 3628 <li id="menu-item-11823" class="menu-item menu-item-type-post_type menu-item-object-employers menu-item-11823"><a href="https://www.stratford.ac.uk/employers/work-experience/">Work Placements</a></li> 3629 <li id="menu-item-42709" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42709"><a href="https://www.stratford.ac.uk/venue-hire/">Hire our Facilities</a></li> 3630 <li id="menu-item-57351" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-57351"><a href="https://www.solihull.ac.uk/employers/business-centre/">Business Centre (Solihull)</a></li> 3631 <li id="menu-item-62087" class="menu-item menu-item-type-post_type menu-item-object-employers menu-item-62087"><a href="https://www.stratford.ac.uk/employers/social-value-excellence/">Social Value Excellence</a></li> 3632</ul> 3633</li> 3634<li id="menu-item-11825" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-11825"><a href="https://www.stratford.ac.uk/news-and-events/">News & Open Events</a> 3635<ul class="sub-menu"> 3636 <li id="menu-item-52121" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-52121"><a href="https://www.stratford.ac.uk/news-and-events/open-events/">Open Events</a></li> 3637 <li id="menu-item-11831" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11831"><a href="https://www.stratford.ac.uk/news-and-events/term-dates/">Term Dates</a></li> 3638 <li id="menu-item-63115" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63115"><a href="https://www.stratford.ac.uk/news-and-events/">Latest News</a></li> 3639 <li id="menu-item-44993" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44993"><a href="https://www.stratford.ac.uk/news-and-events/performances-shows/">Performances & Shows</a></li> 3640 <li id="menu-item-11833" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11833"><a href="https://www.stratford.ac.uk/news-and-events/enrolment-details/">Enrolment Details</a></li> 3641</ul> 3642</li> 3643<li id="menu-item-11834" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-11834"><a href="#">Our College</a> 3644<ul class="sub-menu"> 3645 <li id="menu-item-11836" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11836"><a href="https://www.stratford.ac.uk/about-us/">About Us</a></li> 3646 <li id="menu-item-11940" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11940"><a href="https://www.stratford.ac.uk/contact-us/">Contact Us</a></li> 3647 <li id="menu-item-43661" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43661"><a href="https://www.stratford.ac.uk/ofsted-report/">Ofsted Report</a></li> 3648 <li id="menu-item-11837" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11837">
3648<a href="https://www.stratford.ac.uk/about-us/our-campus/">Our Campus</a></li> 3649 <li id="menu-item-11840" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11840"><a href="https://www.stratford.ac.uk/about-us/mission-and-values/">Mission, Vision & Values</a></li> 3650 <li id="menu-item-12502" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12502"><a href="https://www.stratford.ac.uk/about-us/equality-diversity/">Equality & Diversity</a></li> 3651 <li id="menu-item-12580" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12580"><a href="https://www.stratford.ac.uk/about-us/safeguarding-prevent/">Safeguarding & Prevent</a></li> 3652 <li id="menu-item-12225" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12225"><a href="https://www.stratford.ac.uk/about-us/policies/">Policies</a></li> 3653 <li id="menu-item-61879" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61879"><a href="https://www.stratford.ac.uk/about-us/senior-leadership-team/">Stratford Leadership Team</a></li> 3654 <li id="menu-item-49259" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49259"><a href="https://www.stratford.ac.uk/jobs/">Jobs</a></li> 3655 <li id="menu-item-11842" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11842"><a href="https://www.stratford.ac.uk/about-us/college-governance/">College Governance</a></li> 3656 <li id="menu-item-43349" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43349"><a href="https://www.stratford.ac.uk/about-us/alumni/">Alumni</a></li> 3657 <li id="menu-item-45150" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45150"><a href="https://www.stratford.ac.uk/about-us/our-talent/">Our Talent</a></li> 3658 <li id="menu-item-47030" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47030"><a href="https://www.stratford.ac.uk/suac-onstage/">SUAC Onstage</a></li> 3659 <li id="menu-item-11850" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11850"><a href="https://www.stratford.ac.uk/venue-hire/">Venue Hire</a></li> 3660 <li id="menu-item-11839" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11839"><a href="https://www.stratford.ac.uk/about-us/supplying-to-stratford-upon-avon-college/">Supplying to Stratford-upon-Avon College</a></li> 3661 <li id="menu-item-47655" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-47655"><a href="https://fastforwardyourcareer.co.uk/">Fast Forward Careers Explorer</a></li> 3662 <li id="menu-item-51743" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-51743"><a href="https://www.stratford.ac.uk/national-skills-fund-free-courses/">National Skills Fund â Free Courses</a></li> 3663 <li id="menu-item-47465" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47465"><a href="https://www.stratford.ac.uk/about-us/student-services/">Student Services</a></li> 3664 <li id="menu-item-53313" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-53313"><a href="https://www.stratford.ac.uk/about-us/student-services/careers-advice/">Careers Advice</a></li> 3665 <li id="menu-item-51954" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-51954"><a href="https://www.stratford.ac.uk/sustainability/">Sustainability</a></li> 3666</ul> 3667</li> 3668<li id="menu-item-61803" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61803"><a href="https://www.stratford.ac.uk/contact-us/">Contact Us</a></li> 3669<li id="menu-item-49547" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49547"><a href="https://www.stratford.ac.uk/intranet/">Intranet</a></li> 3670</ul></div> </div> 3671 </div> 3672 </div> 3673 </nav> 3674 </div> 3675 </div> 3676 </div> 3677 3678 <main id="main-content" tabindex="-1" class="hompage"> 3679<section id="couser-search" style=" background-size:cover; background-position:center;"> 3680 3681 <div class="row container"> 3682 <div class="display-table"> 3683 <div class="display-table-cell"> 3684 <div class="col-md-12"> 3685 <h2>
3686 <span>SKILL UP </span>PASSION TO PROFESSION </h2> 3687 <p> 3688 Whether you know the career for you, or you want to find out based on your interests, we have the route for you. Search below to start your journey! </p> 3689 <div class="mainsearchcontainer"> 3690 <div class="search-row e-outer-div"> 3691 <h3>COURSE SEARCH</h3> 3692 <form role="search" method="post" action="https://www.stratford.ac.uk/all-interests/"> 3693 <div class="col-1"> 3694 <div class="col-inner e-inner" id="demographicSearch"> 3695 <span class="filterstep">1</span> 3696 <label for="demographicVal">I am looking for...</label> 3697 <select id="demographicVal" class="turnintodropdown_demo2"> 3698 <option value="">Start Your Search Here</option> 3699 <option id="42155" value= "16-to-19" link="?demographic=16-to-19">16-19 Courses</option><option id="42849" value= "apprentice" link="?demographic=apprentice">Apprenticeships</option><option id="42152" value= "university-level-learner" link="?demographic=university-level-learner">University Level Courses</option><option id="42154" value= "adult-professional" link="?demographic=adult-professional">Adult & Professional Courses</option> 3700 </select> 3701 </div> 3702 </div> 3703 3704 <div class="col-3 e-inner"> 3705 <div class="catorinterest"><div>OR</div></div> 3706 <span class="filterstep">2</span> 3707 <div class="col-inner courseSelect" id="courseCatSearch"> 3708 3709 <label for="courseCatVal">I want to study...</label> 3710 <select name="cat" id="courseCatVal" class="turnintodropdown_demo2"> 3711 <option value="">Select Course</option> 3712 </select> 3713 </div> 3714 </div> 3715 3716 <div class="col-2"> 3717 <div class="col-inner e-inner"> 3718 3719 <label for="csinput">I am interested in...</label> 3720 <div class="interest-search-field-outer"> 3721 <input name="interes_filter" type="text" id="csinput" pattern="[^'\x22!?%$<>*#]+" placeholder="Search Interest"> 3722 <button class="interestsearchbutton" type="submit" aria-label="Click to Search"><i class="fa fa-search" aria-hidden="true"></i></button> 3723 </div> 3724 3725 3726 </div> 3727 </div> 3728 3729 </form> 3730 </div> 3731 </div> 3732 3733 </div> 3734 </div> 3735 </div> 3736 </div> 3737</section> 3738 3739 </div> 3740 </section> 3741 3742 <section id="whats-going-on-boxs"> 3743 <div class="row container"> 3744 <h2>WHAT'S GOING ON?</h2> 3745 <div class="flex-row"> 3746 <div class="col-sm-6 col-md-4"> 3747 <a class="" style="display:block;" href="https://www.stratford.ac.uk/events/school-leaver-open-event-202611/" id="featured-banner-1"> 3748 <picture> 3749<source type="image/webp" data-srcset="https://www.stratford.ac.uk/wp-content/uploads/2019/08/prl-6866-359x195.jpg.webp"/> 3750<img data-src="https://www.stratford.ac.uk/wp-content/uploads/2019/08/prl-6866-359x195.jpg" alt="Students embrace outside college building. School Leaver Advice Days."/> 3751</picture> 3752 3753 <figcaption> 3754 <h3><span style="text-transform: uppercase;">Open Events</span></h3> 3755 <h4>Pre-register now!</h4> 3756 </figcaption> 3757 </a> 3758 </div> 3759 <div class="col-sm-6 col-md-4"> 3760 <a class="" style="display:block;" href="https://www.stratford.ac.uk/news-and-events/" id="featured-banner-2"> 3761 <picture> 3762<source type="image/webp" data-srcset="https://www.stratford.ac.uk/wp-content/uploads/2026/09/img-8807-349x195-1.jpg.webp"/> 3763<img data-src="https://www.stratford.ac.uk/wp-content/uploads/2026/09/img-8807-349x195-1.jpg" alt="students ellie and ruby"/> 3764</picture> 3765 3766 <figcaption> 3767 <h3><span style="text-transform: uppercase;">Latest News</span></h3> 3768 <h4>Top stories from across college!</h4> 3769 </figcaption> 3770 </a> 3771 </div> 3772 <div class="col-sm-6 col-md-4"> 3773 <a class="" style="display:block;" href="https://www.stratford.ac.uk/demographic/adult-professional/" id="featured-banner-3"> 3774 <picture> 3775<source type="image/webp" data-srcset="https://www.stratford.ac.uk/wp-content/uploads/2024/01/english-maths-349x195-1.png.webp"/> 3776<img data-src="https://www.stratford.ac.uk/wp-content/uploads/2024/01/english-maths-349x195-1.png" alt="English & Maths"/> 3777</picture> 3778 3779 <figcaption> 3780 <h3><span style="text-transform: uppercase;">Free English & Maths courses</span></h3> 3781 <h4>Enrol now!</h4> 3782 </figcaption> 3783 </a> 3784 </div> 3785 3786 </div><!--flexrow--> 3787 </div> 3788 </section> 3789 3790 <section id="content-boxs"> 3791 <div class="row container"> 3792 <h2>READY TO JOIN US?</h2> 3793 <div class="flex-row"> 3794 <div class="col-sm-6 col-md-4"> 3795 <a class="" style="display:block;" href="https://www.stratford.ac.uk/adult-professional/upskill-reskill/" id="featured-banner-1"> 3796 <picture> 3797<source type="image/webp" data-srcset="https://www.stratford.ac.uk/wp-content/uploads/2023/09/upskill-reskill-logo-on-blue-349x195-0.png.webp"/> 3798<img data-src="https://www.stratford.ac.uk/wp-content/uploads/2023/09/upskill-reskill-logo-on-blue-349x195-0.png" alt="upskill reskill | break out of your career box"/> 3799</picture> 3800 3801 <figcaption> 3802 <h3><span style="text-transform: uppercase;">Upskill/Reskill</span></h3> 3803 <h4>Adult Career Explorer</h4> 3804 </figcaption> 3805 </a> 3806 </div> 3807 <div class="col-sm-6 col-md-4"> 3808 <a class="" style="display:block;" href="https://www.stratford.ac.uk/employers/introduction/" id="featured-banner-2"> 3809 <picture> 3810<source type="image/webp" data-srcset="https://www.stratford.ac.uk/wp-content/uploads/2025/05/the-business-centre-349x195-1.jpg.webp"/> 3811<img data-src="https://www.stratford.ac.uk/wp-content/uploads/2025/05/the-business-centre-349x195-1.jpg" alt="The Business Centre"/> 3812</picture> 3813 3814 <figcaption> 3815 <h3><span style="text-transform: uppercase;">Employers</span></h3> 3816 <h4>We can help your business!</h4> 3817 </figcaption> 3818 </a> 3819 </div> 3820 <div class="col-sm-6 col-md-4"> 3821 <a class="" style="display:block;" href="https://www.stratford.ac.uk/category/distance-learning/" id="featured-banner-3"> 3822 <picture> 3823<source type="image/webp" data-srcset="https://www.stratford.ac.uk/wp-content/uploads/2022/01/distance-learning-e1586192776771-349x195-1.jpg.webp"/> 3824<img data-src="https://www.stratford.ac.uk/wp-content/uploads/2022/01/distance-learning-e1586192776771-349x195-1.jpg" alt="Student writing notes at desk with cup and smartphone."/> 3825</picture> 3826 3827 <figcaption> 3828 <h3><span style="text-transform: uppercase;">Flexible Learning</span></h3> 3829 <h4>Study when & where you like</h4> 3830 </figcaption> 3831 </a> 3832 </div> 3833 <div class="col-sm-6 col-md-4"> 3834 <a class="" style="display:block;" href="https://www.stratford.ac.uk/suac-onstage/" id="featured-banner-4"> 3835 <picture> 3836<source type="image/webp" data-srcset="https://www.stratford.ac.uk/wp-content/uploads/2019/08/suac-on-stage-logo-01-white-349x195.png.webp"/> 3837<img data-src="https://www.stratford.ac.uk/wp-content/uploads/2019/08/suac-on-stage-logo-01-white-349x195.png" alt="Courses for School Leavers Stratford-upon-Avon College"/> 3838</picture> 3839 3840 <figcaption> 3841 <h3><span style="text-transform: uppercase;">SUAC Onstage</span></h3> 3842 <h4>Find out more</h4> 3843 </figcaption> 3844 </a> 3845 </div> 3846 <div class="col-sm-6 col-md-4"> 3847 <a class="" style="display:block;" href="https://www.stratford.ac.uk/apprentice/introduction/" id="featured-banner-5"> 3848 <picture> 3849<source type="image/webp" data-srcset="https://www.stratford.ac.uk/wp-content/uploads/2022/02/070316ice-08-349x195-1.jpg.webp"/> 3850<img data-src="https://www.stratford.ac.uk/wp-content/uploads/2022/02/070316ice-08-349x195-1.jpg" alt="3 students standing outside Solihull College & University Centre"/> 3851</picture> 3852 3853 <figcaption> 3854 <h3><span style="text-transform: uppercase;">Become an apprentice</span></h3> 3855 <h4>Discover more!</h4> 3856 </figcaption> 3857 </a> 3858 </div> 3859 <div class="col-sm-6 col-md-4"> 3860 <a class="" style="display:block;" href="https://www.solihull.ac.uk/" id="featured-banner-6"> 3861 <picture> 3862<source type="image/webp" data-srcset="https://www.stratford.ac.uk/wp-content/uploads/2020/09/New-Stratford-website-merger-button.jpg.webp"/> 3863<img data-src="https://www.stratford.ac.uk/wp-content/uploads/2020/09/New-Stratford-website-merger-button.jpg" alt="Apprenticeships near me Stratford-upon-Avon College"/> 3864</picture> 3865 3866 <figcaption> 3867 <h3><span style="text-transform: uppercase;">Merger Partner</span></h3> 3868 <h4>More courses to choose from!</h4> 3869 </figcaption> 3870 </a> 3871 </div> 3872 3873 </div><!--flexrow--> 3874 </div> 3875 </section> 3876 </div> 3877 3878 3879 <!-- Modal University Level Learner - Error Message --> 3880 <div class="modal fade" id="homePageWarning" tabindex="-1" role="dialog" aria-hidden="true"> 3881 <div class="modal-dialog"> 3882 <div class="modal-content"> 3883 <div class="modal-header"> 3884 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 3885 <div class="modal-title" id="enquiry_title"> 3886 <picture> 3887<source type="image/webp" data-srcset="https://www.stratford.ac.uk/wp-content/themes/stratford/images/stratford-college-purple-logo.png.webp"/> 3888<img alt="stratford college" data-src="https://www.stratford.ac.uk/wp-content/themes/stratford/images/stratford-college-purple-logo.png"/> 3889</picture> 3890 3891 </div>
3892 </div> 3893 <div class="modal-body"> 3894 <div class="row"> 3895 <h2 style="margin-bottom: 20px;">Stratford-upon-Avon Unplugged: Preparing for the Digital Future</h2> 3896<p>Stratford-upon-Avon College is currently running a special exercise called ‘Stratford-upon-Avon Unplugged’ to help prepare our staff and students for the challenges of a cyber attack. During this exercise, our phone lines and emails will not be available.</p> 3897<p>We are using this planned day as a learning opportunity to test our cyber resilience plans and ensure we can continue to operate in any cyber incident. All systems will be fully restored tomorrow.</p> 3898<p>If you have an urgent safeguarding concern, please call <a href="tel:01216787000">0121 678 7000</a> where a recorded message will provide you with more information.</p> 3899 </div> 3900 </div> 3901 <div class="modal-footer"> 3902 <button type="button" class="clear_btn h5" data-dismiss="modal">Close</button> 3903 </div> 3904 </div> 3905 </div> 3906 </main> 3907 3908<div class="orangeBar"></div> 3909 3910<section id="partner-logo" role="presentation"> 3911 <div class="row container"> 3912 <div class="col-xs-12 wrapper-with-margin"> 3913 <div id="footer-banner" class="owl-carousel"> 3914 <style> 3915 #footer-banner .owl-stage-outer {height:100px;} 3916 #footer-banner .owl-controls .owl-nav { 3917 position: static !important; 3918 margin-top: 0px !important; 3919 } 3920 #footer-banner .owl-controls .owl-nav [class*=owl-] { 3921 background: #662382 !important; 3922 } 3923 #footer-banner img { 3924 max-height:70px; 3925 object-fit:contain; 3926 object-position:center; 3927 } 3928 .news-item { 3929 margin-bottom:15px; 3930 display:block; 3931 } 3932 .news-item:after { 3933 content: ''; 3934 display:table; 3935 clear:both; 3936 width:100%; 3937 3938 } 3939 </style> 3940 3941 3942 <div class="item"> 3943 3944 <picture style="width:auto;"> 3945<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2015/06/solihull-college-logo-180x85.png.webp"/> 3946<img src="https://www.stratford.ac.uk/wp-content/uploads/2015/06/solihull-college-logo-180x85.png" alt="Stratford-upon-Avon College Student Full-Time Courses"/> 3947</picture> 3948 3949 3950 </div> 3951 3952 3953 <div class="item"> 3954 3955 <picture style="width:auto;"> 3956<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2021/04/cwlep-local-enterprise-partnership-190x55-1.png.webp"/> 3957<img src="https://www.stratford.ac.uk/wp-content/uploads/2021/04/cwlep-local-enterprise-partnership-190x55-1.png" alt="Coventry & Warwickshire Local Enterprise Partnership"/> 3958</picture> 3959 3960 3961 </div> 3962 3963 3964 <div class="item"> 3965 3966 <picture style="width:auto;"> 3967<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2021/04/esfa-education-skills-funding-agency-logo-190x87-1.png.webp"/> 3968<img src="https://www.stratford.ac.uk/wp-content/uploads/2021/04/esfa-education-skills-funding-agency-logo-190x87-1.png" alt="Education and Skills Funding Agency (ESFA)"/> 3969</picture> 3970 3971 3972 </div> 3973 3974 3975 <div class="item"> 3976 <a href="https://www.midlandsengine.org/" rel="nofollow noreferrer noopener" target="_blank"> 3977 3978 <picture style="width:auto;"> 3979<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2021/04/midlands-engine-blue-logo-190x71-1.jpg.webp"/> 3980<img src="https://www.stratford.ac.uk/wp-content/uploads/2021/04/midlands-engine-blue-logo-190x71-1.jpg" alt="Midlands Engine"/> 3981</picture> 3982 3983 3984 </a> 3985 </div> 3986 3987 3988 <div class="item"> 3989 3990 <picture style="width:auto;"> 3991<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2019/06/wmca-logo-orange-black-180x.png.webp"/> 3992<img src="https://www.stratford.ac.uk/wp-content/uploads/2019/06/wmca-logo-orange-black-180x.png" alt="West Midlands Comb
3992ined Authority (Logo)"/> 3993</picture> 3994 3995 3996 </div> 3997 3998 3999 <div class="item"> 4000 <a href="https://skillswmw.com/" rel="nofollow noreferrer noopener" target="_blank"> 4001 4002 <picture style="width:auto;"> 4003<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2024/04/skills-west-midlands-warwickshire-x85-1.jpg.webp"/> 4004<img src="https://www.stratford.ac.uk/wp-content/uploads/2024/04/skills-west-midlands-warwickshire-x85-1.jpg" alt="Skills West Midlands + Warwickshire"/> 4005</picture> 4006 4007 4008 </a> 4009 </div> 4010 4011 4012 <div class="item"> 4013 <a href="https://www.stratfordtowntrust.co.uk/" rel="nofollow noreferrer noopener" target="_blank"> 4014 4015 <picture style="width:auto;"> 4016<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2023/11/stratford-town-trust-colour-180x68-1.png.webp"/> 4017<img src="https://www.stratford.ac.uk/wp-content/uploads/2023/11/stratford-town-trust-colour-180x68-1.png" alt="Stratford Town Trust Creating a Vibrant and Connected Community"/> 4018</picture> 4019 4020 4021 </a> 4022 </div> 4023 4024 4025 <div class="item"> 4026 4027 <picture style="width:auto;"> 4028<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2025/06/aim-qual-assssmnt-grp.png.webp"/> 4029<img src="https://www.stratford.ac.uk/wp-content/uploads/2025/06/aim-qual-assssmnt-grp.png" alt="AIM Qualifications and Assessment Group 217x85"/> 4030</picture> 4031 4032 4033 </div> 4034 4035 4036 <div class="item"> 4037 4038 <picture style="width:auto;"> 4039<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2025/06/aim-assessment.png.webp"/> 4040<img src="https://www.stratford.ac.uk/wp-content/uploads/2025/06/aim-assessment.png" alt="AIM Assessment"/> 4041</picture> 4042 4043 4044 </div> 4045 4046 4047 <div class="item"> 4048 <a href="https://www.stratford.ac.uk/suac-onstage/" rel="nofollow noreferrer noopener" target="_blank"> 4049 4050 <picture style="width:auto;"> 4051<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2019/09/suac-onstage-black-00.png.webp"/> 4052<img src="https://www.stratford.ac.uk/wp-content/uploads/2019/09/suac-onstage-black-00.png" alt="SUAC Onstage Performing Arts Course"/> 4053</picture> 4054 4055 4056 </a> 4057 </div> 4058 4059 4060 <div class="item"> 4061 4062 <picture style="width:auto;"> 4063<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2019/01/armed-forces-covenant.png.webp"/> 4064<img src="https://www.stratford.ac.uk/wp-content/uploads/2019/01/armed-forces-covenant.png" alt="Armed Forces Covenant"/> 4065</picture> 4066 4067 4068 </div> 4069 4070 4071 <div class="item"> 4072 <a href="https://ukfeminista.org.uk/" rel="nofollow noreferrer noopener" target="_blank"> 4073 4074 <picture style="width:auto;"> 4075<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2026/06/ukfem-action-award-logo-silver-2026-aw-99x70-1.png.webp"/> 4076<img src="https://www.stratford.ac.uk/wp-content/uploads/2026/06/ukfem-action-award-logo-silver-2026-aw-99x70-1.png" alt="UK Feminista Silver Action Award"/> 4077</picture> 4078 4079 4080 </a> 4081 </div> 4082 4083 4084 <div class="item"> 4085 4086 <picture style="width:auto;"> 4087<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2015/06/matrix-quality-standard-01-180x85.png.webp"/> 4088<img src="https://www.stratford.ac.uk/wp-content/uploads/2015/06/matrix-quality-standard-01-180x85.png" alt="Matrix Quality Standard for Information advice and Guidance Services"/> 4089</picture> 4090 4091 4092 </div> 4093 4094 4095 <div class="item"> 4096 4097 <img style="width:auto;" src="https://www.stratford.ac.uk/wp-content/uploads/2019/02/logo-quality-in-careers-standard-2017-e1714650067563.png" alt="Quality in Careers Standard" /> 4098 4099 </div> 4100 4101 4102 <div class="item"> 4103 4104 <picture style="width:auto;"> 4105<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2022/08/west-midlands-net-zero-business-pledge-180x.jpg.webp"/> 4106<img src="https://www.stratford.ac.uk/wp-content/uploads/2022/08/west-midlands-net-zero-business-pledge-180x.jpg" alt="West Midlands Net Zero Business Pledge"/> 4107</picture> 4108 4109 4110 </div> 4111 4112 4113 <div class="item"> 4114 4115 <picture style="width:auto;"> 4116<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2022/05/qscs-logo-with-cf-x85.png.webp"/> 4117<img src="https://www.stratford.ac.uk/wp-content/uploads/2022/05/qscs-logo-with-cf-x85.png" alt="Quality Standard in Carer Support QSCS"/> 4118</picture> 4119 4120 4121 </div> 4122 4123 4124 <div class="item"> 4125 <a href="https://www.rainbowflagaward.co.uk/" rel="nofollow noreferrer noopener" target="_blank"> 4126 4127 <picture style="width:auto;"> 4128<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2024/12/the-rainbow-flag-award-85x85-1.png.webp"/> 4129<img src="https://www.stratford.ac.uk/wp-content/uploads/2024/12/the-rainbow-flag-award-85x85-1.png" alt="Proudly Achieved The Rainbow Flag Award December 2024"/> 4130</picture> 4131 4132 4133 </a> 4134 </div> 4135 4136 4137 <div class="item"> 4138 <a href="https://www.accesstohe.ac.uk/" rel="nofollow noreferrer noopener" target="_blank"> 4139 4140 <picture style="width:auto;"> 4141<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2024/10/qaa-access-higher-education-x85.png.webp"/> 4142<img src="https://www.stratford.ac.uk/wp-content/uploads/2024/10/qaa-access-higher-education-x85.png" alt="Access to Higher Education logo"/> 4143</picture> 4144 4145 4146 </a> 4147 </div> 4148 4149 4150 <div class="item"> 4151 <a href="https://skillsandeducationgroupaccess.co.uk/" rel="nofollow noreferrer noopener" target="_blank"> 4152 4153 <picture style="width:auto;"> 4154<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2024/10/skills-education-group-access-x85.png.webp"/> 4155<img src="https://www.stratford.ac.uk/wp-content/uploads/2024/10/skills-education-group-access-x85.png" alt="Skills And Education Group Access"/> 4156</picture> 4157 4158 4159 </a> 4160 </div> 4161 4162 </div> 4163 </div> 4164 </div> 4165</section> 4166 4167<footer> 4168 <section id="upper-section"> 4169 <div class="row container"> 4170 4171 <div class="col-sm- col-md-4"> 4172 <section id="footer-navigation"> 4173 <div class="sub-heading">GET IN TOUCH</div> 4174 <ul> 4175 <li id="menu-item-5256" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5256"><a title="Contact Us" href="https://www.stratford.ac.uk/contact-us/">Contact Us</a></li> 4176<li id="menu-item-5257" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5257"><a title="Venue Hire" href="https://www.stratford.ac.uk/venue-hire/">Venue Hire</a></li> 4177 </ul> 4178 <div class="sub-heading">WORKING FOR US</div> 4179 <ul> 4180 <li><a href="https://www.stratford.ac.uk/jobs/">Latest Jobs</a></li> 4181 </ul> 4182 <div class="sub-heading">ABOUT THIS SITE</div> 4183 <ul> 4184 <li id="menu-item-5253" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5253"><a title="Accessibility" href="https://www.stratford.ac.uk/accessibility/">Accessibility</a></li> 4185<li id="menu-item-43651" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43651"><a title="Privacy and Cookies" href="https://www.stratford.ac.uk/privacy-and-cookies/">Privacy and Cookies</a></li> 4186 </ul> 4187 <div class="sub-heading">GOVERNORS' PORTAL</div> 4188 <ul> 4189 <li id="menu-item-54681" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-54681"><a title="Governor Private Access" href="https://studentssolihullac.sharepoint.com/sites/GovernorPortal">Governor Private Access</a></li> 4190 </ul> 4191 </section> 4192 </div> 4193 4194 <div class="col-sm-6 col-md-4"> 4195 <section id="footer-news"> 4196 <div class="sub-heading">NEWS & EVENTS</div> 4197 4198 4199 4200 <a href="https://www.stratford.ac.uk/news/former-backstage-student-shares-life-in-tv-and-film/" class="news-item" aria-label="Read more about Former Backstage student shares life in TV and Film"> 4201 <picture class="attachment-thumbnail size-thumbnail wp-post-image" decoding="async" loading="lazy"> 4202<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2026/09/IMG_9419-150x150.jpg.webp 150w, https://www.stratford.ac.uk/wp-content/uploads/2026/09/IMG_9419-400x400.jpg.webp 400w" sizes="auto, (max-width: 150px) 100v
4202w, 150px"/> 4203<img width="150" height="150" src="https://www.stratford.ac.uk/wp-content/uploads/2026/09/IMG_9419-150x150.jpg" alt="person sitting on stairs with students on chairs at edges of frame" decoding="async" loading="lazy" srcset="https://www.stratford.ac.uk/wp-content/uploads/2026/09/IMG_9419-150x150.jpg 150w, https://www.stratford.ac.uk/wp-content/uploads/2026/09/IMG_9419-400x400.jpg 400w" sizes="auto, (max-width: 150px) 100vw, 150px"/> 4204</picture> 4205 <div class="news-inner"> 4206 <div class="h4">Former Backstage student shares life in TV and Film</div> 4207 <em>Tuesday, 29th September 2026</em> 4208 </div> 4209 </a> 4210 4211 4212 <a href="https://www.stratford.ac.uk/news/former-music-student-reaches-new-heights-in-new-industry/" class="news-item" aria-label="Read more about Former Music student reaches new heights in new industry"> 4213 <img width="150" height="150" src="https://www.stratford.ac.uk/wp-content/uploads/2026/09/be33ef_62a7758ca4e5418f9aa9c2b5b3e78742_mv2-e1790159856482-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Nick Turvey talks about his journey from Music to management" decoding="async" loading="lazy" /> <div class="news-inner"> 4214 <div class="h4">Former Music student reaches new heights in new industry</div> 4215 <em>Wednesday, 23rd September 2026</em> 4216 </div> 4217 </a> 4218 4219 4220 <a href="https://www.stratford.ac.uk/news/amelia-celebrates-outstanding-ups-result/" class="news-item" aria-label="Read more about Amelia celebrates outstanding UPS result"> 4221 <img width="150" height="150" src="https://www.stratford.ac.uk/wp-content/uploads/2026/09/image6-e1790001341241-150x150.jpeg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="student in front of brick wall holding a certificate" decoding="async" loading="lazy" srcset="https://www.stratford.ac.uk/wp-content/uploads/2026/09/image6-e1790001341241-150x150.jpeg 150w, https://www.stratford.ac.uk/wp-content/uploads/2026/09/image6-e1790001341241-400x400.jpeg 400w" sizes="auto, (max-width: 150px) 100vw, 150px" /> <div class="news-inner"> 4222 <div class="h4">Amelia celebrates outstanding UPS result</div> 4223 <em>Monday, 21st September 2026</em> 4224 </div> 4225 </a> 4226 4227 4228 <a class="btn read-all-news" href="https://www.stratford.ac.uk/news-and-events/">Latest News</a> 4229 </section> 4230 </div> 4231 4232 4233 <div class="col-sm-12 col-md-4"> 4234 <section id="footer-search"> 4235 <label class="sub-heading" for="footersearchform">COURSE SEARCH</label> 4236 <form role="search" method="get" id="searchform" action="https://www.stratford.ac.uk"> 4237 <input type="text" value="" name="s" id="footersearchform" class="footer_searchbar" placeholder="Please select..." pattern="[^'\x22!?%$<>*#]+"> 4238 <button type="submit" id="searchsubmit" class="footer_input_search" aria-label="Search"> 4239 <i class="fa fa-search" aria-hidden="true"></i> 4240 </button> 4241 </form> 4242 4243 <ul class="footer_3_bottom"> 4244 <li class="footer_3_row"> 4245 <a href="mailto:[email protected]"><span>EMAIL</span>[email protected] </a> 4246 </li> 4247 <li class="footer_3_row"> 4248 <a href="tel:01789266245"><span>PHONE</span>01789 266 245</a> 4249 </li> 4250 <li class="footer_3_row"> 4251 <span class="social">SOCIAL</span> 4252 <ul class="social-links"> 4253 <li> 4254 <a href="https://www.facebook.com/stratforduponavoncollege/" aria-label="Facebook" target="_blank"> 4255 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="2.6em" height="2.6em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1536 1536"><path d="M1248 0q119 0 203.5 84.5T1536 288v960q0 119-84.5 203.5T1248 1536h-188V941h199l30-232h-229V561q0-56 23.5-84t91.5-28l122-1V241q-63-9-178-9q-136 0-217.5 80T820 538v171H620v232h200v595H288q-119 0-203.5-84.5T0 1248V288Q0 169 84.5 84.5T288 0h960z" fill="white"/></svg> 4256 </a> 4257 </li> 4258 <li> 4259 <a href="https://x.com/StratfordColl" aria-label="Twitter" target="_blank"> 4260 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="2.6em" height="2.6em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 500 500"><path d="M83.33,0C37.31,0,0,37.31,0,83.33v333.33c0,46.02,37.31,83.33,83.33,83.33h333.33c46.02,0,83.33-37.31,83.33-83.33V83.33C500,37.31,462.69,0,416.67,0H83.33ZM58.22,58.7h126.54l89.86,127.69,109.04-127.69h39.85l-130.9,153.25,161.41,229.35h-126.51l-104.28-148.15-126.54,148.15h-39.85l148.4-173.71L58.22,58.7ZM119.25,90.58l224.9,318.84h48.85L168.1,90.58h-48.85Z" fill="white" /></svg> 4261 </a> 4262 </li> 4263 <li class="social_images_list"> 4264 <a href="https://www.instagram.com/stratforduponavoncollege/" aria-label="Instagram" target="_blank"> 4265 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="2.6em" height="2.6em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1536 1536"><path d="M1024 768q0-106-75-181t-181-75t-181 75t-75 181t75 181t181 75t
4265181-75t75-181zm138 0q0 164-115 279t-279 115t-279-115t-115-279t115-279t279-115t279 115t115 279zm108-410q0 38-27 65t-65 27t-65-27t-27-65t27-65t65-27t65 27t27 65zM768 138q-7 0-76.5-.5t-105.5 0t-96.5 3t-103 10T315 169q-50 20-88 58t-58 88q-11 29-18.5 71.5t-10 103t-3 96.5t0 105.5t.5 76.5t-.5 76.5t0 105.5t3 96.5t10 103T169 1221q20 50 58 88t88 58q29 11 71.5 18.5t103 10t96.5 3t105.5 0t76.5-.5t76.5.5t105.5 0t96.5-3t103-10t71.5-18.5q50-20 88-58t58-88q11-29 18.5-71.5t10-103t3-96.5t0-105.5t-.5-76.5t.5-76.5t0-105.5t-3-96.5t-10-103T1367 315q-20-50-58-88t-88-58q-29-11-71.5-18.5t-103-10t-96.5-3t-105.5 0t-76.5.5zm768 630q0 229-5 317q-10 208-124 322t-322 124q-88 5-317 5t-317-5q-208-10-322-124T5 1085q-5-88-5-317t5-317q10-208 124-322T451 5q88-5 317-5t317 5q208 10 322 124t124 322q5 88 5 317z" fill="white"/></svg> 4266 </a> 4267 </li> 4268 <li class="social_images_list"> 4269 <a href="https://www.tiktok.com/@stratforduponavoncollege" aria-label="TikTok" target="_blank" title="Link to our TikTok Page"> 4270 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="2.6em" height="2.6em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 500 500"><path d="M416.67,0H83.33C37.31,0,0,37.31,0,83.33v333.33c0,46.02,37.31,83.33,83.33,83.33h333.33c46.02,0,83.33-37.31,83.33-83.33V83.33C500,37.31,462.69,0,416.67,0ZM416.67,215.8c-32.73.06-64.65-10.15-91.27-29.18v133.59c0,32.58-13.14,63.79-36.44,86.56-47.81,46.73-124.45,45.85-171.17-1.96-26.14-26.76-38.43-64.09-33.31-101.15,9.15-66.21,70.25-112.47,136.46-103.31v66.93c-17.17-5.46-35.93-2.23-50.27,8.67-24.35,18.5-29.09,53.23-10.59,77.57,10.43,13.71,26.65,21.79,43.88,21.85,30.58.11,55.47-24.6,55.57-55.18V58.75h65.88v8.43c3.7,39.91,32.9,72.79,72.09,81.18,6.31,1.33,12.73,2,19.18,1.99v65.46Z" fill="white"/></svg> 4271 </a> 4272 </li> 4273 <li class="social_images_list"> 4274 <a href="https://www.linkedin.com/company/stratford-upon-avon-college/" target="_blank" title="Link to our LinkedIn Page"> 4275 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="2.6em" height="2.6em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path d="M27.26 27.271h-4.733v-7.427c0-1.771-.037-4.047-2.475-4.047c-2.468 0-2.844 1.921-2.844 3.916v7.557h-4.739V11.999h4.552v2.083h.061c.636-1.203 2.183-2.468 4.491-2.468c4.801 0 5.692 3.161 5.692 7.271v8.385zM7.115 9.912a2.75 2.75 0 0 1-2.751-2.756a2.753 2.753 0 1 1 2.751 2.756zm2.374 17.359H4.74V12h4.749zM29.636 0H2.36C1.057 0 0 1.031 0 2.307v27.387c0 1.276 1.057 2.307 2.36 2.307h27.271c1.301 0 2.369-1.031 2.369-2.307V2.307C32 1.031 30.932 0 29.631 0z" fill="white"/></svg> 4276 </a> 4277 </li> 4278 </ul> 4279 </li> 4280 </ul> 4281 4282 </section> 4283 </div> 4284 4285 </div> 4286 </section> 4287 4288 <section id="lower-section"> 4289 <div class="row container"> 4290 <div class="col-sm-12 col-md-12">Copyright © Stratford-upon-Avon 2026</div> 4291 </div> 4292 </section> 4293</footer> 4294 4295<style> 4296 .load-errors { 4297 padding:0px 15px; 4298 } 4299 .load-errors .close { 4300 margin-top:-10px; 4301 } 4302</style>
4303<script> 4304 $('.proceed-tab-link a').click(function(){ 4305 window.location = $(this).attr('href'); 4306 }); 4307</script>
4307 4308
4309<script type="speculationrules"> 4310{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/stratford/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 4311</script>
vendor: 1 bytes, line 4311
4311
4312<script type="module" src="https://www.stratford.ac.uk/wp-content/plugins/borlabs-cookie/assets/javascript/borlabs-cookie.min.js?ver=3.4.2" id="borlabs-cookie-core-js-module" data-cfasync="false" data-no-minify="1" data-no-optimize="1"></script>
4312 4313<!--googleoff: all--><div data-nosnippet data-borlabs-cookie-consent-required='true' id='BorlabsCookieBox'></div><div id='BorlabsCookieWidget' class='brlbs-cmpnt-container'></div><!--googleon: all-->
4313<script> 4314/* ------------------background-cycle-start---------------------- */ 4315var currentImageIndex = -1; 4316var imageIds = new Array(); 4317var fadeSpeed; 4318 4319//Sizing constants. these determine the value of the CSS property 'background-size' of the selected container 4320var SCALING_MODE_NONE = 0; //Uses the original image size 4321var SCALING_MODE_STRETCH = 1; //Sets 'background-size' to '100% 100%'. This stretches the background image to fill the container, discarding the images aspect ratio. 4322var SCALING_MODE_COVER = 2; //Sets 'background-size' to 'cover'. This makes the background images fill the entire container while retaining its aspect ratio. 4323var SCALING_MODE_CONTAIN = 3; //Sets 'background-size' to 'contain'. This scales the bakcground image to the largest size such that both its width and its height can fit inside the content area 4324 4325/** 4326 * Adds a cycling (fading) background to the selected element 4327 * @param {Object} options Options for tweaking the cycle setings. 4328 * imageUrls: an array of strings representing urls to the images to cycle through 4329 * duration: the nr of miliseconds between two fades. 4330 * fadeSpeed: the nr of miliseconds it takes for one image to fade out to another. 4331 * backgroundSize: specify a value for the css3 property 'background size' or one of the following constants; SCALING_MODE_NONE, SCALING_MODE_STRETCH, SCALING_MODE_COVER, SCALING_MODE_CONTAIN 4332 */ 4333$.fn.backgroundCycle = function(options) { 4334 var settings = $.extend({ 4335 imageUrls: [], 4336 duration: 5000, 4337 fadeSpeed: 1000, 4338 backgroundSize: SCALING_MODE_NONE 4339 }, options); 4340 4341 fadeSpeed = settings.fadeSpeed; 4342 4343 var marginTop = this.css('margin-top'); 4344 var marginRight = this.css('margin-right'); 4345 var marginBottom = this.css('margin-bottom'); 4346 var marginLeft = this.css('margin-left'); 4347 4348 if (!this.is("body")) { 4349 this.css({ 4350 position: 'relative' 4351 }); 4352 } 4353 4354 var contents = $(document.createElement('div')); 4355 4356 var children = this.children().detach(); 4357 contents.append(children); 4358 4359 imageIds = new Array(); 4360 4361 for (var i = 0; i < settings.imageUrls.length; i++) { 4362 var id = 'bgImage' + i; 4363 var src = settings.imageUrls[i]; 4364 var cssClass = 'cycle-bg-image'; 4365 4366 var image = $(document.createElement('div')); 4367 image.attr('id', id); 4368 image.attr('class', cssClass); 4369 4370 var sizeMode; 4371 4372 switch (settings.backgroundSize) { 4373 default: 4374 sizeMode = settings.backgroundSize; 4375 break; 4376 case SCALING_MODE_NONE: 4377 sizeMode = 'auto'; 4378 break; 4379 case SCALING_MODE_STRETCH: 4380 sizeMode = '100% 100%'; 4381 break; 4382 4383 case SCALING_MODE_COVER: 4384 sizeMode = 'cover'; 4385 break; 4386 case SCALING_MODE_CONTAIN: 4387 sizeMode = 'contain'; 4388 break; 4389 } 4390 4391 image.css({ 4392 'background-image': "url('" + src + "')", 4393 'background-repeat': 'no-repeat', 4394 'background-size': sizeMode, 4395 '-moz-background-size': sizeMode, 4396 '-webkit-background-size': sizeMode, 4397 position: 'absolute', 4398 left: marginLeft, 4399 top: marginTop, 4400 right: marginRight, 4401 bottom: marginBottom 4402 }); 4403 4404 this.append(image); 4405 4406 imageIds.push(id); 4407 } 4408 4409 contents.css({ 4410 position: 'relative', 4411 'z-index': '5', 4412 }); 4413 4414 this.append(contents); 4415 $('.cycle-bg-image').hide(); 4416 $('#' + imageIds[0]).show(); 4417 setInterval(cycleToNextImage, settings.duration); 4418}; 4419 4420function cycleToNextImage() { 4421 var previousImageId = imageIds[currentImageIndex]; 4422 4423 currentImageIndex++; 4424 4425 if (currentImageIndex >= imageIds.length) { 4426 currentImageIndex = 0; 4427 } 4428 4429 var options = { 4430 duration: fadeSpeed, 4431 queue: false 4432 }; 4433 4434 $('#' + previousImageId).fadeOut(options); 4435 $('#' + imageIds[currentImageIndex]).fadeIn(options); 4436} 4437 4438/* -------------------------background-cycle-end--------------------------------- */ 4439</script>
4439 4440
4441<script> 4442$(document).ready(function() { 4443 $("#couser-search").backgroundCycle({ 4444 imageUrls: [ 4445 'https://www.stratford.ac.uk/wp-content/uploads/2020/02/PRL_7957-web.jpg', 4446 'https://www.stratford.ac.uk/wp-content/uploads/2020/02/Tech-Theatre-web.jpg', 4447 'https://www.stratford.ac.uk/wp-content/uploads/2020/02/PRL_6795-web.jpg', 4448 'https://www.stratford.ac.uk/wp-content/uploads/2021/06/New-entrance-photo-Feb-2021.jpg', 4449 'https://www.stratford.ac.uk/wp-content/uploads/2020/02/PRL_7471-web.jpg', 4450 ], 4451 fadeSpeed: 2000, 4452 duration: 9000, 4453 backgroundSize: SCALING_MODE_COVER 4454 }); 4455}); 4456</script>
vendor: 1 bytes, line 4456
4456
4457<script type="text/javascript" defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCTalh7PbedcGtUIfugDMZM2NnYpAoy8d4&loading=async" id="googleMap-js"></script>
vendor: 1 bytes, line 4457
4457
4458<script type="text/javascript" defer src="https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=54.88125569215091%2C+-3.3658701909753934%09&key=AIzaSyCTalh7PbedcGtUIfugDMZM2NnYpAoy8d4" id="googleMapPlaces-js"></script>
vendor: 1 bytes, line 4458
4458
4459<script type="text/javascript" defer src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/owl.carousel.min.js" id="carousel-js"></script>
vendor: 1 bytes, line 4459
4459
4460<script type="text/javascript" src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/bootstrap.min.js" id="bootstrap-js"></script>
vendor: 1 bytes, line 4460
4460
4461<script type="text/javascript" src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/select.js" id="select-js"></script>
vendor: 1 bytes, line 4461
4461
4462<script type="text/javascript" defer src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/jquery.carouFredSel-6.2.1.js" id="carouFredSel-js"></script>
vendor: 1 bytes, line 4462
4462
4463<script type="text/javascript" defer src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/modernizr-min.js" id="modernizr-js"></script>
vendor: 1 bytes, line 4463
4463
4464<script type="text/javascript" defer src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/jwplayer.js" id="jwplayer-js"></script>
vendor: 1 bytes, line 4464
4464
4465<script type="text/javascript" defer src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/menu/classie.js" id="classie-js"></script>
vendor: 1 bytes, line 4465
4465
4466<script type="text/javascript" src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/custom.js" id="custom-js"></script>
vendor: 1 bytes, line 4466
4466
4467<script type="text/javascript" src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/customApplication.js" id="customApplication-js"></script>
vendor: 1 bytes, line 4467
4467
4468<script type="text/javascript" src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/crafty_clicks.class.min.js" id="craftyClicks-js"></script>
vendor: 1 bytes, line 4468
4468
4469<script type="text/javascript" id="jqueryApplictionForm-js-extra"> 4470/* <![CDATA[ */ 4471var applicationFormData = {"ajax_url":"https://www.stratford.ac.uk/wp-admin/admin-ajax.php","postcode_nonce":"f82e28f450"}; 4472//# sourceURL=jqueryApplictionForm-js-extra 4473/* ]]> */ 4474</script>
vendor: 1 bytes, line 4474
4474
4475<script type="text/javascript" defer src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/jquery.applicationform.js" id="jqueryApplictionForm-js"></script>
vendor: 1 bytes, line 4475
4475
4476<script type="text/javascript" defer src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/photoswipe.min.js" id="photoSwipe-js"></script>
vendor: 1 bytes, line 4476
4476
4477<script type="text/javascript" defer src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/photoswipe-ui-default.min.js" id="photoswipeUI-js"></script>
vendor: 1 bytes, line 4477
4477
4478<script type="text/javascript" defer src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/gallery.js" id="gallery-js"></script>
vendor: 1 bytes, line 4478
4478
4479<script type="text/javascript" defer src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/eventHandler.js" id="eventHandler-js"></script>
vendor: 1 bytes, line 4479
4479
4480<script type="text/javascript" defer src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/jquery.cookie.js" id="jQueryCookie-js"></script>
vendor: 1 bytes, line 4480
4480
4481<script type="text/javascript" src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/jquery-ui.min.js" id="jQueryUI-js"></script>
vendor: 1 bytes, line 4481
4481
4482<script type="text/javascript" defer src="https://www.stratford.ac.uk/wp-content/themes/stratford/javascripts/lazyload.js" id="lazyLoad-js"></script>
vendor: 1 bytes, line 4482
4482
4483<script type="text/javascript" defer src="https://www.stratford.ac.uk/wp-content/themes/stratford/nav-plugin/main.js" id="navPlugin-js"></script>
vendor: 1 bytes, line 4483
4483
4484<script type="text/javascript" id="ubermenu-js-extra"> 4485/* <![CDATA[ */ 4486var ubermenu_data = {"remove_conflicts":"on","reposition_on_load":"off","intent_delay":"300","intent_interval":"100","intent_threshold":"7","scrollto_offset":"50","scrollto_duration":"1000","responsive_breakpoint":"959","accessible":"on","mobile_menu_collapse_on_navigate":"on","retractor_display_strategy":"responsive","touch_off_close":"on","submenu_indicator_close_mobile":"on","collapse_after_scroll":"on","v":"3.8.5","configurations":["main"],"ajax_url":"https://www.stratford.ac.uk/wp-admin/admin-ajax.php","plugin_url":"https://www.stratford.ac.uk/wp-content/plugins/ubermenu/","disable_mobile":"off","prefix_boost":"","use_core_svgs":"off","aria_role_navigation":"off","aria_nav_label":"off","aria_expanded":"off","aria_haspopup":"off","aria_hidden":"off","aria_controls":"","aria_responsive_toggle":"off","icon_tag":"i","esc_close_mobile":"on","keyboard_submenu_trigger":"enter","theme_locations":{"about_us":"About Us","news_events":"News & Events","jobs":"Jobs","16_19":"16 - 19","apprentice":"Apprentice","employers":"Employers","university_level_learner":"University Level Learner","adult_learner":"Adult Learner","management_professional":"Management & Professional","international":"International","footer_left":"Footer Left","footer_right":"Footer Right","governors_portal":"Governor Portal","main_navigation":"main navigation"}}; 4487//# sourceURL=ubermenu-js-extra 4488/* ]]> */ 4489</script>
vendor: 1 bytes, line 4489
4489
4490<script type="text/javascript" src="https://www.stratford.ac.uk/wp-content/plugins/ubermenu/assets/js/ubermenu.min.js" id="ubermenu-js"></script>
vendor: 1 bytes, line 4490
4490
4491<script type="text/javascript" id="prevent-xss-vulnerability-js-extra"> 4492/* <![CDATA[ */ 4493var selfXss = {"message":""}; 4494//# sourceURL=prevent-xss-vulnerability-js-extra 4495/* ]]> */ 4496</script>
vendor: 1 bytes, line 4496
4496
4497<script type="text/javascript" src="https://www.stratford.ac.uk/wp-content/plugins/prevent-xss-vulnerability/assets/js/script-2.1.0.min.js" id="prevent-xss-vulnerability-js"></script>
4497 4498
4499<script> 4500$(document).ready(function() { 4501 4502 $('.addToBasket').click(function() { 4503 setTimeout(function(){ 4504 $('#applyInfo .close').trigger("click"); 4505 },1000); 4506 }); 4507 $('.enquiryModalBtn').click(function() { 4508 $('.enquiryModalText').html(enquiryText); 4509 }); 4510 $('.enquireCourse').click(function() { 4511 $('.enquiryModalText').html(communityCoursesEnquiryText); 4512 }); 4513 4514 $('.ajax-application-form').submit(function(){ 4515 4516 var click_check = $("input[type=submit][clicked=true]").val(); 4517 4518 var form_data = $(this).serialize(); 4519 4520 var c_url = window.location; 4521 var c_url = String(c_url); 4522 var isSetGet = c_url.indexOf("?"); 4523 if(isSetGet >-1){ 4524 var theAjaxUrl = c_url+'&validate-form='+click_check; 4525 }else{ 4526 var theAjaxUrl = c_url+'?validate-form='+click_check; 4527 } 4528 $.ajax({ 4529 type: "POST", 4530 url: theAjaxUrl, 4531 data: form_data, 4532 dataType: 'json', 4533 success: function(data) { 4534 if(data.error){ 4535 $('.load-errors').html(data.message); 4536 $('html,body').animate({scrollTop: 700}, 800); 4537 // Reset buttons and hide loaders on server-side validation errors 4538 $('#updateuser, #select-course').removeClass('show-loader'); 4539 $('#updateuser, #select-course').find('img').css('display', 'none'); 4540 $('#updateuser, #select-course').prop('disabled', false).removeAttr('disabled'); 4541 } else { 4542 window.location.href = data.link; 4543 } 4544 }, 4545 error: function() { 4546 $('#updateuser, #select-course').removeClass('show-loader'); 4547 $('#updateuser, #select-course').find('img').css('display', 'none'); 4548 $('#updateuser, #select-course').prop('disabled', false).removeAttr('disabled'); 4549 } 4550 }); 4551 return false; 4552 }); 4553 $(".ajax-application-form input[type=submit]").click(function() { 4554 $("input[type=submit]", $(this).parents("form")).removeAttr("clicked"); 4555 $(this).attr("clicked", "true"); 4556 }); 4557}); 4558 4559$(function() { 4560 var datePcikerYear = $("#datepicker").val(); 4561 $( "#datepicker" ).datepicker({ 4562 changeMonth: true, 4563 changeYear: true, 4564 dateFormat: 'dd/mm/yy', 4565 yearRange: '-100:+0', 4566 onChangeMonthYear: function(year, month, oDatepicker) { 4567 if (year != datePcikerYear ){ 4568 $("input.hasDatepicker").val(""); 4569 } 4570 } 4571 }); 4572}); 4573</script>
4573 4574 4575<!-- IE10 viewport hack for Surface/desktop Windows 8 bug
4576<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
4576 4577-->
4578<script> 4579$.fn.watchme = function(){ 4580 pathArray = location.href.split( '/' ); 4581 protocol = pathArray[0]; 4582 host = pathArray[2]; 4583 4584 var url = "https://www.stratford.ac.uk"; 4585 4586 $('.courseSelect ul li a').click( function(){ 4587 setTimeout(function(){ 4588 var demographic = $('#demographicVal').val(); 4589 var course = $('#courseCatVal').val(); 4590 var filter_url = ''; 4591 if ( (demographic !== undefined && demographic !== null && demographic !== 'all-courses-available' && demographic )){ 4592 filter_url = url + '/demographic/' + demographic; 4593 } 4594 else{ 4595 var interest = $('input[name="interes_filter"]').val(); 4596 if (interest !== undefined && interest !== null && interest){ 4597 $('input[name="interes_filter"]').closest('form').submit(); 4598 return false; 4599 } 4600 alert('Please select demographic.'); 4601 return false; 4602 } 4603 if((course !== undefined && course !== null && course !== 'all-courses-available' && course )){ 4604 course = course.split('='); 4605 course = course[1]; 4606 filter_url = filter_url+'/category/'+course; 4607 } 4608 window.location.href = filter_url; 4609 return false; 4610 }, 100); 4611 }); 4612 4613 $('#demographicSearch div ul li').unbind('click').click( function(e) { 4614 if ($('#demographicVal').val() != 'all-courses-available'){ 4615 var dir = { dKey: $('#demographicVal').val(), action: "getuCourse" }; 4616 $.ajax({ 4617 type:"POST", // GET or POST from the form 4618 url: "https://www.stratford.ac.uk/wp-admin/admin-ajax.php", 4619 data: dir, 4620 cache: false, 4621 beforeSend:function(){ 4622 $('.courseSelect').html('<div class="loading"><label>I want to study...</label><img data-src="https://www.stratford.ac.uk/wp-content/themes/stratford/images/pre-loader.gif" alt="Loading..." /></div>'); 4623 }, 4624 success: function(response) { // on success.. 4625 $('.courseSelect').html('<label>I want to study...</label>' + response); // update the DIV 4626 }, 4627 complete: function (response) { 4628 tamingselect(); 4629 }, 4630 error:function() { 4631 $('.courseSelect').html('<p class="error"><strong>Oops!</strong> Try that again in a few moments.</p>'); 4632 } 4633 }); 4634 } 4635 }); 4636} 4637</script>
4637
4638<script> 4639$(document).ready(function(){ 4640 4641 var section = new Array( 4642 '#main-nav h6', '#secondary-nav h6', 4643 'a.activetrigger_demo','.dropdownvisible_demo a', 4644 'a.activetrigger_demo2','.dropdownvisible_demo2 a', 4645 '#content-boxs h4', '#content-boxs h5', '#content-boxs h6', 4646 'p', 'li', 'h5', 'h6', 'a', '#csinput', 4647 '.calendar p', '.courseHeading h5', '.courseHeading .subHeading h5', 4648 '#upper-section h3', '#upper-section h6', '#upper-section .sub-heading', '#upper-section li a', 4649 '#lower-section' 4650 ); 4651 4652 section = section.join(','); 4653 4654 // Reset Font Size 4655 var font_size = 0; 4656 var originalFontSize = $(section).css('font-size'); 4657 4658 $(".resetFont").click(function(){ 4659 font_size = 0; 4660 $(section).css('font-size', originalFontSize); 4661 }); 4662 4663 // Increase Font Size 4664 $(".increaseFont").click(function(){ 4665 if(font_size == 1) return; 4666 $(section).css('font-size', originalFontSize); 4667 font_size = 1; 4668 4669 var currentFontSize = $(section).css('font-size'); 4670 var currentFontSizeNum = parseFloat(currentFontSize, 10); 4671 var newFontSize = currentFontSizeNum*1.3; 4672 4673 $(section).css('font-size', newFontSize); 4674 return false; 4675 }); 4676 // Increase Font Size 4677 $(".decreaseFont").click(function(){ 4678 if(font_size == 2) return; 4679 $(section).css('font-size', originalFontSize); 4680 font_size = 2; 4681 4682 var currentFontSize = $(section).css('font-size'); 4683 var currentFontSizeNum = parseFloat(currentFontSize, 10); 4684 var newFontSize = currentFontSizeNum*1.15; 4685 4686 $(section).css('font-size', newFontSize); 4687 return false; 4688 }); 4689}); 4690</script>
4690
4691<script> 4692function stripslashes(str){ 4693 return (str + '').replace(/\\(.?)/g, function (s, n1) { 4694 switch (n1){ 4695 case '\\': 4696 return '\\'; 4697 case '0': 4698 return '\u0000'; 4699 case '': 4700 return ''; 4701 default: 4702 return n1; 4703 } 4704 }); 4705} 4706function ucwords(valueToConvert){ 4707 valueToConvert = stripslashes(valueToConvert); 4708 valueToConvert = valueToConvert.toLowerCase(); 4709 4710 var str = valueToConvert.split(' '); 4711 var convertedValue = ''; 4712 4713 for (var chr = 0; chr < str.length; chr++){ 4714 convertedValue += str[chr].substring(0, 1).toUpperCase() + str[chr].substring(1, str[chr].length) + ' '; 4715 } 4716 4717 return convertedValue.trim(); 4718} 4719 4720$(document.body).on('change', '#crafty_postcode_lookup_result_option1', function(){ 4721 4722 var value = ''; 4723 var post_code = $('#pcodeLookup').val(); 4724 post_code = post_code.toUpperCase(); 4725 $('#pcode').val(post_code); 4726 4727 var streetName = $('#streetName').val(); 4728 streeName = ucwords(streetName); 4729 $('#streetName').val(streetName); 4730 4731 var town = document.getElementById("town"); 4732 town.value = ucwords(town.value); 4733}); 4734 4735var cp_obj = CraftyPostcodeCreate(); 4736cp_obj.set("access_token", "3b133-68411-bb299-01899"); // your token here 4737cp_obj.set("result_elem_id", "crafty_postcode_result_display"); 4738cp_obj.set("form", ""); 4739cp_obj.set("elem_street1" , "streetName"); 4740cp_obj.set("elem_town" , "town"); 4741cp_obj.set("elem_county" , "county"); 4742cp_obj.set("elem_postcode" , "pcodeLookup"); 4743 4744$(document.body).on('click', '#enquire_modal .find_address_btn', function(e) { 4745 e.preventDefault(); 4746 if (typeof applicationForm !== 'undefined') { 4747 applicationForm.readPostCodes($('#enquire_modal #pcodeLookup').val()); 4748 } 4749}); 4750</script>
4750 4751<style> 4752 #menu {color:white; border-bottom:1px dotted #ccc; font-size: 18px;} 4753 #menu a{color:white;} 4754 #menu a:hover{cursor:pointer; color:white;} 4755</style>
4756<script> 4757$(document.body).on('click', '.your_detail_edit', function(){ 4758 4759 var my_inputes = $('.your_detail_form input'); 4760 var my_selects = $('.your_detail_form select'); 4761 var my_textareas = $('.your_detail_form textarea'); 4762 4763 $(my_inputes).each(function(){ 4764 $(this).prop("disabled", false); 4765 }); 4766 4767 $(my_selects).each(function(){ 4768 $(this).attr('disabled',false); 4769 }); 4770 4771 $(my_textareas).each(function(){ 4772 $(this).prop("disbaled", false); 4773 }); 4774 4775 return false; 4776}); 4777 4778$(document.body).on('click', '.your_qualifications_edit', function(){ 4779 var my_inputes = $('.your_qualifications_form input'); 4780 var my_selects = $('.your_qualifications_form select'); 4781 var my_textareas = $('.your_qualifications_form textarea'); 4782 4783 $(my_inputes).each(function(){ 4784 $(this).prop("disabled", false); 4785 }); 4786 $(my_selects).each(function(){ 4787 $(this).attr('disabled',false); 4788 }); 4789 $(my_textareas).each(function(){ 4790 $(this).prop("disbaled", false); 4791 }); 4792 return false; 4793}); 4794 4795$(document.body).on('click', '.your_college_edit', function(){ 4796 4797 var my_inputes = $('.your_college_form input'); 4798 var my_selects = $('.your_college_form select'); 4799 var my_textareas = $('.your_college_form textarea'); 4800 4801 $(my_inputes).each(function(){ 4802 $(this).prop("disabled", false); 4803 }); 4804 4805 $(my_selects).each(function(){ 4806 $(this).attr('disabled',false); 4807 }); 4808 4809 $(my_textareas).each(function(){ 4810 $(this).prop("disbaled", false); 4811 }); 4812 4813 return false; 4814}); 4815 4816 4817$(document.body).on('click', '.your_qualification_grades_edit', function(){ 4818 4819 var my_inputs = $('.your_qualification_grades_form input'); 4820 var my_selects = $('.your_qualification_grades_form select'); 4821 var my_textareas = $('.your_qualification_grades_form textarea'); 4822 4823 $(my_inputs).each(function(){ 4824 $(this).prop("disabled", false); 4825 }); 4826 $(my_selects).each(function(){ 4827 $(this).attr('disabled',false); 4828 }); 4829 $(my_textareas).each(function(){ 4830 $(this).prop("disbaled", false); 4831 }); 4832 4833 return false; 4834}); 4835 4836$(document.body).on('click', '.your_bobbies_edit', function(){ 4837 var my_inputes = $('.your_hobbies_form input'); 4838 var my_selects = $('.your_hobbies_form select'); 4839 var my_textareas = $('.your_hobbies_form textarea'); 4840 4841 $(my_inputes).each(function(){ 4842 $(this).prop("disabled", false); 4843 }); 4844 $(my_selects).each(function(){ 4845 $(this).attr('disabled',false); 4846 }); 4847 $(my_textareas).each(function(){ 4848 $(this).attr('disabled',false); 4849 }); 4850 return false; 4851}); 4852 4853$(document.body).on('click', '.your_disable_edit', function(){ 4854 var my_inputes = $('.your_disable_form input'); 4855 var my_selects = $('.your_disable_form select'); 4856 var my_textareas = $('.your_disable_form textarea'); 4857 4858 $(my_inputes).each(function(){ 4859 $(this).prop("disabled", false); 4860 }); 4861 $(my_selects).each(function(){ 4862 $(this).attr('disabled',false); 4863 }); 4864 $(my_textareas).each(function(){ 4865 $(this).attr('disabled',false); 4866 }); 4867 if ($('#noDisabilities').prop('checked')==true){ 4868 $('#desc_disability').attr('disabled', 'disabled'); 4869 } 4870 return false; 4871}); 4872$(document.body).on('click', '.share_with_school_edit', function(){ 4873 if ($('#shareWithCollege').prop('disabled')==true){ 4874 $('#shareWithCollege').prop("disabled", false); 4875 } 4876 else{ 4877 $('#shareWithCollege').prop("disabled", true); 4878 } 4879 return false; 4880}); 4881$(document.body).on("click", ".casshbtn", function(){ 4882 $(".sameshclass").slideToggle("fast"); 4883}); 4884</script>
4884
4885<script> 4886var ajaxurl = "https://www.stratford.ac.uk/wp-admin/admin-ajax.php"; 4887if($( "#csinput" ).length > 0){ 4888 var data = { 4889 action : 'my_autocomplete' 4890 } 4891 $.post(ajaxurl,data,function(res){ 4892 $( "#csinput" ).autocomplete({ 4893 minLength: 0, 4894 source: function(request, response) { 4895 var results = $.ui.autocomplete.filter(res, request.term); 4896 response(results.slice(0, 10)); 4897 } 4898 }) 4899 .autocomplete( "instance" )._renderItem = function( ul, item ) { 4900 return $( "<li>" ) 4901 .append( "<a class='interestList' href='"+item.url+"'>" + item.value +"</a>" ) 4902 .appendTo( ul ); 4903 }; 4904 },'JSON'); 4905 $('#csinput').keyup(function(){ 4906 $('body #ui-id-1').css({'max-width': $(this).width()}); 4907 }); 4908 $(document.body).on('click', '.interestList', function(e){ 4909 e.preventDefault(); 4910 var val = $(this).text(); 4911 $('#csinput').val(val); 4912 $('#csinput').closest('form').submit(); 4913 }); 4914} 4915$("a.applyCount").click(function(event){ 4916 if($('.courseLoginForm').length > 0) { 4917 event.preventDefault(); 4918 $('.courseLoginForm').submit(); 4919 } 4920 4921}); 4922</script>
4922 4923 4924 </body> 4925</html> 4926 4927<!-- 4928Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com 4929 4930Retrieved 11525 objects (2 MB) from Redis using PhpRedis (v6.3.0). 4931-->
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.