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>SUAC Onstage | Stratford-upon-Avon College</title> 91 <meta name="description" content="Stratford-upon-Avon College supports performing arts & music industries with SUAC Onstage alongside specialist training for students." /> 92 <link rel="canonical" href="https://www.stratford.ac.uk/suac-onstage/" /> 93 <meta property="og:locale" content="en_GB" /> 94 <meta property="og:type" content="article" /> 95 <meta property="og:title" content="SUAC Onstage | Stratford-upon-Avon College" /> 96 <meta property="og:description" content="Stratford-upon-Avon College supports performing arts & music industries with SUAC Onstage alongside specialist training for students." /> 97 <meta property="og:url" content="https://www.stratford.ac.uk/suac-onstage/" /> 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-08-17T10:19:52+00:00" /> 101 <meta name="twitter:card" content="summary_large_image" /> 102 <meta name="twitter:site" content="@StratfordColl" /> 103 <meta name="twitter:label1" content="Estimated reading time" /> 104 <meta name="twitter:data1" content="5 minutes" /> 105
105<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.stratford.ac.uk\/suac-onstage\/","url":"https:\/\/www.stratford.ac.uk\/suac-onstage\/","name":"SUAC Onstage | Stratford-upon-Avon College","isPartOf":{"@id":"https:\/\/www.stratford.ac.uk\/#website"},"datePublished":"2019-08-05T15:33:26+00:00","dateModified":"2026-08-17T10:19:52+00:00","description":"Stratford-upon-Avon College supports performing arts & music industries with SUAC Onstage alongside specialist training for students.","breadcrumb":{"@id":"https:\/\/www.stratford.ac.uk\/suac-onstage\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.stratford.ac.uk\/suac-onstage\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.stratford.ac.uk\/suac-onstage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.stratford.ac.uk\/"},{"@type":"ListItem","position":2,"name":"SUAC Onstage"}]},{"@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>
105 106 <!-- / Yoast SEO plugin. --> 107 108 109<link rel='dns-prefetch' href='//maps.googleapis.com' /> 110<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%2Fsuac-onstage%2F" /> 111<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%2Fsuac-onstage%2F&format=xml" /> 112<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'> 113img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 114/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 115</style> 116<style id='wp-block-library-inline-css' type='text/css'> 117: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;
117--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}} 118/*wp_block_styles_on_demand_placeholder:6abf6e0a9cde4*/ 119/*# sourceURL=wp-block-library-inline-css */ 120</style> 121<style id='classic-theme-styles-inline-css' type='text/css'> 122/*! This file is auto-generated */ 123.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} 124/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 125</style> 126<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' /> 127<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' /> 128<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' /> 129<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' />
130<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 130
130
131<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 131
131
132<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>
132 133<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/46221" /> <style type="text/css" id="admin-menu-logo-css"> 134 .asenha-admin-logo .ab-item, 135 .asenha-admin-logo a { 136 line-height: 28px !important; 137 display: flex; 138 align-items: center; 139 } 140 141 .asenha-admin-logo img { 142 vertical-align: middle; 143 height: 20px !important; 144 } 145 146 @media screen and (max-width: 782px) { 147 #wpadminbar li#wp-admin-bar-asenha-admin-bar-logo { 148 display: block; 149 } 150 151 #wpadminbar li#wp-admin-bar-asenha-admin-bar-logo a { 152 display: flex; 153 margin-left: 8px; 154 } 155 } 156 </style> 157 <style id="ubermenu-custom-generated-css"> 158/** Font Awesome 4 Compatibility **/ 159.fa{font-style:normal;font-variant:normal;font-weight:normal;
159font-family:FontAwesome;} 160 161/** UberMenu Custom Menu Styles (Customizer) **/ 162/* main */ 163 .ubermenu.ubermenu-main { background:none; border:none; box-shadow:none; } 164 .ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { border:none; box-shadow:none; } 165 .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; } 166 .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; } 167 .ubermenu-main.ubermenu-transition-fade .ubermenu-item .ubermenu-submenu-drop { margin-top:0; } 168 .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { color:#ffffff; padding-left:20px !important; padding-right:20px !important; } 169 .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { color:#ffffff; } 170 .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; } 171 .ubermenu-main .ubermenu-item.ubermenu-item-level-0 > .ubermenu-highlight { color:#ffffff; } 172 .ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop { background-color:#ffffff; border:1px solid #f7f7f7; color:#686868; } 173 .ubermenu-main .ubermenu-submenu .ubermenu-highlight { color:#1e1e1e; } 174 .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { color:#0a0a0a; } 175 .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover { color:#0a0a0a; } 176 .ubermenu-main .ubermenu-submenu .ubermenu-item-header.ubermenu-current-menu-item > .ubermenu-target { color:#0a0a0a; } 177 .ubermenu-main .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target { border-bottom:1px solid #0a0a0a; } 178 179 180 181/** UberMenu Custom Tweaks (General Settings) **/ 182.ubermenu-submenu-drop {background:#fff !important;} 183/* Status: Loaded from Transient */ 184 185</style><link rel="icon" href="https://www.stratford.ac.uk/wp-content/uploads/2018/07/cropped-icon-1-150x150.png" sizes="32x32" /> 186<link rel="icon" href="https://www.stratford.ac.uk/wp-content/uploads/2018/07/cropped-icon-1-300x300.png" sizes="192x192" /> 187<link rel="apple-touch-icon" href="https://www.stratford.ac.uk/wp-content/uploads/2018/07/cropped-icon-1-300x300.png" /> 188<meta name="msapplication-TileImage" content="https://www.stratford.ac.uk/wp-content/uploads/2018/07/cropped-icon-1-300x300.png" /> 189<style id="sccss">/* Enter Your Custom CSS Here */ 190 191/* Mark Reid: do not delete this CSS or the plugin related to it. */ 192 193 194/* ----------------------- Variables ----------------------- */ 195 196/* Color Variables [STRATFORD-UPON-AVON WHITE AND PURPLE] */ 197body:not(.newFlexibleTheme) { 198 199 --mr-color-page-background-00: #ffffff; 200 --mr-color-body-text-00-starkest: #1f1f1f; /* 40% black */ 201 --mr-color-body-text-00-starker: #292929; /* 20% black */ 202 --mr-color-body-text-00: #333333; /* hue */ 203 --mr-color-body-text-00-fainter: #5c5c5c; /* 20% white */ 204 --mr-color-body-text-00-faintest: #d6d6d6; /* 80% white */ 205 --mr-color-body-text-01: #ffffff; 206 --mr-color-misc-00: #efefef; 207 --mr-color-hyperlink-00: #662382; /* 2021-11-08 */ 208 --mr-color-hyperlink-01: #561e6e; /* 2021-11-08 */ 209 210 /*--mr-color-gui-01: #f9f2f4; /* Code tag background */ 211 /*--mr-color-gui-02: #eeeeee; /* Horizontal rule (hr) border, blockquote left border. Flexible template elements: card border, */ 212 /*--mr-color-gui-03: #efefef; /* News carousel background (category page). Flexible template elements: table head background, */ 213 /*--mr-color-gui-04: #dddddd; /* Table border. Flexible template elements: tab panel border, */ 214 /*--mr-color-gui-05: #cccccc; /* Flexible template elements: accordion panel border, */ 215 216 /* 00 Purple | buttons, titles */ 217 --mr-color-00-starkest: #3d154e; /* 40% black */ 218 --mr-color-00-starker: #521c68; /* 20% black | hover active */ 219 --mr-color-00: #662382; /* hue */ 220 --mr-color-00-fainter: #854f9b; /* 20% white */
221 --mr-color-00-faintest: #e0d3e6; /* 80% white */ 222 223 --mr-color-00-transparent: #662382CC; /* hue @ 80% alpha */ 224 --mr-color-00-transparenter: #66238280; /* hue @ 50% alpha */ 225 --mr-color-00-transparentest: #66238233; /* hue @ 20% alpha */ 226 227 /* 01 Orange | feature boxes */ 228 --mr-color-01-starkest: #8e410d; /* 40% black */ 229 --mr-color-01-starker: #be5711; /* 20% black */ 230 --mr-color-01: #ED6D15; /* hue */ 231 --mr-color-01-fainter: #f18a44; /* 20% white */ 232 --mr-color-01-faintest: #fbe2d0; /* 80% white */ 233 234 --mr-color-01-transparent: #ED6D15CC; /* hue @ 80% alpha */ 235 --mr-color-01-transparenter: #ED6D1580; /* hue @ 50% alpha */ 236 --mr-color-01-transparentest: #ED6D1533; /* hue @ 20% alpha */ 237 238 /* 02 Magenta | links */ 239 --mr-color-02-starkest: #89004b; /* 40% black */ 240 --mr-color-02-starker: #b70064; /* 20% black */ 241 --mr-color-02: #E5007D; /* hue */ 242 --mr-color-02-fainter: #ea3397; /* 20% white */ 243 --mr-color-02-faintest: #facce5; /* 80% white */ 244 245 --mr-color-02-transparent: #E5007DCC; /* hue @ 80% alpha */ 246 --mr-color-02-transparenter: #E5007D80; /* hue @ 50% alpha */ 247 --mr-color-02-transparentest: #E5007D33;/* hue @ 20% alpha */ 248 249 /* 03 Blue */ 250 --mr-color-03-starkest: #58798f; /* 40% black */ 251 --mr-color-03-starker: #76a2be; /* 20% black */ 252 --mr-color-03: #93CAEE; /* hue */ 253 --mr-color-03-fainter: #a9d5f1; /* 20% white */ 254 --mr-color-03-faintest: #e9f4fc; /* 80% white */ 255 256 --mr-color-03-transparent: #93CAEECC; /* hue @ 80% alpha */ 257 --mr-color-03-transparenter: #93CAEE80; /* hue @ 50% alpha */ 258 --mr-color-03-transparentest: #93CAEE33;/* hue @ 20% alpha */ 259 260 /* 04 Green */ 261 --mr-color-04-starkest: #51722a; /* 40% black */ 262 --mr-color-04-starker: #6c9838; /* 20% black */ 263 --mr-color-04: #87BE46; /* hue */ 264 --mr-color-04-fainter: #9fcb6b; /* 20% white */ 265 --mr-color-04-faintest: #e7f2da; /* 80% white */ 266 267 --mr-color-04-transparent: #87BE46CC; /* hue @ 80% alpha */ 268 --mr-color-04-transparenter: #87BE4680; /* hue @ 50% alpha */ 269 --mr-color-04-transparentest: #87BE4633;/* hue @ 20% alpha */ 270 271 /* 05 Teal */ 272 --mr-color-05-starkest: #094d5b; /* 40% black */ 273 --mr-color-05-starker: #0c667a; /* 20% black */ 274 --mr-color-05: #0F8098; /* hue */ 275 --mr-color-05-fainter: #3f99ad; /* 20% white */ 276 --mr-color-05-faintest: #cfe6ea; /* 80% white */ 277
278 --mr-color-05-transparent: #0F8098CC; /* hue @ 80% alpha */ 279 --mr-color-05-transparenter: #0F809880; /* hue @ 50% alpha */ 280 --mr-color-05-transparentest: #0F809833;/* hue @ 20% alpha */ 281 282 /* 16-to-19 */ 283 --mr-color-1619-starkest: #3d154e; /* 40% black */ 284 --mr-color-1619-starker: #521c68; /* 20% black */ 285 --mr-color-1619: #662382; /* hue */ 286 --mr-color-1619-fainter: #854f9b; /* 20% white */ 287 --mr-color-1619-faintest: #e0d3e6; /* 80% white */ 288 289 --mr-color-1619-transparent: #662382CC; /* hue @ 80% alpha */ 290 --mr-color-1619-transparenter: #66238280; /* hue @ 50% alpha */ 291 --mr-color-1619-transparentest: #66238233;/* hue @ 20% alpha */ 292 293 /* Apprenticehip */ 294 --mr-color-apprenticeship-starkest: #3d154e; /* 40% black */ 295 --mr-color-apprenticeship-starker: #521c68; /* 20% black */ 296 --mr-color-apprenticeship: #662382; /* hue */ 297 --mr-color-apprenticeship-fainter: #854f9b; /* 20% white */ 298 --mr-color-apprenticeship-faintest: #e0d3e6; /* 80% white */ 299 300 --mr-color-apprenticeship-transparent: #662382CC; /* hue @ 80% alpha */ 301 --mr-color-apprenticeship-transparenter: #66238280; /* hue @ 50% alpha */ 302 --mr-color-apprenticeship-transparentest: #66238233;/* hue @ 20% alpha */ 303 304 /* Employer */ 305 --mr-color-employer-starkest: #51722a; /* 40% black */ 306 --mr-color-employer-starker: #6c9838; /* 20% black */ 307 --mr-color-employer: #87BE46; /* hue */ 308 --mr-color-employer-fainter: #9fcb6b; /* 20% white */ 309 --mr-color-employer-faintest: #e7f2da; /* 80% white */ 310 311 --mr-color-employer-transparent: #87BE46CC; /* hue @ 80% alpha */ 312 --mr-color-employer-transparenter: #87BE4680; /* hue @ 50% alpha */ 313 --mr-color-employer-transparentest: #87BE4633;/* hue @ 20% alpha */ 314 315 /* Management & Professional */ 316 --mr-color-professional-starkest: #8e410d; /* 40% black */ 317 --mr-color-professional-starker: #be5711; /* 20% black */ 318 --mr-color-professional: #ED6D15; /* hue */ 319 --mr-color-professional-fainter: #f18a44; /* 20% white */ 320 --mr-color-professional-faintest: #fbe2d0; /* 80% white */ 321 322 --mr-color-professional-transparent: #ED6D15CC; /* hue @ 80% alpha */ 323 --mr-color-professional-transparenter: #ED6D1580; /* hue @ 50% alpha */ 324 --mr-color-professional-transparentest: #ED6D1533;/* hue @ 20% alpha */ 325 326 /* Part Time */ 327 --mr-color-part-time-starkest: #8e410d; /* 40% black */ 328 --mr-color-part-time-starker: #be5711; /* 20% black */ 329 --mr-color-part-time: #ED6D15; /* hue */ 330 --mr-color-part-time-fainter: #f18a44; /* 20% white */ 331 --mr-color-part-time-faintest: #fbe2d0; /* 80% white */ 332 333 --mr-color-part-time-transparent: #ED6D15CC; /* hue @ 80% alpha */ 334 --mr-color-part-time-transparenter: #ED6D1580; /* hue @ 50% alpha */ 335 --mr-color-part-time-transparentest: #ED6D1533;/* hue @ 20% alpha */ 336 337 /* University */ 338 --mr-color-university-starkest: #89004b; /* 40% black */ 339 --mr-color-university-starker: #b70064; /* 20% black */ 340 --mr-color-university: #E5007D; /* hue */ 341 --mr-color-university-fainter: #ea3397; /* 20% white */ 342 --mr-color-university-faintest: #facce5; /* 80% white */ 343 344 --mr-color-university-transparent: #E5007DCC; /* hue @ 80% alpha */ 345 --mr-color-university-transparenter: #E5007D80; /* hue @ 50% alpha */ 346 --mr-color-university-transparentest: #E5007D33;/* hue @ 20% alpha */ 347 348 } 349 350 /* Color Variables [STRATFORD-UPON-AVON BLACK AND WHITE] */ 351 body.newFlexibleTheme { 352 353 --mr-color-page-background-00: #000000; 354 --mr-color-body-text-00-starkest: #f5f5f5; /* 80% white */ 355 --mr-color-body-text-00-starker: #d6d6d6; /* 20% white */ 356 --mr-color-body-text-00: #CCCCCC; /* hue */ 357 --mr-color-body-text-00-fainter: #a3a3a3; /* 20% black */ 358 --mr-color-body-text-00-faintest: #7a7a7a; /* 40% black */ 359 --mr-color-body-text-01: #000000; 360 --mr-color-misc-00: #232323; /* Flexible template elements: video element border, */ 361 --mr-color-hyperlink-00: #E5007D; /* 2021-11-08 */
362 --mr-color-hyperlink-01: #FF008C; /* 2021-11-08 */ 363 364 /* 00 White | buttons, titles */ 365 --mr-color-00-starkest: #ffffff; /* white 100% */ 366 --mr-color-00-starker: #fafafa; /* white 98% | hover active */ 367 --mr-color-00: #f5f5f5; /* hue white 96% */ 368 --mr-color-00-fainter: #848484; /* mid-point towards faintest */ 369 --mr-color-00-faintest: #232323; /* Footer Grey */ 370 371 --mr-color-00-transparent: #f5f5f5CC; /* hue @ 80% alpha */ 372 --mr-color-00-transparenter: #f5f5f580; /* hue @ 50% alpha */ 373 --mr-color-00-transparentest: #f5f5f533;/* hue @ 20% alpha */ 374 375 /* 01 Grey | feature boxes */ 376 --mr-color-01-starkest: #ffffff; /* +120% towards white */ 377 --mr-color-01-starker: #a7a7a7; /* +60% towards white */ 378 --mr-color-01: #7b7b7b; /* +40% towards white */ 379 --mr-color-01-fainter: #4f4f4f; /* +20% towards white */ 380 --mr-color-01-faintest: #232323; /* Footer Grey */ 381 382 --mr-color-01-transparent: #7b7b7bCC; /* hue @ 80% alpha */ 383 --mr-color-01-transparenter: #7b7b7b80; /* hue @ 50% alpha */ 384 --mr-color-01-transparentest: #7b7b7b33;/* hue @ 20% alpha */ 385 386 /* 02 Magenta | links */ 387 --mr-color-02-starkest: #facce5; /* 80% white */ 388 --mr-color-02-starker: #ea3397; /* 20% white */ 389 --mr-color-02: #E5007D; /* hue */ 390 --mr-color-02-fainter: #b70064; /* 20% black */ 391 --mr-color-02-faintest: #89004b; /* 40% black */ 392 393 --mr-color-02-transparent: #E5007DCC; /* hue @ 80% alpha */ 394 --mr-color-02-transparenter: #E5007D80; /* hue @ 50% alpha */ 395 --mr-color-02-transparentest: #E5007D33;/* hue @ 20% alpha */ 396 397 /* 03 Blue */ 398 --mr-color-03-starkest: #e9f4fc; /* 80% white */ 399 --mr-color-03-starker: #a9d5f1; /* 20% white */ 400 --mr-color-03: #93CAEE; /* hue */ 401 --mr-color-03-fainter: #76a2be; /* 20% black */ 402 --mr-color-03-faintest: #58798f; /* 40% black */ 403 404 --mr-color-03-transparent: #93CAEECC; /* hue @ 80% alpha */ 405 --mr-color-03-transparenter: #93CAEE80; /* hue @ 50% alpha */ 406 --mr-color-03-transparentest: #93CAEE33;/* hue @ 20% alpha */ 407 408 /* 04 Green */ 409 --mr-color-04-starkest: #e7f2da; /* 80% white */ 410 --mr-color-04-starker: #9fcb6b; /* 20% white */ 411 --mr-color-04: #87BE46; /* hue */ 412 --mr-color-04-fainter: #6c9838; /* 20% black */ 413 --mr-color-04-faintest: #51722a; /* 40% black */ 414 415 --mr-color-04-transparent: #87BE46CC; /* hue @ 80% alpha */ 416 --mr-color-04-transparenter: #87BE4680; /* hue @ 50% alpha */ 417 --mr-color-04-transparentest: #87BE4633;/* hue @ 20% alpha */ 418 419 /* 05 Teal */ 420 --mr-color-05-starkest: #cfe6ea; /* 80% white */ 421 --mr-color-05-starker: #3f99ad; /* 20% white */ 422 --mr-color-05: #0F8098; /* hue */ 423 --mr-color-05-starkest: #0c667a; /* 20% black */ 424 --mr-color-05-starker: #094d5b; /* 40% black */ 425
426 --mr-color-05-transparent: #0F8098CC; /* hue @ 80% alpha */ 427 --mr-color-05-transparenter: #0F809880; /* hue @ 50% alpha */ 428 --mr-color-05-transparentest: #0F809833;/* hue @ 20% alpha */ 429 430 /* 16-to-19 */ 431 --mr-color-1619-starkest: #e0d3e6; /* 40% black */ 432 --mr-color-1619-starker: #854f9b; /* 20% black */ 433 --mr-color-1619: #662382; /* hue */ 434 --mr-color-1619-fainter: #521c68; /* 20% white */ 435 --mr-color-1619-faintest: #3d154e; /* 80% white */ 436 437 --mr-color-1619-transparent: #662382CC; /* hue @ 80% alpha */ 438 --mr-color-1619-transparenter: #66238280; /* hue @ 50% alpha */ 439 --mr-color-1619-transparentest: #66238233;/* hue @ 20% alpha */ 440 441 /* Apprenticehip */ 442 --mr-color-apprenticeship-starkest: #e0d3e6 ; /* 80% white */ 443 --mr-color-apprenticeship-starker: #854f9b; /* 20% white */ 444 --mr-color-apprenticeship: #662382; 445 --mr-color-apprenticeship-fainter: #521c68; /* 20% white */ 446 --mr-color-apprenticeship-faintest: #3d154e; /* 80% white */ 447 448 --mr-color-apprenticeship-transparent: #662382CC; /* hue @ 80% alpha */ 449 --mr-color-apprenticeship-transparenter: #66238280; /* hue @ 50% alpha */ 450 --mr-color-apprenticeship-transparentest: #66238233;/* hue @ 20% alpha */ 451 452 /* Employer */ 453 --mr-color-employer-starkest: #e7f2da; /* 40% black */ 454 --mr-color-employer-starker: #9fcb6b; /* 20% black */ 455 --mr-color-employer: #87BE46; /* hue */ 456 --mr-color-employer-fainter: #6c9838; /* 20% white */ 457 --mr-color-employer-faintest: #51722a; /* 80% white */ 458 459 --mr-color-employer-transparent: #87BE46CC; /* hue @ 80% alpha */ 460 --mr-color-employer-transparenter: #87BE4680; /* hue @ 50% alpha */ 461 --mr-color-employer-transparentest: #87BE4633;/* hue @ 20% alpha */ 462 463 /* Management & Professional */ 464 --mr-color-professional-starkest: #fbe2d0; /* 40% black */ 465 --mr-color-professional-starker: #f18a44; /* 20% black */ 466 --mr-color-professional: #ED6D15; /* hue */ 467 --mr-color-professional-fainter: #be5711; /* 20% white */ 468 --mr-color-professional-faintest: #8e410d; /* 80% white */ 469 470 --mr-color-professional-transparent: #ED6D15CC; /* hue @ 80% alpha */ 471 --mr-color-professional-transparenter: #ED6D1580; /* hue @ 50% alpha */ 472 --mr-color-professional-transparentest: #ED6D1533;/* hue @ 20% alpha */ 473 474 /* Part Time */ 475 --mr-color-part-time-starkest: #fbe2d0; /* 40% black */ 476 --mr-color-part-time-starker: #f18a44; /* 20% black */ 477 --mr-color-part-time: #ED6D15; /* hue */ 478 --mr-color-part-time-fainter: #be5711; /* 20% white */ 479 --mr-color-part-time-faintest: #8e410d; /* 80% white */ 480 481 --mr-color-part-time-transparent: #ED6D15CC; /* hue @ 80% alpha */ 482 --mr-color-part-time-transparenter: #ED6D1580; /* hue @ 50% alpha */ 483 --mr-color-part-time-transparentest: #ED6D1533;/* hue @ 20% alpha */ 484 485 /* University */ 486 --mr-color-university-starkest: #facce5; /* 40% black */ 487 --mr-color-university-starker: #ea3397; /* 20% black */ 488 --mr-color-university: #E5007D; /* hue */ 489 --mr-color-university-fainter: #b70064; /* 20% white */ 490 --mr-color-university-faintest: #89004b; /* 80% white */ 491 492 --mr-color-university-transparent: #E5007DCC; /* hue @ 80% alpha */ 493 --mr-color-university-transparenter: #E5007D80; /* hue @ 50% alpha */ 494 --mr-color-university-transparentest: #E5007D33;/* hue @ 20% alpha */ 495 496 } 497 498 /* ----------------------- FontAwesome ----------------------- */ 499 500 .fastar:before { 501 font-family: FontAwesome; 502 content: "\f005"; 503 } 504 505 .faquestioncircle:before { 506 font-family: FontAwesome; 507 content: "\f059"; 508 } 509 510 .fabuilding:before { 511 font-family: FontAwesome; 512 content: "\f1ad"; 513 } 514 515 .fainfo:before { 516 font-family: FontAwesome; 517 content: "\f129"; 518 } 519 520 .falink:before { 521 font-family: FontAwesome; 522 content: "\f0c1"; 523 } 524 525 .facalendar:before { 526 font-family: FontAwesome; 527 content: "\f133"; 528 } 529 530 .fadocument:before { 531 font-family: FontAwesome; 532 content: "\f15b"; 533 } 534 535 .fachild:before { 536 font-family: FontAwesome; 537 content: "\f1ae"; 538 } 539 540 .fagraduationcap:before { 541 font-family: FontAwesome; 542 content: "\f19d"; 543 } 544 545 .fabriefcase:before { 546 font-family: FontAwesome; 547 content: "\f0b1"; 548 } 549 550 .fasortnumericdown:before { 551 font-family: FontAwesome; 552 content: "\f162"; 553 } 554 555 /* ----------------------- content ----------------------- */ 556 /* Removed '.container' as conflicting with header links. 2018-09-14. */
557 /* Added '.news_article_container' so as to target event pages 2018-09-17. */ 558 /* Added 'div#coursepage section#brief' so as to target demo-cat pages 2019-05-15 */ 559 /* Replaced 'main' with 'main div.flexible_content_area' to target only 'Wysiwyg Editor' element of flexible page template. 2019-05-31 */ 560 /* Added 'main div#accordion div.panel-body' to target content inside accordion tabs of flexible page template. 2019-06-07 */ 561 /* Added 'body:not(.newFlexibleTheme)' / 'body.newFlexibleTheme' to the beginning of various styling selectors to differentiate targeting new/dark/perfomring-arts theme. 2019-07-09 */ 562 /* Added css quotes property + q element 2024-10-14 */ 563 564 /* tiktok embeds are causing scrolling in 2 dimensions on small screen sizes (added 2026-09-03) */ 565 .tiktok-embed { 566 min-width: 0px !important; 567 padding: 0px !important; 568 margin: 0px !important; 569 border: 0px !important; 570 max-width: 100% !important; 571 } 572 573 /* override padding-right on all paragraph tags on an event page (Added 2019-09-02) */ 574 .news_article_container p {padding-right: 0px;} 575 576 /* quotes */ 577 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 { 578 quotes: "â" "â" "â" "â"; 579 } 580 581 /* q */ 582 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 { 583 font-style: italic; 584 } 585 586 /* override no padding on last p child via bootsrap.scss:140 (Added 2019-01-30) */ 587 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 { 588 padding-bottom: 22px; 589 } 590 591 /* strong */ 592 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 { 593 font-weight: bold; 594 } 595
596 /* h2 | added 2019-05-28 pending update of all h tags. */ 597 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 { 598 font-family: 'Oswald', sans-serif; 599 padding-bottom: 20px; 600 text-transform: uppercase; 601 } 602 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 { 603 color: #333333; /* dark grey #333333, #454545, #575757 */ 604 } 605 body.newFlexibleTheme main div.flexible_content_area h2, body.newFlexibleTheme main div#accordion div.panel-body h2 { 606 letter-spacing: 0.225em; 607 line-height: normal; 608 } 609 610 /* h3 */ 611 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 { 612 font-family: 'Oswald', sans-serif; 613 padding-bottom: 20px; 614 text-transform: uppercase; 615 } 616 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 { 617 color: #454545; /* dark grey #333333, #454545, #575757 */ 618 } 619 body.newFlexibleTheme main div.flexible_content_area h3, body.newFlexibleTheme main div#accordion div.panel-body h3 { 620 letter-spacing: 0.225em; 621 line-height: normal; 622 } 623 624 /* h4 */ 625 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 { 626 font-family: 'Oswald', sans-serif; 627 padding-bottom: 20px; 628 text-transform: uppercase; 629 } 630 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 { 631 color: #575757; /* dark grey #333333, #454545, #575757 */ 632 } 633 body.newFlexibleTheme main div.flexible_content_area h4, body.newFlexibleTheme main div#accordion div.panel-body h4 { 634 letter-spacing: 0.225em; 635 line-height: normal; 636 } 637 638 /* h5 */ 639 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 { 640 text-transform: capitalize; /*governors shortcode images and bios requires this for titles*/ 641 } 642 643 /* intro text / subtitle */ 644 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 { 645 font-size:1.375em; /* 16px -> 22px */ 646 line-height:1.1; 647 font-weight:bold; 648 padding: 0px 0px 20px 0px; /* Added 2019-05-32 */ 649 } 650 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 { 651 color: #454545; /* dark grey #333333, #454545, #575757 */ 652 } 653 654 /* feature text 1 */ 655 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 { 656 font-size:1.75em; /* 16px -> 28px */ 657 font-family: 'Oswald', sans-serif; /* Added 23/11/2018 */ 658 line-height:1.1; 659 font-weight:bold; 660 text-transform: uppercase; /* Added 23/11/2018 */ 661 padding: 0px 0px 20px 0px; /* Added 2019-05-32 */ 662 } 663 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 { 664 color: #333333; /* dark grey #333333, #454545, #575757 */ 665 } 666 body.newFlexibleTheme main div.flexible_content_area .FT1, body.newFlexibleTheme main div#accordion div.panel-body .FT1 { 667 letter-spacing: 0.225em; 668 line-height: normal; 669 } 670 671 /* feature text 2 */
672 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 { 673 font-size:1.375em; /* 16px -> 22px */ 674 font-family: 'Oswald', sans-serif; /* Added 23/11/2018 */ 675 line-height:1.1; 676 font-weight:bold; 677 text-transform: uppercase; 678 padding: 0px 0px 20px 0px; /* Added 2019-05-32 */ 679 } 680 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 { 681 color: #454545; /* dark grey #333333, #454545, #575757 */ 682 } 683 body.newFlexibleTheme main div.flexible_content_area .FT2, body.newFlexibleTheme main div#accordion div.panel-body .FT2 { 684 letter-spacing: 0.225em; 685 line-height: normal; 686 } 687 688 /* feature text 3 */ 689 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 { 690 font-size:1.125em; /* 16px -> 18px */ 691 font-family: 'Oswald', sans-serif; /* Added 23/11/2018 */ 692 line-height:1.1; 693 font-weight:bold; 694 text-transform: uppercase; /* Added 23/11/2018 */ 695 padding: 0px 0px 20px 0px; /* Added 2019-05-32 */ 696 } 697 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 { 698 color: #575757; /* dark grey #333333, #454545, #575757 */ 699 } 700 body.newFlexibleTheme main div.flexible_content_area .FT3, body.newFlexibleTheme main div#accordion div.panel-body .FT3 { 701 letter-spacing: 0.225em; 702 line-height: normal; 703 } 704 705 706 /* feature divs */ 707 708 div.fdmr { /* rounded corner background and padding added */ 709 padding: 20px; /*3%;*/ 710 border-radius: 3px; 711 } 712 713 .blurmr { 714 /* The element or its background must be transparent. */ 715 -webkit-backdrop-filter: blur(10px) saturate(180%); 716 backdrop-filter: blur(10px) saturate(180%); 717 } 718 719 div.fdmr > p:last-child { 720 padding-bottom: 0px !important; 721 } 722 723 div.fdmr0 { 724 /*background-image: url('xxx.jpg');*/ 725 background-repeat: repeat; 726 background-position: center; 727 background-size: cover; 728 } 729 730 body:not(.newFlexibleTheme) div.fdmr1 { 731 background-color: var(--mr-color-00-faintest) !important; /* light purple */ 732 } 733 734 body:not(.newFlexibleTheme) div.fdmr2 { 735 background-color: var(--mr-color-01-faintest) !important; /* light orange */ 736 } 737 738 body.newFlexibleTheme div.fdmr1, body.newFlexibleTheme div.fdmr2 { 739 background-color: var(--mr-color-00-faintest) !important; /* grey */ 740 } 741 742 743 /* h with horizontal line after (left aligned) */ 744 745 .horizontalline { 746 overflow: hidden !important; 747 text-align: left !important; 748 } 749 750 .horizontalline:after { 751 content: "" !important; 752 display: inline-block !important; 753 height: 1px !important; 754 position: relative !important; 755 vertical-align: middle !important; 756 width: 100% !important; 757 left: 0.5em !important; 758 margin-right: -100% !important; 759 } 760 761 body:not(.newFlexibleTheme) .horizontalline:after { 762 background-color: #333333; 763 } 764 765 body.newFlexibleTheme .horizontalline:after { 766 background-color: #ffffff; 767 } 768 769 /* detail summary */ /* 2021-11-09 */ 770 771 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary, 772 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary, 773 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary, 774 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary, 775 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary { 776 display: list-item; 777 margin: 0px 0px 22px 0px; 778 text-decoration: underline; 779 text-decoration-skip-ink: auto; 780 cursor: pointer; 781 color: var(--mr-color-hyperlink-00) !important; 782 } 783 784 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:hover, 785 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_c
785ontainer details summary:hover, 786 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:hover, 787 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:hover, 788 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:hover, 789 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:focus 790 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary:focus, 791 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:focus, 792 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:focus, 793 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:focus, 794 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:active 795 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary:active, 796 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:active, 797 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:active, 798 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:active { 799 color: var(--mr-color-hyperlink-01) !important; 800 } 801 802 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary::marker, 803 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary::marker, 804 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary::marker, 805 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary::marker, 806 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary::marker { 807 color: var(--mr-color-hyperlink-00) !important; 808 } 809 810 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:hover::marker, 811 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary:hover::marker, 812 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:hover::marker, 813 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:hover::marker, 814 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:hover::marker, 815 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:focus::marker, 816 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary:focus::marker, 817 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:focus::marker, 818 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:focus::marker, 819 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:focus::marker, 820 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:active::marker, 821 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary:active::marker, 822 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:active::marker, 823 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:active::marker, 824 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:active::marker { 825 color: var(--mr-color-hyperlink-01) !important; 826 } 827 828 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary > :is(h2, h3, h4, h5, h6), 829 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary > :is(h2, h3, h4, h5, h6), 830 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary > :is(h2, h3, h4, h5, h6), 831 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_c
831ontainer details summary > :is(h2, h3, h4, h5, h6), 832 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area summary > h3:not(.panel-title), 833 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area summary > h3:not(.panel-title), 834 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary > :is(h2, h3, h4, h5, h6), 835 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary > :is(h2, h3, h4, h5, h6), 836 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary > :is(h2, h3, h4, h5, h6), 837 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary > :is(h2, h3, h4, h5, h6), 838 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary > :is(h2, h3, h4, h5, h6), 839 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary > :is(h2, h3, h4, h5, h6) { 840 display: inline-block; 841 text-decoration: inherit; 842 text-decoration-skip-ink: inherit; 843 cursor: inherit; 844 color: inherit !important; 845 } 846 847 /* detail summary as button link */ /* 2022-02-24 */ 848 849 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn, 850 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn, 851 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn, 852 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn, 853 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn, 854 details > summary.btn { 855 display: inline-block !important; 856 } 857 858 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary, 859 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary, 860 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary, 861 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary, 862 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary, 863 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary::marker, 864 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary::marker, 865 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary::marker, 866 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary::marker, 867 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary::marker, 868 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:hover, 869 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary:hover, 870 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:hover, 871 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:hover, 872 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:hover, 873 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:hover::marker, 874 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary:hover::marker, 875 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:hover::marker, 876 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:hover::marker, 877 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:hover::marker, 878 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:active, 879 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_c
879ontainer details > summary.btn.btn-primary:active, 880 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:active, 881 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:active, 882 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:active, 883 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:active::marker, 884 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary:active::marker, 885 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:active::marker, 886 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:active::marker, 887 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:active::marker, 888 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:focus, 889 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary:focus, 890 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:focus, 891 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:focus, 892 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:focus, 893 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:focus::marker, 894 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary:focus::marker, 895 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:focus::marker, 896 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:focus::marker, 897 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:focus::marker, 898 details > summary.btn.btn-primary, 899 details > summary.btn.btn-primary::marker, 900 details > summary.btn.btn-primary:hover, 901 details > summary.btn.btn-primary:hover::marker, 902 details > summary.btn.btn-primary:active, 903 details > summary.btn.btn-primary:active::marker, 904 details > summary.btn.btn-primary:focus, 905 details > summary.btn.btn-primary:focus::marker { 906 color: #ffffff !important; 907 text-decoration: none; 908 } 909 910 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn > span, 911 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn > span, 912 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn > span, 913 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn > span, 914 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn > span, 915 details > summary.btn > span { 916 color: inherit !important; 917 text-decoration: inherit; 918 } 919 920 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn > span::before, 921 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn > span::before, 922 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn > span::before, 923 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn > span::before, 924 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn > span::before, 925 details > summary.btn > span::before { 926 color: inherit !important; 927 text-decoration: inherit; 928 margin: 0px 0.3em 0px 0px; 929 font-size: 1.2em; 930 font-family: FontAwesome; 931 content: "\f0da"; 932 } 933 934 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details[open] > summary.btn > span::before, 935 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_c
935ontainer details[open] > summary.btn > span::before, 936 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details[open] > summary.btn > span::before, 937 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details[open] > summary.btn > span::before, 938 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details[open] > summary.btn > span::before, 939 details[open] > summary.btn > span::before { 940 content: "\f0d7"; 941 } 942 943 /* detail summary as accordion */ /* 2022-03-01 */ 944 div.accordionmr { 945 --mr-padding-accordion-00: 15px; /* padding for (1) (2) .detailscontentmr */ 946 --mr-margin-accordion-00: 5px; /* margin between */ 947 --mr-summary-icon-margin-accordion-00: 0.3em; /* margin left for (::after) icon */ 948 } 949 :not(.newFlexibleTheme) div.accordionmr { 950 --mr-color-accordion-00: var(--mr-color-hyperlink-00); /* open background */ 951 --mr-color-accordion-01: var(--mr-color-hyperlink-01); /* background */ 952 --mr-color-accordion-02: #cccccc; /* border */ 953 --mr-color-accordion-03: var(--mr-color-page-background-00); /* page background */ 954 } 955 .newFlexibleTheme div.accordionmr { 956 --mr-color-accordion-00: var(--mr-color-00-faintest); /* open background */ 957 --mr-color-accordion-01: var(--mr-color-00-faintest); /* background */ 958 --mr-color-accordion-02: var(--mr-color-00-faintest); /* border */ 959 --mr-color-accordion-03: var(--mr-color-page-background-00); /* page background */ 960 } 961 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details, 962 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details, 963 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details, 964 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details, 965 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details { 966 background-color: var(--mr-color-accordion-01); 967 } 968 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details:not(:first-of-type), 969 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details:not(:first-of-type), 970 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details:not(:first-of-type), 971 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details:not(:first-of-type), 972 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details:not(:first-of-type) { 973 margin: var(--mr-margin-accordion-00) 0px 0px 0px; 974 } 975 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > summary, 976 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > summary, 977 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > summary, 978 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > summary, 979 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > summary { 980 list-style-type: none; 981 padding: var(--mr-padding-accordion-00); 982 margin: 0px; 983 color: var(--mr-color-page-background-00) !important; 984 text-decoration: none; 985 font-weight: bold; 986 } 987 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details[open] > summary, 988 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details[open] > summary, 989 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details[open] > summary, 990 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details[open] > summary, 991 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details[open] > summary { 992 list-style-type: none; 993 background-color: var(--mr-color-accordion-00); 994 } 995 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > summary > span::after, 996 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_c
996ontainer div.accordionmr > details > summary > span::after, 997 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > summary > span::after, 998 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > summary > span::after, 999 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > summary > span::after { 1000 font-family: FontAwesome; 1001 margin: 0px 0px 0px var(--mr-summary-icon-margin-accordion-00); 1002 font-size: inherit; 1003 content: "\f13a"; 1004 float: right; 1005 } 1006 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details[open] > summary > span, 1007 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details[open] > summary > span, 1008 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details[open] > summary > span, 1009 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details[open] > summary > span, 1010 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details[open] > summary > span { 1011 list-style-type: none; 1012 background-color: var(--mr-color-accordion-00); 1013 } 1014 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details[open] > summary > span::after, 1015 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details[open] > summary > span::after, 1016 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details[open] > summary > span::after, 1017 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details[open] > summary > span::after, 1018 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details[open] > summary > span::after { 1019 content: "\f139"; 1020 } 1021 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > summary > span > p, 1022 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > summary > span > p, 1023 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > summary > span > p, 1024 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > summary > span > p, 1025 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > summary > span > p { 1026 visibility: hidden; 1027 display: none; 1028 height: 0px; 1029 width: 0px; 1030 padding-bottom: 0px; 1031 } 1032 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > summary :is(h1,h2,h3,h4,h5,h6), 1033 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > summary :is(h1,h2,h3,h4,h5,h6), 1034 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > summary :is(h1,h2,h3,h4,h5,h6), 1035 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > summary :is(h1,h2,h3,h4,h5,h6), 1036 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > summary :is(h1,h2,h3,h4,h5,h6) { 1037 display: inline; 1038 color: inherit; 1039 font-size: inherit; 1040 font-weight: inherit; 1041 text-decoration: inherit; 1042 font-family: inherit; 1043 text-transform: none; 1044 line-height: normal; 1045 padding-bottom: 0px; 1046 margin: 0px; 1047 letter-spacing: normal; 1048 } 1049 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > .detailscontentmr,/* *:nth-child(2), */ 1050 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > .detailscontentmr, 1051 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > .detailscontentmr, 1052 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > .detailscontentmr, 1053 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > .detailscontentmr { 1054 border: solid var(--mr-color-accordion-02) 1px;
1055 padding: var(--mr-padding-accordion-00); 1056 background: var(--mr-color-page-background-00) !important; 1057 max-height: 66vh; 1058 overflow-y: auto; 1059 } 1060 @media screen and (min-width: 960px) { 1061 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > .detailscontentmr,/* *:nth-child(2), */ 1062 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > .detailscontentmr, 1063 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > .detailscontentmr, 1064 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > .detailscontentmr, 1065 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > .detailscontentmr { 1066 max-height: initial; 1067 overflow-y: initial; 1068 } 1069 } 1070 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > .detailscontentmr p:last-child,/* *:nth-child(2) p:last-child, */ 1071 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > .detailscontentmr p:last-child, 1072 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > .detailscontentmr p:last-child, 1073 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > .detailscontentmr p:last-child, 1074 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > .detailscontentmr p:last-child { 1075 padding-bottom: 0px; 1076 } 1077 1078 /* abbreviation / acronym tag */ /* 2022-02-24 */ 1079 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief abbr, 1080 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container abbr, 1081 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area abbr, 1082 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body abbr, 1083 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 abbr { 1084 border-bottom: none; 1085 text-decoration: underline dotted var(--mr-color-00) 0.2em; 1086 text-decoration-skip-ink: auto; 1087 } 1088 1089 /* hyperlinks */ 1090 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]) { 1091 color: var(--mr-color-hyperlink-00);/*#662382;*/ 1092 text-decoration: underline;/*none;*/ 1093 text-decoration-skip-ink: auto; 1094 } 1095 1096 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]) { 1097 color: var(--mr-color-hyperlink-00);/*#662382;*/ 1098 } 1099 1100 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]) { 1101 color: var(--mr-color-hyperlink-01);/*#561e6e;*/ 1102 } 1103 1104 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]) { 1105 color: var(--mr-color-hyperlink-01);/*#561e6e;*/ 1106 } 1107 1108 /* button */ 1109 1110 .btn-primary-subtle-mr { 1111 color:#662382; 1112 background-color: rgb(255, 255, 255, 0); 1113 border-color:#662382; 1114 } 1115 1116 .btn-primary-subtle-mr:visited { 1117 color:#662382; /* removed !important 2019-08-30 */ 1118 background-color: rgb(255, 255, 255, 0); 1119 border-color:#662382; 1120 } 1121 1122 .btn-primary-subtle-mr:hover { 1123 color:#e5007d; 1124 background-color: rgb(255, 255, 255, 0); 1125 border-color:#e5007d; 1126 } 1127 1128 .btn-primary-subtle-mr:active { 1129 color:#e5007d; 1130 background-color: rgb(255, 255, 255, 0); 1131 border-color:#e5007d; 1132 } 1133 1134 1135 1136 /* Added 2021-01-18 */div#coursepage section#brief .btn, .news_article_c
1136ontainer .btn, main div.flexible_content_area .btn, main div#accordion div.panel-body .btn, div.event-row div.col-md-8 .btn { 1137 max-width:100%; 1138 overflow: hidden; 1139 white-space: nowrap; 1140 text-overflow: ellipsis; 1141 } 1142 1143 /* 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 { 1144 max-width:100%; 1145 overflow: hidden; 1146 white-space: nowrap; 1147 text-overflow: ellipsis; 1148 } 1149 1150 1151 /* images */ 1152 1153 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]) { 1154 border-radius: 3px; 1155 max-height: 100%; 1156 height: auto; 1157 width: auto; /* 2022-04-12 */ 1158 aspect-ratio: attr(width) / attr(height); /* 2022-04-12 */ 1159 } 1160 1161 img.profilephotomr { 1162 border-radius: 3px; 1163 height: 212px; 1164 width: 170px; 1165 object-fit: cover; 1166 } 1167 1168 img.featureimgmr { 1169 border-radius: 3px; 1170 height: 250px; 1171 width: 100%; 1172 object-fit: cover; 1173 } 1174 1175 /* images - 'object-fit:cover; width:100%; height;100%' + responsive 'enforced aspect ratio' */ 1176 /* (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.) */ 1177 1178 .imgwrappermr { 1179 height: 100%; 1180 } 1181 .imgwrappermr, .imgwrappermr169, .imgwrappermr85, .imgwrappermr43, .imgwrappermr32, .imgwrappermr11, .imgwrappermr10685 { 1182 position: relative; 1183 width: 100%; 1184 overflow: hidden; 1185 border-radius: 3px; 1186 } 1187 .imgwrappermr > img, .imgwrappermr169 > img, .imgwrappermr85 > img, .imgwrappermr43 > img, .imgwrappermr32 > img, .imgwrappermr11 > img, .imgwrappermr10685 > img { 1188 height: 100% !important; 1189 width: 100% !important; 1190 object-fit: cover !important; 1191 position: absolute !important; 1192 top: 0 !important; 1193 left: 0 !important; 1194 bottom: 0 !important; 1195 right: 0 !important; 1196 } 1197 .imgwrappermr169 {padding: 56.25% 0px 0px 0px !important; /* 16:9 Aspect Ratio */} 1198 .imgwrappermr85 {padding: 62.5% 0px 0px 0px !important; /* 8:5 Aspect Ratio */} 1199 .imgwrappermr32 {padding: 66.66% 0px 0px 0px !important; /* 3:2 Aspect Ratio */} 1200 .imgwrappermr43 {padding: 75% 0px 0px 0px !important; /* 4:3 Aspect Ratio */} 1201 .imgwrappermr11 {padding: 100% 0px 0px 0px !important; /* 1:1 Aspect Ratio */} 1202 .imgwrappermr10685 {padding: 124.7% 0px 0px 0px !important; /* 212:170|106:85 Profile Image */} 1203 1204 1205 /* white space (bottom of page) */ 1206 1207 .whitespacemr { 1208 display:block; 1209 width:100%; 1210 height:auto; 1211 margin-bottom:100px; 1212 } 1213 1214 1215 /* ***** flexbox and columns ***** */ 1216 1217 /* ** mobile 1st ** */ 1218 1219 /* flexbox */ 1220 1221 .flexparentmr { 1222 display: inline-flex; 1223 width:104%; 1224 margin-left: -2%; 1225 margin-right: -2%; 1226 flex-flow: row nowrap; /* new */ 1227 -webkit-flex-direction: column; /* new */ 1228 flex-direction: column; /* new */ 1229 justify-content: flex-start; /* children align at the top of column */ 1230 align-items:stretch; 1231 align-content: flex-start; 1232 } 1233 1234 .flexparentmrwrap { /* added 2019-05-13 */ 1235 flex-flow: row wrap; 1236 } 1237 1238 .flexchildmr:first-child { 1239 margin: 2% 2% 0% 2% 1240 } 1241 1242 .flexchildmr:not(:first-child):not(:last-child) { 1243 margin: 0% 2% 0% 2% 1244 } 1245 1246 .flexchildmr:last-child { 1247 margin: 0% 2% 2% 2% 1248 } 1249 1250 .flexchildmr.flexchildmrborder:first-child, .flexchildmr.flexchildmrborder:not(:first-child):not(:last-child), .flexchildmr.flexchildmrborder:last-child { 1251 margin: 2% 2% 2% 2%; /* added 2019-05-13 */ 1252 } 1253 1254 .flexchildmronehalf, .flexchildmronethird, .flexchildmronethird, .flexchildmrtwothird, .flexchildmronefourth, .flexchildmrtwofourth, .flexchildmrthreefourth, .flexchildmronefifth, .flexchildmrtwofifth, .flexchildmrthreefifth, .flexchildmrfourfifth, .flexchildmronesixth, .flexchildmrtwosixth, .flexchildmrthreesixth, .flexchildmrfoursixth, .flexchildmrfivesixth { 1255 flex: 1; 1256 } 1257 1258 .flexchildmronehalfwrap, 1259 .flexchildmronethirdwrap, 1260 .flexchildmronefourthwrap, 1261 .flexchildmronefifthwrap, 1262 .flexchildmronesixthwrap { 1263 flex: 0 1 calc(100% - 4%); /* The minus being gutter size */ 1264 } 1265 1266 /* .flexchildmrborder */ 1267 .flexchildmrborder { 1268 border-radius: 3px; 1269 -webkit-border-radius: 3px; 1270 padding: 20px; /*3%;*/ 1271 } 1272 body:not(.newFlexibleTheme) .flexchildmrborder { 1273 border: #eeeeee solid 1px; /* thin light grey border */ 1274 } 1275 body.newFlexibleTheme .flexchildmrborder { 1276 border: #232323 solid 1px; /* thin grey border */ 1277 } 1278 1279 /* .flexchildmrfeature */ 1280 .flexchildmrfeature { /* rounded corner background and padding added */ 1281 padding: 3%; 1282 border-radius: 3px; 1283 } 1284 body:not(.newFlexibleTheme) .flexchildmrfeature { 1285 background-color: #E0D3E6; /* light purple */ 1286 } 1287 body.newFlexibleTheme .flexchildmrfeature { 1288 background-color: #232323; /* grey */ 1289 } 1290 1291 /* .flexarray (mostly used for creating a nicely spaced array of button links.) */ 1292 .flexarraymr { 1293 display: -webkit-inline-box; 1294 display: -ms-inline-flexbox; 1295 display: inline-flex; 1296 width: 100%; 1297 -webkit-box-orient: horizontal; 1298 -webkit-box-direction: normal; 1299 -ms-flex-flow: row wrap; 1300 flex-flow: row wrap; 1301 -ms-flex-direction: row; 1302 flex-direction: row; 1303 -webkit-box-pack: start; 1304 -ms-flex-pack: start; 1305 justify-content: flex-start; 1306 -ms-flex-line-pack: start; 1307 align-content: flex-start; 1308 } 1309 .flexarraymr > * { 1310 -webkit-box-flex: 0; 1311 -ms-flex: 0 1 auto; 1312 flex: 0 1 auto; 1313 -ms-flex-item-align: auto; 1314 -ms-grid-row-align: auto; 1315 align-self: auto; 1316 margin: 0px 5px 5px 0px; 1317 } 1318 /* aligning flexarray children */ 1319 /* (mobile 1st) responsive justify-content */ 1320 .flexarraymr.flexarraycentermr, 1321 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-cntr-mr, 1322 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-strt-mr, 1323 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-rght-mr { 1324 justify-content: center !important; /* when 'justify-content: space-evenly' wraps onto a new line on mobile it can look peculiar */ 1325 } 1326 1327 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-cntr-mr, 1328 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-strt-mr, 1329 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-rght-mr { 1330 justify-content: flex-start !important; 1331 } 1332 1333 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-cntr-mr, 1334 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-strt-mr, 1335 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-rght-mr { 1336 justify-content: flex-end !important; 1337 } 1338 /* (desktop 2nd) responsive justify content ** */ 1339 /* the following styling is relevant to screen widths of 960px (~~1270px~~) or higher */ 1340 @media screen and (min-width: 960px) { 1341 1342 .flexarraymr.flexarraycentermr, 1343 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-cntr-mr, 1344 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-cntr-mr, 1345 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-cntr-mr { 1346 justify-content: space-evenly !important; 1347 } 1348 1349 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-strt-mr, 1350 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-strt-mr, 1351 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-strt-mr { 1352 justify-content: flex-start !important; 1353 } 1354 1355 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-end-mr, 1356 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-end-mr, 1357 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-end-mr { 1358 justify-content: flex-end !important; 1359 } 1360 1361 } 1362 1363 1364 /* columns */ 1365 1366 .colmr { 1367 /*-moz-column-gap: 40px;*/ 1368 /*-webkit-column-gap: 40px;*/ 1369 column-gap: clamp(0em, 2.5em, 2.5em); /*column-gap: 40px;*/ 1370 } 1371 1372 .col2mr, .col3mr, .col3mr, .col5mr { 1373 -moz-column-count: 1; 1374 -webkit-column-count: 1; 1375 column-count: 1; 1376 } 1377 1378 .avoidbreakmr { 1379 -webkit-column-break-inside: avoid; 1380 page-break-inside: avoid; 1381 -moz-column-break-inside: avoid; 1382 break-inside: avoid; 1383 } 1384 1385 /* ** desktop 2nd flexbox and columns ** */ 1386 /* the following styling is relevant to screen widths of 960px (~~1270px~~) or higher */ 1387 @media screen and (min-width: 960px) { 1388 1389 .flexparentmr { 1390 flex-direction: row; /* new */ 1391 } 1392 1393 .flexparentmr2 { 1394 flex-direction: row-reverse; /* change direct of flex to right to left */ 1395 } 1396 1397 .flexchildmr:first-child, .flexchildmr:not(:first-child):not(:last-child), .flexchildmr:last-child { 1398 margin: 2% 2% 2% 2%; 1399 } 1400 1401 .flexchildmronehalf { 1402 flex: 0.5; 1403 } 1404 1405 .flexchildmronethird, .flexchildmrtwosixth { 1406 flex: 0.333333; 1407 } 1408 1409 .flexchildmrtwothird, .flexchildmrfoursixth { 1410 flex: 0.666666; 1411 } 1412 1413 .flexchildmronefourth, .flexchildmrthreesixth { 1414 flex: 0.25; 1415 } 1416 1417 .flexchildmrtwofourth { 1418 flex: 0.5; 1419 } 1420 1421 .flexchildmrthreefourth { 1422 flex: 0.75; 1423 } 1424 1425 .flexchildmronefifth { 1426 flex: 0.2; 1427 } 1428 1429 .flexchildmrtwofifth { 1430 flex: 0.4; 1431 } 1432 1433 .flexchildmrthreefifth { 1434 flex: 0.6; 1435 } 1436 1437 .flexchildmrfourfifth { 1438 flex: 0.8; 1439 } 1440 1441 .flexchildmronesixth { 1442 flex: 0.166666; 1443 } 1444 1445 .flexchildmrfivesixth { 1446 flex: 0.833333; 1447 } 1448 1449
1450 .flexchildmronehalfwrap { /* added 2019-05-13 */ 1451 flex: 0 1 calc(50% - 4%); /* The minus being gutter size */ 1452 } 1453 1454 .flexchildmronethirdwrap { /* added 2019-07-01 */ 1455 flex: 0 1 calc(33.3333% - 4%); /* The minus being gutter size */ 1456 } 1457 1458 .flexchildmronefourthwrap { /* added 2019-11-22 */ 1459 flex: 0 1 calc(25% - 4%); /* The minus being gutter size */ 1460 } 1461 1462 .flexchildmronefifthwrap { /* added 2019-11-22 */ 1463 flex: 0 1 calc(20% - 4%); /* The minus being gutter size */ 1464 } 1465 1466 .flexchildmronesixthwrap { /* added 2019-11-22 */ 1467 flex: 0 1 calc(16.6666% - 4%); /* The minus being gutter size */ 1468 } 1469 1470 /* columns */ 1471 1472 .col2mr { 1473 -moz-column-count: 2; 1474 -webkit-column-count: 2; 1475 column-count: 2; 1476 } 1477 1478 .col3mr { 1479 -moz-column-count: 3; 1480 -webkit-column-count: 3; 1481 column-count: 3; 1482 } 1483 1484 .col4mr { 1485 -moz-column-count: 4; 1486 -webkit-column-count: 4; 1487 column-count: 4; 1488 } 1489 1490 .col5mr { 1491 -moz-column-count: 5; 1492 -webkit-column-count: 5; 1493 column-count: 5; 1494 } 1495 1496 } 1497 1498 1499 1500 /* Cards (Flexible Page Template) */ 1501 1502 /*div.card-box a img { /* flexible page template card image */ 1503 /* -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ 1504 /* filter: grayscale(100%);*/ 1505 /*}*/ 1506 1507 /*div.card-box a img:hover { /* flexible page template card image */ 1508 /* -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ 1509 /* filter: grayscale(0%);*/ 1510 /*}*/ 1511 1512 .card-content p,ul { 1513 margin-bottom: 20px; 1514 } 1515 1516 1517 /* Carousel (Flexible Page Template) */ 1518 1519 .cc-subtitle { 1520 font-weight: bold; 1521 } 1522 1523 .cc-quote { 1524 font-style: italic; 1525 } 1526 1527 /* Governors (Shortcode) */ 1528 1529 body:not(.newFlexibleTheme) .overlay { /* There's a media query where the blue color still applies unfortunately.*/ 1530 border-bottom-color: #662382 !important; 1531 } 1532 body.newFlexibleTheme .overlay { /* There's a media query where the blue color still applies unfortunately.*/ 1533 border-bottom-color: #232323 !important; 1534 } 1535 1536 /* ----------------------- Miscellaneous ----------------------- */ 1537 1538 /* */ 1539 .news_article_container iframe, main div.flexible_content_area iframe, div.event-row div.col-md-8 :not(.event-video) iframe { 1540 position: static; 1541 } 1542 1543 /* div.videoWrapper iframe */ 1544 /* Responsive div.videoWrapper requires child iframe be positioned absolutely. Added 2019-02-12. */ 1545 .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 { 1546 position: absolute; 1547 } 1548 1549 /* Fix black bars on embedded responsive videos */ 1550 .news_article_container div.videoWrapper, 1551 main div.flexible_content_area div.videoWrapper, 1552 main div#accordion div.panel-body div.videoWrapper, 1553 div.event-row div.col-md-8 div.videoWrapper { 1554 padding-top: 0px !important; /* do not remove - see support ticket #1091 */ 1555 } 1556 1557 /* horizontal rule */ 1558 body.newFlexibleTheme main div.flexible_content_area hr, body.newFlexibleTheme main div#accordion div.panel-body hr { 1559 border-width: 3px; 1560 } 1561 1562 /* ----------------------- Full-width Div----------------------- */ 1563 1564 1565 div.fullwidthwrappermr { 1566 clear: both; /* */ 1567 width: 100%; /* */ 1568 height: auto; /* */ 1569 min-height: 1px; /* */ 1570 display: flex; /* flex centering 00 - parent */ 1571 justify-content: center; /* flex centering 00 - parent */ 1572 align-items: center; /* flex centering 00 - parent */ 1573 } 1574 1575 div.fullwidthmr { 1576 width: 100%; /* fallback if the script fails */ 1577 overflow-x: hidden; 1578 flex-shrink: 0; /* flex centering 00 - flex child that is larger than parent */ 1579 display: flex; /* flex centering 01 - parent */ 1580 justify-content: center; /* flex centering 01 - parent */ 1581 align-items: center; /* flex centering 01 - parent */ 1582 } 1583 1584 div.fullwidthimgmr { 1585 /*background-image: url("/images/x.jpg");*/ /* set in-line */ 1586 /*height: 250px;*/ /* set in-line */ 1587 background-position: center; 1588 background-repeat: no-repeat; 1589 background-size: cover; 1590 position: relative; 1591 } 1592 1593 /*@media screen and (min-width: 960px)*/ 1594 @media screen and (min-width: 960px) { 1595 .parallaxmr { 1596 background-attachment: fixed; /* fixed */ 1597 } 1598 } 1599 1600 div.mainwidthmr { 1601 display: flex; /* flex centering 02 - parent */ 1602 justify-content: center; /* flex centering 02 - parent */ 1603 align-items: center; /* flex centering 02 - parent */ 1604 } 1605 1606 /* the following styling is relevant to screen widths of 959px or lower */ 1607 /* JavaScript applies padding to .maindwidthmr equal to I override and remove it on smaller screens. */ 1608 @media screen and (max-width: 959px) { 1609 /*.mainwidthmr {*/ 1610 .mainwidthmr:has(> .fdmr:only-child) { 1611 padding: 0px !important; 1612 } 1613 /*.mainwidthmr > .fdmr {*/ 1614 .mainwidthmr:has(> .fdmr:only-child) > .fdmr { 1615 margin-left: 15px; 1616 margin-right: 15px; 1617 } 1618 } 1619 1620 div.mainwidthmr > *:only-child { 1621 width: 100%; 1622 min-width: 0; /*2026-09-29*/ 1623 } 1624 1625 div.fullwidthmr > *:only-child:not(.mainwidthmr) { 1626 width: 100%; 1627 height: 100%; 1628 } 1629 1630 1631 /* ----------------------- CTA Text to Overlay Images ----------------------- */ 1632 1633 /* Text to Overlay Images */ 1634 1635 .whiteshadowmr > h1, 1636 .whiteshadowmr > h2, 1637 .whiteshadowmr > h3, 1638 .whiteshadowmr > h4, 1639 .whiteshadowmr > h5, 1640 .whiteshadowmr > p > *:not(span), 1641 .whiteshadowmr { 1642 color: white !important; 1643 text-shadow: 2px 2px 11px #000000 !important; 1644 } 1645 1646 /* Added 2021-01-19 */ 1647 .whitemr > h1, 1648 .whitemr > h2, 1649 .whitemr > h3, 1650 .whitemr > h4, 1651 .whitemr > h5, 1652 .whitemr > p > *:not(span, a), /* *:not(span), */ 1653 .whitemr { 1654 color: white !important; 1655 } 1656 1657 /* ----------------------- CTA Button to Overlay Images ----------------------- */ 1658 1659 .whiteshadowmr .btn-primary-white-mr, 1660 .btn-primary-white-mr, 1661 .whitemr .btn-primary-white-mr { 1662 color:#333333 !important; 1663 background-color:#FFFFFF; 1664 border-color:#FFFFFF; 1665 box-shadow: 2px 2px 11px #000000; 1666 text-shadow: none !important; 1667 } 1668 1669 .whiteshadowmr .btn-primary-white-mr:visited, 1670 .btn-primary-white-mr:visited, 1671 .whitemr .btn-primary-white-mr:visited { 1672 color:#333333 !important; 1673 background-color:#FFFFFF; 1674 border-color:#FFFFFF; 1675 text-shadow: none !important; 1676 } 1677 1678 .whiteshadowmr .btn-primary-white-mr:hover, 1679 .btn-primary-white-mr:hover, 1680 .whitemr .btn-primary-white-mr:hover { 1681 color:#333333 !important; 1682 background-color:#FAFAFA; 1683 border-color:#FFFFFF; 1684 text-shadow: none !important; 1685 } 1686 1687 .whiteshadowmr .btn-primary-white-mr:active, 1688 .btn-primary-white-mr:active, 1689 .whitemr .btn-primary-white-mr:active { 1690 color:#333333 !important; 1691 background-color:#FAFAFA; 1692 border-color:#FFFFFF; 1693 text-shadow: none !important; 1694 } 1695 1696 1697 /* ----------------------- Hero Headers ----------------------- */ 1698 1699 1700 /* background hero image */ 1701 1702 div.heromr1 { 1703 padding: 3%; 1704 border-radius: 3px; 1705 /*background-image: url('xxx.jpg');*/ 1706 background-repeat: repeat; 1707 background-position: center; 1708 background-size: cover; 1709 height: 250px; 1710 display: flex; 1711 flex-direction: column; 1712 justify-content: center; 1713 overflow: hidden; 1714 } 1715 1716 1717 /* hero header container */ 1718 div.heromr2 { 1719 text-align: center; 1720 transform: rotate(-2deg); 1721 } 1722
1723 /* hero header container text | added 2019-08-16 */ 1724 .heromr2 > * { 1725 white-space: nowrap; 1726 overflow: hidden; 1727 text-overflow: ellipsis; 1728 } 1729 1730 1731 /* hero header text */ 1732 .heromr3 { 1733 /* add .whiteshadowmr */ 1734 background-color: #E5007D; /* stratford-upon-avon specific */ 1735 background-repeat: repeat; 1736 background-position: center; 1737 background-size: cover; 1738 text-align: center !important; 1739 font-size: 2em; 1740 display: inline !important; 1741 padding: 5px 10px !important; 1742 box-shadow: 5px 5px 0px 0px #360301, 0px 0px 0px 20px #ffffff, 5px 5px 0px 20px rgba(0, 0, 0, 0.33) !important; 1743 } 1744 1745 1746 /* hero header text backgrounds | for compatability with solihull specific colours */ 1747 1748 .bckgrndmr1 { 1749 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull management professional grey */ 1750 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 */ 1751 } 1752 .bckgrndmr2 { 1753 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull part time orange */ 1754 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 */ 1755 } 1756 .bckgrndmr3 { 1757 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull school leaver red */ 1758 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 */ 1759 } 1760 .bckgrndmr4 { 1761 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull apprenticeship green teal */ 1762 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 */ 1763 } 1764 .bckgrndmr5 { 1765 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull employer green */ 1766 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 */ 1767 } 1768 .bckgrndmr6 { 1769 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull higher education blue */ 1770 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 */ 1771 } 1772 1773 1774 1775 /* ----------------------- Animations ----------------------- */ 1776 1777 @keyframes slideInUp { 1778 0% { 1779 transform: translate3d(0, 500%, 0); 1780 visibility: visible 1781 } 1782 to { 1783 transform: translateZ(0) 1784 } 1785 } 1786 1787 .slideInUp { 1788 animation: slideInUp 1s; 1789 visibility: visible; 1790 } 1791 1792 /* ----------------------- Filter ----------------------- */ 1793 1794 .containermr { 1795 overflow: hidden; 1796 } 1797 1798 .filterDiv { 1799 display: none; /* Hidden by default */ 1800 /*margin: 0 0 20px 0;*/ /* fix for details summary accordion. Commented-out 2022-03-15 */ 1801 } 1802 1803 /* The "show" class is added to the filtered elements */ 1804 .showmr { 1805 display: inline-block; /* changed from 'block' */ 1806 } 1807 .accordionmr .showmr { 1808 display: block; /* fix for details summary accordion. Added 2022-03-15 */ 1809 } 1810 1811 /* Style the buttons */ 1812 .btnmr {} 1813 1814 /* Add a light grey background on mouse-over */ 1815 .btnmr:hover {} 1816 1817 /* Add a dark background to the active button */ 1818 .btnmr.activemr { 1819 background-color: #4D1A62; 1820 border: 1px solid #331241; 1821 } 1822 body.newFlexibleTheme main div.flexible_content_area .btnmr.activemr, body.newFlexibleTheme main div#accordion div.panel-body .btnmr.activemr { 1823 background-color: #232323 !important; 1824 border: 1px solid #141414 !important; 1825 color: #ffffff !important; 1826 } 1827 1828 div.containermr > div.filterDiv { 1829 width: 100%; 1830 } 1831 1832 div#myBtnContainermr button { 1833 margin: 0px 5px 5px 0px; 1834 } 1835 1836 div.containermr .btn { 1837 margin: 5px; 1838 } 1839 1840 /* ----------------------- Instagram Feed ----------------------- */ 1841
1842 /* Added 2019-06-03 */ 1843 1844 /* Mobile 1st | Instagram Feed | 3x3 */ 1845 div#instafeedmr { 1846 display: inline-flex; 1847 width: 104%; 1848 margin-left: -2%; 1849 margin-right: -2%; 1850 flex-flow: row wrap; 1851 -webkit-flex-direction: row; 1852 flex-direction: row; 1853 justify-content: flex-start; 1854 align-items: stretch; 1855 align-content: flex-start; 1856 } 1857 1858 div.instapicmr { 1859 flex: 0 1 calc(100% - 4%); /* The minus being gutter size */ 1860 margin: 2%; 1861 position: relative; 1862 padding: calc(100% - 4%) 0px 0px 0px; /* 1:1 Aspect Ratio */ 1863 } 1864 1865 div.instapicmr > img { 1866 height: 100% !important; 1867 width: 100% !important; 1868 object-fit: cover !important; 1869 border-radius: 3px; 1870 position: absolute !important; /* 1:1 Aspect Ratio */ 1871 top: 0 !important; /* 1:1 Aspect Ratio */ 1872 left: 0 !important; /* 1:1 Aspect Ratio */ 1873 bottom: 0 !important; /* 1:1 Aspect Ratio */ 1874 right: 0 !important; /* 1:1 Aspect Ratio */ 1875 } 1876 1877 div.instapicmr > a { /* +V6 */ 1878 display: block; 1879 box-sizing: border-box; 1880 height: 100% !important; 1881 width: 100% !important; 1882 position: absolute !important; /* 1:1 Aspect Ratio */ 1883 top: 0 !important; /* 1:1 Aspect Ratio */ 1884 left: 0 !important; /* 1:1 Aspect Ratio */ 1885 bottom: 0 !important; /* 1:1 Aspect Ratio */ 1886 right: 0 !important; /* 1:1 Aspect Ratio */ 1887 z-index: 99; /* +V7 */ 1888 } 1889 1890 div.instapicmr p { 1891 display: block; 1892 height: auto; 1893 overflow-y: hidden; 1894 max-height: 100%; /* +V7 */ 1895 width: 100%; 1896 font-size: 1em; 1897 position: absolute; 1898 bottom: 0%; 1899 left: 0px; 1900 z-index: 98; /* +V7 */ 1901 color: white; 1902 background-color: #0000007F; 1903 border-radius: 3px; 1904 padding: 2% 2%; 1905 margin: 0; 1906 box-sizing: border-box; 1907 visibility: hidden; 1908 opacity: 0; 1909 transition: visibility 0s, opacity 0.2s linear; 1910 } 1911 1912 div.instapicmr:hover p, div.instapicmr img:active ~ p, div.instapicmr a:active ~ p { /* +V6 */ 1913 visibility: visible; 1914 opacity: 1; 1915 } 1916 1917 /* desktop 2nd | Instagram Feed | 3x3 */ 1918 /* the following styling is relevant to screen widths of 960px (~~1270px~~) or higher */ 1919 @media screen and (min-width: 960px) { 1920 div.instapicmr { 1921 flex: 0 1 calc(33.333333% - 4%); 1922 padding: calc(33.333333% - 4%) 0px 0px 0px; /* 1:1 Aspect Ratio */ 1923 } 1924 } 1925 1926 1927 /* Added 2019-07-10 */ 1928 1929 /* Mobile 1st | Instagram Feed | 1x7 */ 1930 div#instafeed1mr { 1931 display: inline-flex; 1932 width: 100.5%; 1933 margin-left: -0.25%; 1934 margin-right: -0.25%; 1935 flex-flow: row wrap; 1936 -webkit-flex-direction: row; 1937 flex-direction: row; 1938 justify-content: flex-start; 1939 align-items: stretch; 1940 align-content: flex-start; 1941 } 1942 1943 div.instapic1mr { 1944 flex: 0 1 calc(50% - 0.5%); /* The minus being gutter size */ 1945 margin: 0.25%; 1946 position: relative; 1947 padding: calc(50% - 0.5%) 0px 0px 0px; /* 1:1 Aspect Ratio */ 1948 display: none; 1949 } 1950 1951 div.instapic1mr:nth-child(1), 1952 div.instapic1mr:nth-child(2), 1953 div.instapic1mr:nth-child(3), 1954 div.instapic1mr:nth-child(4), 1955 div.instapic1mr:nth-child(5), 1956 div.instapic1mr:nth-child(6) { 1957 display: block; 1958 } 1959 1960 div.instapic1mr > img { 1961 height: 100% !important; 1962 width: 100% !important; 1963 object-fit: cover !important; 1964 border-radius: 3px; 1965 position: absolute !important; /* 1:1 Aspect Ratio */ 1966 top: 0 !important; /* 1:1 Aspect Ratio */ 1967 left: 0 !important; /* 1:1 Aspect Ratio */ 1968 bottom: 0 !important; /* 1:1 Aspect Ratio */ 1969 right: 0 !important; /* 1:1 Aspect Ratio */ 1970 } 1971 1972 div.instapic1mr > a { /* +V6 */ 1973 display: block; 1974 box-sizing: border-box; 1975 height: 100% !important; 1976 width: 100% !important; 1977 position: absolute !important; /* 1:1 Aspect Ratio */ 1978 top: 0 !important; /* 1:1 Aspect Ratio */ 1979 left: 0 !important; /* 1:1 Aspect Ratio */ 1980 bottom: 0 !important; /* 1:1 Aspect Ratio */ 1981 right: 0 !important; /* 1:1 Aspect Ratio */ 1982 z-index: 99; /* +V7 */ 1983 } 1984 1985 div.instapic1mr p { 1986 display: block; 1987 height: auto; 1988 overflow-y: hidden; 1989 max-height: 100%; /* +V7 */ 1990 width: 100%; 1991 font-size: 1em; 1992 position: absolute; 1993 bottom: 0%; 1994 left: 0px; 1995 z-index: 98; /* +V7 */ 1996 color: white; 1997 background-color: #0000007F; 1998 border-radius: 3px; 1999 padding: 2% 2%; 2000 margin: 0; 2001 box-sizing: border-box; 2002 visibility: hidden; 2003 opacity: 0; 2004 transition: visibility 0s, opacity 0.2s linear; 2005 2006 -ms-word-break: break-all; 2007 word-break: break-all; 2008 word-break: break-word; 2009 -ms-hyphens: auto; 2010 -moz-hyphens: auto; 2011 -webkit-hyphens: auto; 2012 hyphens: auto; 2013 } 2014 2015 div.instapic1mr:hover p, div.instapic1mr img:active ~ p, div.instapic1mr a:active ~ p { /* +V6 */ 2016 visibility: visible; 2017 opacity: 1;
2018 } 2019 2020 /* desktop 2nd | Instagram Feed | 1x7 */ 2021 @media screen and (min-width: 960px) { 2022 div.instapic1mr { 2023 flex: 0 1 calc(14.28571428571429% - 0.5%); 2024 padding: calc(14.28571428571429% - 0.5%) 0px 0px 0px; /* 1:1 Aspect Ratio */ 2025 } 2026 2027 div.instapic1mr:nth-child(7) { 2028 display:block; 2029 } 2030 2031 } 2032 2033 /* ----------------------- Responsive Text-Align ----------------------- */ 2034 2035 /* ** mobile 1st responsive text-align ** */ 2036 2037 /* mobile text-align center */ 2038 .mbl-txt-cntr-mr.dsktp-txt-lft-mr, .mbl-txt-cntr-mr.dsktp-txt-cntr-mr, .mbl-txt-cntr-mr.dsktp-txt-rght-mr { 2039 text-align:center !important; 2040 } 2041 2042 /* mobile text-align left */ 2043 .mbl-txt-lft-mr.dsktp-txt-lft-mr, .mbl-txt-lft-mr.dsktp-txt-cntr-mr, .mbl-txt-lft-mr.dsktp-txt-rght-mr { 2044 text-align:left !important; 2045 } 2046 2047 /* mobile text-align right */ 2048 .mbl-txt-rght-mr.dsktp-txt-lft-mr, .mbl-txt-rght-mr.dsktp-txt-cntr-mr, .mbl-txt-rght-mr.dsktp-txt-rght-mr { 2049 text-align:right !important; 2050 } 2051 2052 /* ** desktop 2nd responsive text-align ** */ 2053 /* the following styling is relevant to screen widths of 960px (~~1270px~~) or higher */ 2054 @media screen and (min-width: 960px) { 2055 2056 /* desktop text-align center */ 2057 .mbl-txt-lft-mr.dsktp-txt-cntr-mr, .mbl-txt-cntr-mr.dsktp-txt-cntr-mr, .mbl-txt-rght-mr.dsktp-txt-cntr-mr { 2058 text-align:center !important; 2059 } 2060 2061 2062 /* desktop text-align left */ 2063 .mbl-txt-lft-mr.dsktp-txt-lft-mr, .mbl-txt-cntr-mr.dsktp-txt-lft-mr, .mbl-txt-rght-mr.dsktp-txt-lft-mr { 2064 text-align:left !important; 2065 } 2066 2067 2068 /* desktop text-align right */ 2069 .mbl-txt-lft-mr.dsktp-txt-rght-mr, .mbl-txt-cntr-mr.dsktp-txt-rght-mr, .mbl-txt-rght-mr.dsktp-txt-rght-mr { 2070 text-align:right !important; 2071 } 2072 2073 } 2074 2075 2076 /* ----------------------- Eventbrite Feed ----------------------- */ 2077 2078 /* added 2019-10-17 */ 2079 2080 #eventbritefeed0mr.eventbritecontainermr { 2081 display: inline-flex; 2082 width:104%; 2083 margin-left: -2%; 2084 margin-right: -2%; 2085 flex-flow: row wrap; 2086 -webkit-flex-direction: column; 2087 flex-direction: column; 2088 justify-content: flex-start; 2089 align-items:stretch; 2090 align-content: flex-start; 2091 } 2092 #eventbritefeed0mr.eventbritecontainermr > * { 2093 margin: 2%; 2094 flex: 0 1 calc(100% - 4%); /* The minus being gutter size */ 2095 /* --- */ 2096 border-radius: 6px 6px 6px 6px; 2097 -webkit-border-radius: 6px 6px 6px 6px; 2098 overflow: hidden; 2099 position: relative; 2100 } 2101 #eventbritefeed0mr.eventbritecontainermr > * > div, #eventbritefeed0mr.eventbritecontainermr > * > div > img { 2102 border-radius: 0px !important; 2103 } 2104 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritecontainermr > * {background-color: #662382; color: #ffffff;} 2105 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritecontainermr > *:hover, 2106 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritecontainermr > *:active {background-color: #561e6e;} 2107 2108 body.newFlexibleTheme div#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *, 2109 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *, 2110 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *, 2111 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *, 2112 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *, 2113 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > * {background-color: #ffffff !important; color: #000000 !important;} 2114 2115 body.newFlexibleTheme div#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:hover, 2116 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:hover, 2117 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:hover, 2118 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:hover, 2119 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:hover, 2120 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:hover, 2121 body.newFlexibleTheme div#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:active,
2122 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:active, 2123 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:active, 2124 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:active, 2125 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:active, 2126 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:active {background-color: #232323 !important; color: #ffffff !important;} 2127 2128 div#coursepage section#brief .eventbriteeventtitlemr, 2129 .news_article_container .eventbriteeventtitlemr, 2130 main div.flexible_content_area .eventbriteeventtitlemr, 2131 main div#accordion div.panel-body .eventbriteeventtitlemr, 2132 div.event-row div.col-md-8 .eventbriteeventtitlemr, 2133 .eventbriteeventtitlemr { 2134 padding: 10px 16px !important; 2135 font-size: 1em; 2136 } 2137 2138 body:not(.newFlexibleTheme) .eventbriteeventtitlemr {color: #ffffff !important;} 2139 2140 body.newFlexibleTheme div#coursepage section#brief .eventbriteeventtitlemr, 2141 body.newFlexibleTheme .news_article_container .eventbriteeventtitlemr, 2142 body.newFlexibleTheme main div.flexible_content_area .eventbriteeventtitlemr, 2143 body.newFlexibleTheme main div#accordion div.panel-body .eventbriteeventtitlemr, 2144 body.newFlexibleTheme div.event-row div.col-md-8 .eventbriteeventtitlemr {color: #000000 !important;} 2145 2146 body.newFlexibleTheme div#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2147 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2148 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2149 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2150 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2151 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2152 body.newFlexibleTheme div#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr, 2153 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr, 2154 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr, 2155 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr, 2156 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr, 2157 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr {color: #ffffff !important;} 2158 2159 div#coursepage section#brief p.eventbriteeventdescriptionmr, 2160 .news_article_container p.eventbriteeventdescriptionmr, 2161 main div.flexible_content_area p.eventbriteeventdescriptionmr, 2162 main div#accordion div.panel-body p.eventbriteeventdescriptionmr, 2163 div.event-row div.col-md-8 p.eventbriteeventdescriptionmr, 2164 p.eventbriteeventdescriptionmr {padding: 10px 16px !important;} 2165 2166 body.newFlexibleTheme body.newFlexibleThemediv#coursepage section#brief p.eventbriteeventdescriptionmr, 2167 body.newFlexibleTheme .news_article_container p.eventbriteeventdescriptionmr, 2168 body.newFlexibleTheme main div.flexible_content_area p.eventbriteeventdescriptionmr, 2169 body.newFlexibleTheme main div#accordion div.panel-body p.eventbriteeventdescriptionmr, 2170 body.newFlexibleTheme div.event-row div.col-md-8 p.eventbriteeventdescriptionmr, 2171 body.newFlexibleTheme p.eventbriteeventdescriptionmr {color: #000000 !important;} 2172 2173 body.newFlexibleTheme body.newFlexibleThemediv#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr,
2174 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr, 2175 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr, 2176 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr, 2177 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr, 2178 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr, 2179 body.newFlexibleTheme body.newFlexibleThemediv#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr, 2180 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr, 2181 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr, 2182 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr, 2183 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr, 2184 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr {color: #ffffff !important;} 2185 2186 p.eventbriteeventstarttimemr { 2187 position: absolute; 2188 top: 0%; 2189 left: 0%; 2190 z-index: 98; 2191 padding: 10px 16px; 2192 border-radius: 3px; 2193 font-size: 1.125em; 2194 font-weight: bold; 2195 } 2196 body:not(.newFlexibleTheme) p.eventbriteeventstarttimemr {background-color: #662382B3; color: white;} 2197 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventstarttimemr, 2198 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventstarttimemr {background-color: #561e6eB3;} 2199 body.newFlexibleTheme p.eventbriteeventstarttimemr {background-color: #ffffffB3; color: #000000 !important;} 2200 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventstarttimemr, 2201 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventstarttimemr {background-color: #232323B3; color:white !important;} 2202 2203 #eventbritefeed0mr.eventbritecontainermr > * > p.eventbriteventlinkwrappermr { 2204 display: block; 2205 width:100%; 2206 height:100%; 2207 position: absolute; 2208 top: 0%; 2209 left: 0%; 2210 z-index: 94; 2211 padding: 0px !important; /* new */ 2212 } 2213 #eventbritefeed0mr.eventbritecontainermr > * > p.eventbriteventlinkwrappermr > a.eventbriteventlinkmr { 2214 display: block; 2215 width:100%; 2216 height:100%; 2217 position: absolute; 2218 top: 0%; 2219 left: 0%; 2220 z-index: 95; 2221 } 2222 @media screen and (min-width: 960px) { 2223 #eventbritefeed0mr.eventbritecontainermr {flex-direction: row;} 2224 #eventbritefeed0mr.eventbritecontainermr > * {flex: 0 1 calc(33.3333% - 4%);} 2225 } 2226 /* In the event that there are no live events showing in the feed. */ 2227 #eventbritefeed0mr.eventbritemessagemr, 2228 #eventbritefeed0mr.eventbriteerrormessagemr { 2229 width: 100%; 2230 text-align: center; 2231 display: flex; 2232 flex-direction: column; 2233 justify-content: center; 2234 align-items: center; 2235 } 2236 2237 2238 #eventbritefeed0mr.eventbriteerrormessagemr { /* new 2019-10-22 */ 2239 position: relative 2240 } 2241 #eventbritefeed0mr.eventbriteerrormessagemr p.eventbriteventlinkwrappermr, 2242 #eventbritefeed0mr.eventbriteerrormessagemr p.eventbriteventlinkwrappermr > a.eventbriteorganiserlinkmr { /* new 2019-10-22 */ 2243 display: block; 2244 width:100%; 2245 height:100%; 2246 position: absolute; 2247 top: 0%; 2248 left: 0%; 2249 } 2250 #eventbritefeed0mr.eventbriteerrormessagemr p.eventbriteventlinkwrappermr { /* new 2019-10-22 */ 2251 padding: 0px !important; 2252 z-index: 94; 2253 } 2254 #eventbritefeed0mr.eventbriteerrormessagemr p.eventbriteventlinkwrappermr > a.eventbriteorganiserlinkmr { /* new 2019-10-22 */ 2255 z-index: 95; 2256 } 2257 2258 2259 2260 #eventbritefeed0mr.eventbritemessagemr > *:first-child, 2261 #eventbritefeed0mr.eventbriteerrormessagemr > *:first-child { 2262 font-size:3em; 2263 } 2264 #eventbritefeed0mr.eventbritemessagemr > *:nth-child(2), 2265 #eventbritefeed0mr.eventbriteerrormessagemr > *:nth-child(2) { 2266 font-size:1.85em; 2267 } 2268 @media screen and (min-width: 960px) { 2269 #eventbritefeed0mr.eventbritemessagemr > *:first-child, 2270 #eventbritefeed0mr.eventbriteerrormessagemr > *:first-child { 2271 font-size: 3.5em; 2272 } 2273 #eventbritefeed0mr.eventbritemessagemr > *:nth-child(2), 2274 #eventbritefeed0mr.eventbriteerrormessagemr > *:nth-child(2) { 2275 font-size:2.16em; 2276 } 2277 } 2278 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritemessagemr > *, 2279 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbriteerrormessagemr > * { 2280 color: #767676 !important; 2281 } 2282 body.newFlexibleTheme #eventbritefeed0mr.eventbritemessagemr > *, 2283 body.newFlexibleTheme #eventbritefeed0mr.eventbriteerrormessagemr > * { 2284 color: #cccccc !important; 2285 } 2286 2287 /* ----------------------- Testimonial ----------------------- */ 2288
2289 /* added 2019-11-06 */ 2290 2291 div.testimonialmr { 2292 padding: 0px 0px 20px; 2293 } 2294 2295 div#coursepage section#brief div.testimonialmr p.introtext, 2296 .news_article_container div.testimonialmr p.introtext, 2297 main div.flexible_content_area div.testimonialmr p.introtext, 2298 main div#accordion div.panel-body div.testimonialmr p.introtext, 2299 div.event-row div.col-md-8 div.testimonialmr p.introtext, 2300 div.testimonialmr p:last-of-type { 2301 padding: 0px !important; 2302 } 2303 2304 div.testimonialmr > div:first-of-type { 2305 position: relative; 2306 z-index: 0; 2307 } 2308 body:not(.newFlexibleTheme) div.testimonialmr > div:first-of-type { 2309 background-color: #e0d3e6; 2310 } 2311 body.newFlexibleTheme div.testimonialmr > div:first-of-type { 2312 background-color: #232323 !important; 2313 } 2314 2315 div.testimonialmr > div:first-of-type::after { 2316 content: ''; 2317 position: absolute; 2318 bottom: 0; 2319 /*left: 75%;*/ 2320 width: 0; 2321 height: 0; 2322 border: 20px solid transparent; 2323 border-bottom: 0; 2324 /*border-right: 0;*/ 2325 margin-left: -10px; 2326 margin-bottom: -20px; 2327 } 2328 body:not(.newFlexibleTheme) div.testimonialmr > div:first-of-type::after { 2329 border-top-color: #e0d3e6; 2330 } 2331 body.newFlexibleTheme div.testimonialmr > div:first-of-type::after { 2332 border-top-color: #232323 !important; 2333 } 2334 /* --- start --- */ 2335 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(odd) > div:first-of-type::after, 2336 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(even) > div:first-of-type::after { 2337 left: 75%; 2338 border-right: 0; 2339 } 2340 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(odd) > div:first-of-type::after { 2341 left: 75%; 2342 border-right: 0; 2343 } 2344 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(even) > div:first-of-type::after { 2345 left: 25%; 2346 border-left: 0; 2347 } 2348 /* --- end --- */ 2349 div.testimonialmr > div:first-of-type p { 2350 position: relative; /* new */ 2351 z-index: 2 !important; 2352 } 2353 div.testimonialmr > div:first-of-type p:first-of-type, 2354 div.testimonialmr > div:first-of-type p:last-of-type { 2355 padding: 0px; 2356 } 2357 2358 body:not(.newFlexibleTheme) div.testimonialmr > div:first-of-type i.fa { 2359 color:#6623821A; 2360 } 2361 body.newFlexibleTheme div.testimonialmr > div:first-of-type i.fa { 2362 color:#000000 !important; 2363 } 2364 div.testimonialmr > div:first-of-type i:first-of-type { 2365 position: absolute; 2366 top: 10px; 2367 left: 10px; 2368 z-index: 1; 2369 } 2370 div.testimonialmr > div:first-of-type i:last-of-type { 2371 position: absolute; 2372 bottom: 10px; 2373 right: 10px; 2374 z-index: 1; 2375 } 2376 /* --- start --- */ 2377 div.testimonialmr > div:last-of-type > * { 2378 /*text-align: right;*/ 2379 } 2380 div.testimonialmr > div:last-of-type > div { 2381 height: 46px; 2382 width: 46px; 2383 border-radius: 50%; 2384 overflow: hidden; 2385 /*float: right;*/ 2386 clear: both; 2387 text-align: center; 2388 } 2389 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(odd) > div:last-of-type > *, 2390 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(even) > div:last-of-type > * { 2391 text-align: right; 2392 } 2393 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(odd) > div:last-of-type > * { 2394 text-align: right; 2395 } 2396 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(even) > div:last-of-type > * { 2397 text-align: left; 2398 } 2399 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(odd) > div:last-of-type > div, 2400 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(even) > div:last-of-type > div { 2401 float: right; 2402 } 2403 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(odd) > div:last-of-type > div { 2404 float: right; 2405 } 2406 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(even) > div:last-of-type > div { 2407 float: left; 2408 } 2409 div.testimonialmr > div:last-of-type > div:first-of-type { 2410 text-align: center !important; 2411 } 2412 /* --- end --- */ 2413 div.testimonialmr > div:last-of-type > div > img { 2414 margin: 0 auto; 2415 float:none; 2416 } 2417 div.testimonialmr > div:last-of-type > p:first-of-type { 2418 margin: 20px 0px 0px; 2419 padding: 0px; 2420 } 2421 2422 2423 /* ----------------------- FlexBox Redesign ----------------------- */ 2424 2425 /* modified 2021-03-26 */ 2426 /* modified 2021-03-24 */
2427 /* added 2019-11-29 */ 2428 2429 2430 /* #################################### 2431 # Flex Container 2432 #################################### */ 2433 2434 /* mobile first - column - no-wrap */ 2435 .flexcontainermr { 2436 display: -webkit-box; 2437 display: -ms-flexbox; 2438 display: flex; 2439 width: 100%; 2440 gap: 20px 0px; /* https://developer.mozilla.org/en-US/docs/Web/CSS/gap https://caniuse.com/#feat=flexbox-gap */ 2441 2442 -webkit-box-align: stretch; 2443 -ms-flex-align: stretch; 2444 align-items: stretch; 2445 2446 -ms-flex-wrap: wrap; /*nowrap*/ 2447 flex-wrap: wrap; /*nowrap*/ 2448 2449 -webkit-box-pack: justify; /*start*/ 2450 -ms-flex-pack: justify; /*start*/ 2451 justify-content: space-between; /*flex-start*/ 2452 2453 -ms-flex-line-pack: justify; /*start*/ 2454 align-content: space-between; /*flex-start*/ 2455 2456 -webkit-box-orient: horizontal; /*vertical*/ 2457 -webkit-box-direction: normal; /*normal*/ 2458 -ms-flex-direction: row; /*column*/ 2459 flex-direction: row; /*column*/ 2460 } 2461 .flexcontainermr.flexcontainermrreverse { 2462 -webkit-box-orient: horizontal; /*vertical;*/ 2463 -webkit-box-direction: reverse; /*reverse;*/ 2464 -ms-flex-direction: row-reverse; /*column-reverse;*/ 2465 flex-direction: row-reverse; /*column-reverse;*/ 2466 } 2467 2468 /* mobile first - row - wrap */ 2469 .flexcontainermr.flexcontainermrforcelayout { 2470 -ms-flex-wrap: wrap; 2471 flex-wrap: wrap; 2472 2473 -webkit-box-pack: justify; 2474 -ms-flex-pack: justify; 2475 justify-content: space-between; 2476 2477 -ms-flex-line-pack: justify; 2478 align-content: space-between; 2479 2480 -webkit-box-orient: horizontal; 2481 -webkit-box-direction: normal; 2482 -ms-flex-direction: row; 2483 flex-direction: row; 2484 } 2485 .flexcontainermr.flexcontainermrreverse.flexcontainermrforcelayout { 2486 -webkit-box-orient: horizontal; 2487 -webkit-box-direction: reverse; 2488 -ms-flex-direction: row-reverse; 2489 flex-direction: row-reverse; 2490 } 2491 2492 2493 /* the following styling is relevant to screen widths of 960px or higher */ 2494 @media screen and (min-width: 960px) { 2495 /* desktop 2nd - row - wrap */ 2496 .flexcontainermr.flexcontainermrforcelayout, 2497 .flexcontainermr { 2498 -ms-flex-wrap: wrap; 2499 flex-wrap: wrap; 2500 2501 -webkit-box-pack: justify; 2502 -ms-flex-pack: justify; 2503 justify-content: space-between; 2504 2505 -ms-flex-line-pack: justify; 2506 align-content: space-between; 2507 2508 -webkit-box-orient: horizontal; 2509 -webkit-box-direction: normal; 2510 -ms-flex-direction: row; 2511 flex-direction: row; 2512 } 2513 .flexcontainermr.flexcontainermrreverse.flexcontainermrforcelayout, 2514 .flexcontainermr.flexcontainermrreverse { 2515 -webkit-box-orient: horizontal; 2516 -webkit-box-direction: reverse; 2517 -ms-flex-direction: row-reverse; 2518 flex-direction: row-reverse; 2519 } 2520 } 2521 2522 /* #################################### 2523 # Flex Item 2524 #################################### */ 2525 2526 .flexcontainermr > .flexitemmronehalf, 2527 .flexcontainermr > .flexitemmronethird, 2528 .flexcontainermr > .flexitemmrtwothird, 2529 .flexcontainermr > .flexitemmronefourth, 2530 .flexcontainermr > .flexitemmrtwofourth, 2531 .flexcontainermr > .flexitemmrthreefourth, 2532 .flexcontainermr > .flexitemmronefifth, 2533 .flexcontainermr > .flexitemmrtwofifth, 2534 .flexcontainermr > .flexitemmrthreefifth, 2535 .flexcontainermr > .flexitemmrfourfifth, 2536 .flexcontainermr > .flexitemmronesixth, 2537 .flexcontainermr > .flexitemmrtwosixth, 2538 .flexcontainermr > .flexitemmrthreesixth, 2539 .flexcontainermr > .flexitemmrfoursixth, 2540 .flexcontainermr > .flexitemmrfivesixth, 2541 .flexcontainermr > .flexitemmr { 2542 flex: 0 1 100%; 2543 min-width: 0px; /* added 2022-01-18 */ 2544 2545 & > :last-child { 2546 padding-bottom: 0px; /* added 2026-01-15 */ 2547 } 2548 } 2549 2550 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronehalf, 2551 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwofourth { 2552 flex: 0 1 50%; 2553 } 2554 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronethird, 2555 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwosixth { 2556 flex: 0 1 33.3333%; 2557 } 2558 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwothird, 2559 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfoursixth { 2560 flex: 0 1 66.6666%; 2561 } 2562 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronefourth { 2563 flex: 0 1 25%; 2564 } 2565 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrthreefourth { 2566 flex: 0 1 75%; 2567 } 2568 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronefifth { 2569 flex: 0 1 20%; 2570 } 2571 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwofifth { 2572 flex: 0 1 40%; 2573 } 2574 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrthreefifth { 2575 flex: 0 1 60%; 2576 } 2577 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfourfifth { 2578 flex: 0 1 80%; 2579 } 2580 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronesixth { 2581 flex: 0 1 16.6666%; 2582 } 2583 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfivesixth { 2584 flex: 0 1 83.3333%; 2585 } 2586 2587 2588 /* the following styling is relevant to screen widths of 960px or higher */ 2589 @media screen and (min-width: 960px) { 2590 .flexcontainermr > .flexitemmronehalf, 2591 .flexcontainermr > .flexitemmrtwofourth { 2592 flex: 0 1 50%; 2593 } 2594 .flexcontainermr > .flexitemmronethird, 2595 .flexcontainermr > .flexitemmrtwosixth { 2596 flex: 0 1 33.3333%; 2597 } 2598 .flexcontainermr > .flexitemmrtwothird, 2599 .flexcontainermr > .flexitemmrfoursixth { 2600 flex: 0 1 66.6666%; 2601 } 2602 .flexcontainermr > .flexitemmronefourth { 2603 flex: 0 1 25%; 2604 } 2605 .flexcontainermr > .flexitemmrthreefourth { 2606 flex: 0 1 75%; 2607 } 2608 .flexcontainermr > .flexitemmronefifth { 2609 flex: 0 1 20%; 2610 } 2611 .flexcontainermr > .flexitemmrtwofifth { 2612 flex: 0 1 40%; 2613 } 2614 .flexcontainermr > .flexitemmrthreefifth { 2615 flex: 0 1 60%; 2616 } 2617 .flexcontainermr > .flexitemmrfourfifth { 2618 flex: 0 1 80%; 2619 } 2620 .flexcontainermr > .flexitemmronesixth { 2621 flex: 0 1 16.6666%; 2622 } 2623 .flexcontainermr > .flexitemmrfivesixth { 2624 flex: 0 1 83.3333%; 2625 } 2626 } 2627 2628 /* ## white space between flex items */ 2629 2630 .flexcontainermr > .flexitemmronehalfmargin, 2631 .flexcontainermr > .flexitemmronethirdmargin, 2632 .flexcontainermr > .flexitemmrtwothirdmargin, 2633 .flexcontainermr > .flexitemmronefourthmargin, 2634 .flexcontainermr > .flexitemmrtwofourthmargin, 2635 .flexcontainermr > .flexitemmrthreefourthmargin, 2636 .flexcontainermr > .flexitemmronefifthmargin, 2637 .flexcontainermr > .flexitemmrtwofifthmargin, 2638 .flexcontainermr > .flexitemmrthreefifthmargin, 2639 .flexcontainermr > .flexitemmrfourfifthmargin, 2640 .flexcontainermr > .flexitemmronesixthmargin, 2641 .flexcontainermr > .flexitemmrtwosixthmargin, 2642 .flexcontainermr > .flexitemmrthreesixthmargin, 2643 .flexcontainermr > .flexitemmrfoursixthmargin, 2644 .flexcontainermr > .flexitemmrfivesixthmargin, 2645 .flexcontainermr > .flexitemmrmargin { 2646 flex: 0 1 100%; 2647 min-width: 0px; /* added 2022-01-18 */ 2648 } 2649 2650 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronehalfmargin, 2651 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwofourthmargin {
2652 flex: 0 1 calc(50% - 10px); 2653 } 2654 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronethirdmargin, 2655 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwosixthmargin { 2656 flex: 0 1 calc(33.3333% - 10px); 2657 } 2658 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwothirdmargin, 2659 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfoursixthmargin { 2660 flex: 0 1 calc(66.6666% - 10px); 2661 } 2662 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronefourthmargin { 2663 flex: 0 1 calc(25% - 10px); 2664 } 2665 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrthreefourthmargin { 2666 flex: 0 1 calc(75% - 10px); 2667 } 2668 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronefifthmargin { 2669 flex: 0 1 calc(20% - 10px); 2670 } 2671 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwofifthmargin { 2672 flex: 0 1 calc(40% - 10px); 2673 } 2674 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrthreefifthmargin { 2675 flex: 0 1 calc(60% - 10px); 2676 } 2677 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfourfifthmargin { 2678 flex: 0 1 calc(80% - 10px); 2679 } 2680 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronesixthmargin { 2681 flex: 0 1 calc(16.6666% - 10px); 2682 } 2683 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfivesixthmargin { 2684 flex: 0 1 calc(83.3333% - 10px); 2685 } 2686 2687 2688 /* the following styling is relevant to screen widths of 960px or higher */ 2689 @media screen and (min-width: 960px) { 2690 .flexcontainermr > .flexitemmronehalfmargin, 2691 .flexcontainermr > .flexitemmrtwofourthmargin { 2692 flex: 0 1 calc(50% - 10px); 2693 } 2694 .flexcontainermr > .flexitemmronethirdmargin, 2695 .flexcontainermr > .flexitemmrtwosixthmargin { 2696 flex: 0 1 calc(33.3333% - 10px); 2697 } 2698 .flexcontainermr > .flexitemmrtwothirdmargin, 2699 .flexcontainermr > .flexitemmrfoursixthmargin { 2700 flex: 0 1 calc(66.6666% - 10px); 2701 } 2702 .flexcontainermr > .flexitemmronefourthmargin { 2703 flex: 0 1 calc(25% - 10px); 2704 } 2705 .flexcontainermr > .flexitemmrthreefourthmargin { 2706 flex: 0 1 calc(75% - 10px); 2707 } 2708 .flexcontainermr > .flexitemmronefifthmargin { 2709 flex: 0 1 calc(20% - 10px); 2710 } 2711 .flexcontainermr > .flexitemmrtwofifthmargin { 2712 flex: 0 1 calc(40% - 10px); 2713 } 2714 .flexcontainermr > .flexitemmrthreefifthmargin { 2715 flex: 0 1 calc(60% - 10px); 2716 } 2717 .flexcontainermr > .flexitemmrfourfifthmargin { 2718 flex: 0 1 calc(80% - 10px); 2719 } 2720 .flexcontainermr > .flexitemmronesixthmargin { 2721 flex: 0 1 calc(16.6666% - 10px); 2722 } 2723 .flexcontainermr > .flexitemmrfivesixthmargin { 2724 flex: 0 1 calc(83.3333% - 10px); 2725 } 2726 } 2727 2728 2729 2730 /* ----------------------- Tags ----------------------- */ 2731 2732 /* added 2021-01-13 */ 2733 2734 .tagmr { 2735 border-radius: 3px 0 0 3px; 2736 display: inline-block; 2737 height: 26px; 2738 line-height: 26px; 2739 padding: 0px 20px 0px 23px; 2740 position: relative; 2741 margin: 0px 0px 0px 0px; /* no margin between successive tags */ 2742 text-decoration: none; 2743 } 2744 body:not(.newFlexibleTheme) .tagmr { 2745 background: #662382; /* purple */ 2746 color: #ffffff; /* white */ 2747 } 2748 body.newFlexibleTheme main div.flexible_content_area .tagmr, body.newFlexibleTheme main div#accordion div.panel-body .tagmr{ 2749 background: white !important; /* white */ 2750 color: black !important; /* black */ 2751 } 2752 2753 2754 2755 .tagmr::before { 2756 border-radius: 10px; 2757 content: ''; 2758 height: 6px; 2759 left: 10px; 2760 position: absolute; 2761 width: 6px; 2762 top: 10px; 2763 } 2764 body:not(.newFlexibleTheme) .tagmr::before { 2765 background: white; /* white (colour of page background) */ 2766 } 2767 body.newFlexibleTheme main div.flexible_content_area .tagmr::before, body.newFlexibleTheme main div#accordion div.panel-body .tagmr::before { 2768 background: black !important; /* black (colour of page background) */ 2769 } 2770 2771 2772 2773 .tagmr::after { 2774 border-bottom: 13px solid transparent;
2775 border-top: 13px solid transparent; 2776 content: ''; 2777 position: absolute; 2778 right: 0; 2779 top: 0; 2780 } 2781 body:not(.newFlexibleTheme) .tagmr::after { 2782 background: #ffffff; 2783 border-left: 10px solid #662382; /*purple;*/ 2784 } 2785 2786 body.newFlexibleTheme main div.flexible_content_area .tagmr::after, body.newFlexibleTheme main div#accordion div.panel-body .tagmr::after { 2787 background: black; /* black new */ 2788 border-left: 10px solid white !important; /* white */ 2789 } 2790 2791 2792 2793 .tagmr:hover { 2794 } 2795 body:not(.newFlexibleTheme) .tagmr:hover { 2796 background-color: #561e6e; /* dark purple */ 2797 color: white; /* white */ 2798 } 2799 body.newFlexibleTheme main div.flexible_content_area .tagmr:hover, body.newFlexibleTheme main div#accordion div.panel-body .tagmr:hover { 2800 background-color: #232323 !important; /* dark grey */ 2801 color: white !important; /* white */ 2802 } 2803 2804 2805 2806 .tagmr:hover::after { 2807 } 2808 body:not(.newFlexibleTheme) .tagmr:hover::after { 2809 border-left-color: #561e6e; /* dark purple */ 2810 } 2811 body.newFlexibleTheme main div.flexible_content_area .tagmr:hover::after, body.newFlexibleTheme main div#accordion div.panel-body .tagmr:hover::after { 2812 background-color: black; /* black new */ 2813 border-left-color: #232323 !important; /* dark grey */ 2814 } 2815 2816 /* ----------------------- Hide Time Sensitive Elements ----------------------- */ 2817 2818 /* added 2022-04-13 */ 2819 2820 *:is([data-datetime-start], [data-datetime-end]) { 2821 display: none; 2822 } 2823button.enquireCourse { 2824 font-size:15px !important; 2825 font-weight:bold; 2826} /* 2023-05-18 this button.enquireCourse CSS rules wasn't added by me... it's not on the other's website's CSS either. */ 2827 2828 /* ----------------------- aria-hidden display:none fix ----------------------- */ 2829 2830 /* Sometime before 25 April 2023 the developers added... 2831 ` [aria-hidden="true"] { display: none; } ` 2832 ... 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). 2833 */ 2834 2835 /* added 2023-05-18 */ 2836 2837/* 2838 div#coursepage section#brief [aria-hidden="true"], 2839 .news_article_container [aria-hidden="true"], 2840 main div.flexible_content_area [aria-hidden="true"], 2841 main div#accordion div.panel-body [aria-hidden="true"], 2842 div.event-row div.col-md-8 [aria-hidden="true"] { 2843 display: initial !important; 2844 } 2845*/ 2846 2847/* removed 2024-08-23 */ 2848 2849/* ----------------------- responsive table 2026-09-30 ----------------------- */ 2850 2851div#coursepage section#brief, 2852.news_article_container, 2853main div.flexible_content_area, 2854main div#accordion div.panel-body, 2855div.event-row div.col-md-8 { 2856 2857 --color-table-text: oklch(0.3211 0 0); /* #333333 */ 2858 --color-table-caption-background: transparent; /* yyy */ 2859 --color-table-caption-text: oklch(0.3211 0 0); /* #333333 */ 2860 --color-table-column-header-text: oklch(0.3211 0 0); /* #333333 */ 2861 --color-table-column-header-background: oklch(0.9521 0 0); /* #efefef */ 2862 --color-table-row-header-text: oklch(0.3211 0 0); /* #333333 */ 2863 --color-table-cell-text: oklch(0.3211 0 0); /* #333333 */ 2864 --color-table-cell-background: none; /* yyy */ 2865 --table-padding: 0.5rem; /* yyy */ 2866 --table-cell-border: solid 1px oklch(0.8975 0 0); 2867 2868 & div.table1mrwrapper { 2869 overflow-x: auto; 2870 } 2871 2872 @media (hover: hover) and (pointer: fine) { 2873 & div.table1mrwrapper { 2874 scrollbar-width: thin; 2875 scrollbar-color: oklch(0.5658 0 0 / 0.75) transparent; 2876 } 2877 2878 & .table1mrwrapper::-webkit-scrollbar { 2879 height: 8px; 2880 } 2881 2882 & .table1mrwrapper::-webkit-scrollbar-track { 2883 background: transparent; 2884 } 2885 2886 & .table1mrwrapper::-webkit-scrollbar-thumb { 2887 background: oklch(0.5658 0 0 / 0.75); 2888 border-radius: 999px; 2889 } 2890 2891 & .table1mrwrapper::-webkit-scrollbar-thumb:hover { 2892 background: oklch(0.4855 0 0); 2893 } 2894 } 2895 2896 & table.table1mr:not(.responsive__table) { 2897 width: max-content; 2898 min-width: 100%; 2899 border-collapse: collapse; 2900 color: var(--color-table-text); 2901 border: var(--table-cell-border); 2902 2903 & caption { 2904 caption-side: top; 2905 background: var(--color-table-caption-background); 2906 color: var(--color-table-caption-text); 2907 font-weight: 700; 2908 padding: var(--table-padding); 2909 text-align: left; 2910 } 2911 2912 & th, 2913 & td { 2914 padding: var(--table-padding); 2915 border: var(--table-cell-border); 2916 background: var(--color-table-cell-background); 2917 } 2918 2919 & thead { 2920 & th { 2921 font-weight: 700; 2922 text-align: left; 2923 background: var(--color-table-column-header-background); 2924 } 2925 } 2926 2927 & tbody { 2928 & th { 2929 font-weight: 700; 2930 text-align: left; 2931 background: var(--color-table-column-header-background); 2932 } 2933 2934 & td { 2935 text-align: left; 2936 } 2937 } 2938 } 2939 2940}</style>
2940<script type="text/javascript"> 2941 if (typeof jQuery != 'undefined') { 2942 $ = jQuery; 2943 } 2944 </script>
2944 2945 2946 <!--
2946<script src="http://jwpsrv.com/library/Kzyx6G+qEeK6+yIACp8kUw.js"></script>
2946 --> 2947 2948 <!--[if lt IE 9]> 2949
2949<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
2949 2950
2950<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
2950 2951 <![endif]--> 2952 <!--
2952<script src="http://cdn.jsdelivr.net/craftyclicks/4.9.2/crafty_clicks.class.min.js"></script>
2952 --> 2953 2954 <style> 2955 .ui-autocomplete { 2956 z-index: 1000 !important; 2957 } 2958 input#csinput { 2959 width: 100%; 2960 padding: 5px; 2961 color: #000; 2962 border: none; 2963 font-size: 14px; 2964 } 2965 .interest-search-field-outer { 2966 position: relative; 2967 } 2968 .ui-autocomplete { 2969 margin-left: 1px; 2970 } 2971 .ui-autocomplete li, .ui-autocomplete li:hover { 2972 background: none; 2973 padding: 0 !important; 2974 border: none !important; 2975 outline: none !important; 2976 border-bottom: #ccc solid 1px !important; 2977 } 2978 .ui-autocomplete li a { 2979 background: #fff !important; 2980 color: #000; 2981 display: block; 2982 border: none !important; 2983 padding: 5px 10px; 2984 font-size: 12px; 2985 outline: none !important; 2986 } 2987 .ui-autocomplete li a:hover { 2988 background: #efefef !important; 2989 outline: none !important; 2990 } 2991 .ui-menu .ui-state-focus { 2992 margin: 0 !important; 2993 } 2994 .easy-table th { 2995 color: black !Important; 2996 font-size: 14px; 2997 } 2998 2999 @media print { 3000 a[href]:after { 3001 content: " (" attr(href) ")"; 3002 display: none; 3003 } 3004 .header .text-center img { 3005 width: 280px !important; 3006 } 3007 } 3008 @media (max-width:1199px) { 3009 .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { 3010 padding: 0px 22px; 3011 } 3012 } 3013 </style> 3014 3015 <!-- Google Tag Manager --> 3016
3016<script>
vendor: 331 bytes, lines 3016-3020
3016(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 3017 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 3018 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 3019 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 3020 })(window,document,'script','dataLayer','
3020GTM-KB8F4Z
vendor: 3 bytes, line 3020
3020');
3020</script>
3020 3021 <!-- End Google Tag Manager --> 3022 3023</head> 3024<body role="document" class="newFlexibleTheme" > 3025 <a class="skip-link" href="#main-content">Skip to main content</a> 3026 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 3026-3027
3026 3027 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
3027GTM-KB8F4Z
vendor: 85 bytes, lines 3027-3029
3027" 3028 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 3029
3029<!-- End Google Tag Manager (noscript) --> 3030 <div class="menu-container overflow-visible"> 3031 <div class="scroller" id="scroller-div"> 3032 <div class="scroller-inner"> 3033 <!-- Topbar Start --> 3034 <div class="topbar-outer" role="banner"> 3035 <div class="container"> 3036 <div class="row"> 3037 <div class="col-md-12 topbar-flex"> 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 menu-item-63220"><a href="https://www.stratford.ac.uk/">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-current-menu-ancestor 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-current-menu-ancestor ubermenu-current-menu-parent 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-current-menu-item ubermenu-page_item ubermenu-page-item-46221 ubermenu-current_page_item 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-current-menu-ancestor 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-current-menu-ancestor ubermenu-current-menu-parent 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-current-menu-item ubermenu-page_item ubermenu-page-item-46221 ubermenu-current_page_item 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-current-menu-ancestor 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-current-menu-ancestor ubermenu-current-menu-parent 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-current-menu-item ubermenu-page_item ubermenu-page-item-46221 ubermenu-current_page_item 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-current-menu-ancestor 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-current-menu-ancestor ubermenu-current-menu-parent 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-current-menu-item ubermenu-page_item ubermenu-page-item-46221 ubermenu-current_page_item 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 current-menu-ancestor current-menu-parent 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 current-menu-item page_item page-item-46221 current_page_item menu-item-47032"><a href="https://www.stratford.ac.uk/suac-onstage/" aria-current="page">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 current-menu-ancestor current-menu-parent 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 current-menu-item page_item page-item-46221 current_page_item menu-item-47031"><a href="https://www.stratford.ac.uk/suac-onstage/" aria-current="page">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 current-menu-ancestor current-menu-parent 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 current-menu-item page_item page-item-46221 current_page_item menu-item-48740"><a href="https://www.stratford.ac.uk/suac-onstage/" aria-current="page">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 current-menu-ancestor current-menu-parent 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 current-menu-item page_item page-item-46221 current_page_item menu-item-47030"><a href="https://www.stratford.ac.uk/suac-onstage/" aria-current="page">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"> 3679 3680 <div class="container"> 3681 3682 <div id="inner-content" class="row"> 3683 3684 <div id="inner-main" class="col-lg-12 mb-4"> 3685 3686 <article id="post-46221" class="post-46221 page type-page status-publish hentry" role="article" itemscope itemtype="http://schema.org/WebPage"> 3687 3688 3689 <section class="entry-content clear" itemprop="articleBody"> 3690 3691 3692 3693 <div style="margin-top:20px; margin-bottom:20px;" class="clear flexible_content_area"><div class="suaconstageheadermr"> 3694<h1>Performing Arts & Music</h1> 3695</div> 3696<style>div.suaconstageheadermr > div {margin: 0 auto;max-width: 321px;}body:not(.newFlexibleTheme) div.suaconstageheadermr > div > img {filter: invert(1);}div.suaconstageheadermr h1 {text-align: center;font-family: 'Oswald', sans-serif;padding: 20px 0px;text-transform: uppercase;clear:both;}body:not(.newFlexibleTheme) div.suaconstageheadermr h1 {color: #662382;}.newFlexibleTheme div.suaconstageheadermr h1 {letter-spacing: 0.225em;}</style> 3697</div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 3698 <div class="pswp__bg"></div> 3699 <div class="pswp__scroll-wrap"> 3700 <div class="pswp__container"> 3701 <div class="pswp__item"></div> 3702 <div class="pswp__item"></div> 3703 <div class="pswp__item"></div> 3704 </div> 3705 <div class="pswp__ui pswp__ui--hidden"> 3706 <div class="pswp__top-bar"> 3707 <div class="pswp__counter"></div> 3708 <button class="pswp__button pswp__button--close" title="Close (Esc)"><span class="d-none">close</span></button> 3709 <button class="pswp__button pswp__button--share" title="Share"><span class="d-none">close</span><span class="d-none">close</span></button> 3710 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"><span class="d-none">close</span></button> 3711 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"><span class="d-none">close</span></button> 3712 <div class="pswp__preloader"> 3713 <div class="pswp__preloader__icn"> 3714 <div class="pswp__preloader__cut"> 3715 <div class="pswp__preloader__donut"></div> 3716 </div> 3717 </div> 3718 </div> 3719 </div> 3720 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 3721 <div class="pswp__share-tooltip"></div> 3722 </div> 3723 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> <span class="d-none">arrow--left</span></button> 3724 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"><span class="d-none">arrow--right</span> </button> 3725 <div class="pswp__caption"> 3726 <div class="pswp__caption__center"></div> 3727 </div> 3728 </div> 3729 </div> 3730 </div> 3731 3732 3733 3734 <div style="margin-top:20px; margin-bottom:0px;" class="clear flexible_content_area"><div id="ccarousel4" class="flexible-content-slider carousel slide" data-ride="carousel"> 3735<div class="carousel-inner" role="listbox"> 3736<div class="itemsoverlaymr780965"><picture decoding="async"> 3737<source type="image/webp" srcset="/wp-content/uploads/2023/03/purple-smoke-000.png.webp"/> 3738<img decoding="async" src="/wp-content/uploads/2023/03/purple-smoke-000.png" alt="purple-smoke-000"/> 3739</picture> 3740</div> 3741<div class="item active"> 3742<div class="itemlogomr780965"><picture fetchpriority="high" decoding="async"> 3743<source type="image/webp" srcset="/wp-content/uploads/2023/03/logo-suac-onstage-white-2914x853-1.png.webp"/> 3744<img fetchpriority="high" decoding="async" src="/wp-content/uploads/2023/03/logo-suac-onstage-white-2914x853-1.png" alt="SUAC Onstage" width="2914" height="853"/> 3745</picture> 3746</div> 3747<div class="inneritemmr780965"><picture decoding="async" class="itemimagemr780965"> 3748<source type="image/webp" srcset="/wp-content/uploads/2023/03/acting-6kx4k-scaled.jpg.webp"/> 3749<img decoding="async" src="/wp-content/uploads/2023/03/acting-6kx4k-scaled.jpg" alt="Four acting students performing on-stage." width="6000" height="4000"/> 3750</picture> 3751</div> 3752<div class="itemfootermr780965"> 3753<p class="FT3 onstagemr780965"><span></span></p> 3754</div> 3755</div> 3756<div class="item"> 3757<div class="itemlogomr780965"><picture decoding="async"> 3758<source type="image/webp" srcset="/wp-content/uploads/2023/03/logo-suac-backstage-white-2912x849-1.png.webp"/> 3759<img decoding="async" src="/wp-content/uploads/2023/03/logo-suac-backstage-white-2912x849-1.png" alt="SUAC Backstage" width="2912" height="849"/> 3760</picture> 3761</div> 3762<div class="inneritemmr780965"><picture loading="lazy" decoding="async" class="itemimagemr780965"> 3763<source type="image/webp" srcset="/wp-content/uploads/2023/03/backstage-production-arts-2585x2167-1-scaled.jpg.webp"/> 3764<img loading="lazy" decoding="async" src="/wp-content/uploads/2023/03/backstage-production-arts-2585x2167-1-scaled.jpg" alt="Students in a theatre control booth." width="2585" height="2167"/> 3765</picture> 3766</div> 3767<div class="itemfootermr780965"> 3768<p class="FT3 backstageemr780965"><span></span></p> 3769</div> 3770</div> 3771<div class="item"> 3772<div class="itemlogomr780965"><picture loading="lazy" decoding="async"> 3773<source type="image/webp" srcset="/wp-content/uploads/2023/03/logo-willows-music-sound-white-0-2084x2767-1.png.webp"/> 3774<img loading="lazy" decoding="async" src="/wp-content/uploads/2023/03/logo-willows-music-sound-white-0-2084x2767-1.png" alt="Willows Music & Sound" width="2084" height="2767"/> 3775</picture> 3776</div> 3777<div class="inneritemmr780965"><picture loading="lazy" decoding="async" class="itemimagemr780965"> 3778<source type="image/webp" srcset="/wp-content/uploads/2023/08/kristian-davies-guitar-solo-scaled.jpg.webp"/> 3779<img loading="lazy" decoding="async" src="/wp-content/uploads/2023/08/kristian-davies-guitar-solo-scaled.jpg" alt="Student plays a guitar on stage." width="2048" height="1365"/> 3780</picture> 3781</div> 3782<div class="itemfootermr780965"> 3783<p class="FT3 musicmr780965"><span></span></p> 3784</div> 3785</div> 3786<div class="item"> 3787<div class="itemlogomr780965"><picture loading="lazy" decoding="async"> 3788<source type="image/webp" srcset="/wp-content/uploads/2023/03/logo-suac-onstage-white-2914x853-1.png.webp"/> 3789<picture loading="lazy" decoding="async"> 3790<source type="image/webp" srcset="/wp-content/uploads/2023/03/logo-suac-onstage-white-2914x853-1.png.webp"/> 3791<img loading="lazy" decoding="async" src="/wp-content/uploads/2023/03/logo-suac-onstage-white-2914x853-1.png" alt="SUAC Onstage" width="2914" height="853"/> 3792</picture> 3793 3794</picture> 3795</div> 3796<div class="inneritemmr780965"><picture loading="lazy" decoding="async" class="itemimagemr780965" style="object-position: top center;"> 3797<source type="image/webp" srcset="/wp-content/uploads/2023/03/dance-dancer-00-3430x2666-1-scaled.jpg.webp"/> 3798<img loading="lazy" decoding="async" src="/wp-content/uploads/2023/03/dance-dancer-00-3430x2666-1-scaled.jpg" alt="Dance student rehearses a routine." width="3430" height="2666"/> 3799</picture> 3800</div> 3801<div class="itemfootermr780965"> 3802<p class="FT3 onstagemr780965"><span></span></p> 3803</div> 3804</div> 3805<div class="item"> 3806<div class="itemlogomr780965"><picture loading="lazy" decoding="async"> 3807<source type="image/webp" srcset="/wp-content/uploads/2023/03/logo-suac-onstage-white-2914x853-1.png.webp"/> 3808<picture loading="lazy" decoding="async"> 3809<source type="image/webp" srcset="/wp-content/uploads/2023/03/logo-suac-onstage-white-2914x853-1.png.webp"/> 3810<img loading="lazy" decoding="async" src="/wp-content/uploads/2023/03/logo-suac-onstage-white-2914x853-1.png" alt="SUAC Onstage" width="2914" height="853"/> 3811</picture> 3812 3813</picture> 3814</div> 3815<div class="inneritemmr780965"><picture loading="lazy" decoding="async" class="itemimagemr780965" style="object-position: center center;"> 3816<source type="image/webp" srcset="/wp-content/uploads/2023/08/students-in-six-scaled.jpg.webp"/> 3817<img loading="lazy" decoding="async" src="/wp-content/uploads/2023/08/students-in-six-scaled.jpg" alt="Six students perform on-stage." width="2048" height="1365"/> 3818</picture> 3819</div> 3820<div class="itemfootermr780965"> 3821<p class="FT3 onstagemr780965"><span></span></p> 3822</div> 3823</div> 3824<div style="display:inline;">
3824<a class="left carousel-control" href="#ccarousel4" role="button" data-slide="prev" style="z-index: 99;"><i class="fa fa-angle-left"></i><span class="sr-only">Previous</span></a><a class="right carousel-control" href="#ccarousel4" role="button" data-slide="next" style="z-index: 99;"><i class="fa fa-angle-right"></i><span class="sr-only">Next</span></a></div> 3825</div> 3826</div> 3827<style>#ccarousel4 {--carousel-height-mr: 25.478em;}#ccarousel4 {height: var(--carousel-height-mr);}#ccarousel4 .carousel-inner {width: 100%;height: 100%;}#ccarousel4 .carousel-inner .itemsoverlaymr780965 {position:absolute;pointer-events: none;width: 100%;height: 100%;}#ccarousel4 .carousel-inner .itemsoverlaymr780965 img {position:absolute;width: 200%;max-width: 200%;height: auto;bottom: -40%;right: 0%;pointer-events: none;z-index: 98;mix-blend-mode: screen;}@media screen and (max-width: 959px) and (min-width: 670px) {#ccarousel4 .carousel-inner .itemsoverlaymr780965 img {bottom: -40%;width: 150%;max-width: 150%;}}@media screen and (min-width: 960px) {#ccarousel4 .carousel-inner .itemsoverlaymr780965 img {bottom: -40%;width: 100%;max-width: 100%;}}#ccarousel4 .carousel-inner .item {width: 100%;height: 100%;}#ccarousel4 .carousel-inner .item .itemlogomr780965 {position:absolute;width: auto;max-width: 50%; /*25%;*/height: auto;max-height: 20%;top: 5%;right: 2%;pointer-events: none;z-index: 98;}@media screen and (min-width: 960px) {#ccarousel4 .carousel-inner .item .itemlogomr780965 {max-width: 25%;}}#ccarousel4 .carousel-inner .item .itemlogomr780965 img {/*position:absolute;width: 25%;height: auto;top: 5%;right: 2%;pointer-events: none;z-index: 98;*/max-height: calc(var(--carousel-height-mr)/2);}#ccarousel4 .carousel-inner .item .inneritemmr780965 {width: 100%;height: 100%;}#ccarousel4 .carousel-inner .item .inneritemmr780965 img.itemimagemr780965 {width: 100%;height: 100%;object-fit: cover;}#ccarousel4 .carousel-inner .item .itemfootermr780965 {position:absolute;width: 100%;height: auto;bottom: 0%;left: 0%;pointer-events: none;z-index: 101;}#ccarousel4 .carousel-inner .item .itemfootermr780965>p {padding: 0px;background-color: #00000080;padding: 0.2em 0em;}#ccarousel4 .carousel-inner .item .itemfootermr780965>p,#ccarousel4 .carousel-inner .item .itemfootermr780965>p>span::before {position:relative;width: 100%;height: auto;/*bottom: 0%;left: 0%;*/pointer-events: none;z-index: 101;text-align: center}p.onstagemr780965>span::before {content: '| Dance | Musical Theatre | Acting | Performing Arts |';}p.backstageemr780965>span::before {content: '| Stage Management | Set Design | Lighting Design | Sound Design | Prop Making |';}p.musicmr780965>span::before {content: '| Musician | Recording Engineer | Live Sound Engineer | Producer |';}</style> 3828</div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 3829 <div class="pswp__bg"></div> 3830 <div class="pswp__scroll-wrap"> 3831 <div class="pswp__container"> 3832 <div class="pswp__item"></div> 3833 <div class="pswp__item"></div> 3834 <div class="pswp__item"></div> 3835 </div> 3836 <div class="pswp__ui pswp__ui--hidden"> 3837 <div class="pswp__top-bar"> 3838 <div class="pswp__counter"></div> 3839 <button class="pswp__button pswp__button--close" title="Close (Esc)"><span class="d-none">close</span></button> 3840 <button class="pswp__button pswp__button--share" title="Share"><span class="d-none">close</span><span class="d-none">close</span></button> 3841 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"><span class="d-none">close</span></button> 3842 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"><span class="d-none">close</span></button> 3843 <div class="pswp__preloader"> 3844 <div class="pswp__preloader__icn"> 3845 <div class="pswp__preloader__cut"> 3846 <div class="pswp__preloader__donut"></div> 3847 </div> 3848 </div> 3849 </div> 3850 </div> 3851 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 3852 <div class="pswp__share-tooltip"></div> 3853 </div> 3854 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> <span class="d-none">arrow--left</span></button> 3855 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"><span class="d-none">arrow--right</span> </button> 3856 <div class="pswp__caption"> 3857 <div class="pswp__caption__center"></div> 3858 </div> 3859 </div> 3860 </div> 3861 </div> 3862 3863 3864 3865 <div style="margin-top:20px; margin-bottom:20px;" class="clear flexible_content_area"><div class="flexcontainermr"> 3866<div class="flexitemmronehalfmargin" style="display: flex; flex-direction: column; justify-content: center;"> 3867<div> 3868<p class="introtext mbl-txt-cntr-mr dsktp-txt-lft-mr">SUAC Onstage offers students specialist training to help them develop the techniques needed to succeed in the performing arts and music industries. Our courses, taught by elite industry staff, cover all aspects of theatre and music, from rehearsals and final performance to backstage set up.</p> 3869</div> 3870</div> 3871<div class="flexitemmronehalfmargin"> 3872<div class="videoWrapper"><iframe title="Performing Arts & Music at Stratford upon Avon College" src="https://www.youtube.com/embed/videoseries?list=PLA544537374C2AA3D" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div> 3873</div> 3874</div> 3875</div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 3876 <div class="pswp__bg"></div> 3877 <div class="pswp__scroll-wrap"> 3878 <div class="pswp__container"> 3879 <div class="pswp__item"></div> 3880 <div class="pswp__item"></div> 3881 <div class="pswp__item"></div> 3882 </div> 3883 <div class="pswp__ui pswp__ui--hidden"> 3884 <div class="pswp__top-bar"> 3885 <div class="pswp__counter"></div> 3886 <button class="pswp__button pswp__button--close" title="Close (Esc)"><span class="d-none">close</span></button> 3887 <button class="pswp__button pswp__button--share" title="Share"><span class="d-none">close</span><span class="d-none">close</span></button> 3888 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"><span class="d-none">close</span></button> 3889 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"><span class="d-none">close</span></button> 3890 <div class="pswp__preloader"> 3891 <div class="pswp__preloader__icn"> 3892 <div class="pswp__preloader__cut"> 3893 <div class="pswp__preloader__donut"></div> 3894 </div> 3895 </div> 3896 </div> 3897 </div> 3898 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 3899 <div class="pswp__share-tooltip"></div> 3900 </div> 3901 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> <span class="d-none">arrow--left</span></button> 3902 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"><span class="d-none">arrow--right</span> </button> 3903 <div class="pswp__caption"> 3904 <div class="pswp__caption__center"></div> 3905 </div> 3906 </div> 3907 </div> 3908 </div> 3909 3910 3911 3912 <div style="margin-top:0px; margin-bottom:20px;" class="clear flexible_content_area"><div class="fullwidthwrappermr"> 3913<div class="fullwidthmr" style="display: flex; flex-direction:column; justify-content: flex-start;"> 3914<div style="background-color: var(--mr-color-00-faintest); padding: 40px 0px; display: flex; flex-direction:column; justify-content: flex-start; align-items: center;"> 3915<div class="mainwidthmr" style="display: flex; justify-content: center; align-items: center;"><div class="sociallinksmr1 flexarraymr"> 3916 <div> 3917 <p class="introtext"><i class="fa fa-twitter fa-2x" aria-hidden="true" style="vertical-align:-7px;"></i> @suac-onstage</p> 3918 <p class="sociallinkswrappermr1"><a href="https://twitter.com/SuacOnstage" target="_blank" rel="nofollow noreferrer noopener" aria-label="Twitter @suac-onstage"></a></p> 3919 </div> 3920 <div> 3921 <p class="introtext"><i class="fa fa-instagram fa-2x" aria-hidden="true" style="vertical-align:-7px;"></i> @SuacOnstage</p> 3922 <p class="sociallinkswrappermr1"><a href="https://www.instagram.com/suaconstage/" target="_blank" rel="nofollow noreferrer noopener" aria-label="Instagram @SuacOnstage"></a></p> 3923 </div> 3924 <div> 3925 <p class="introtext"><i class="fa fa-facebook-official fa-2x" aria-hidden="true" style="vertical-align:-7px;"></i> @suaconstage</p> 3926 <p class="sociallinkswrappermr1"><a href="https://www.facebook.com/suaconstage/" target="_blank" rel="nofollow noreferrer noopener" aria-label="Facebook @suaconstage"></a></p> 3927 </div> 3928</div> 3929<style> 3930 div.sociallinksmr1.flexarraymr { 3931 justify-content: space-evenly; 3932 } 3933 3934 div.sociallinksmr1.flexarraymr>div { 3935 position: relative; 3936 margin: 0px; 3937 } 3938 3939 div.sociallinksmr1.flexarraymr div p.introtext { 3940 text-align: center; 3941 padding: 10px 0px; 3942 white-space: nowrap; 3943 font-size: 1.125em; 3944 } 3945 3946 body.newFlexibleTheme div.sociallinksmr1.flexarraymr div:active p.introtext, 3947 body.newFlexibleTheme div.sociallinksmr1.flexarraymr div:hover p.introtext, 3948 body.newFlexibleTheme div.sociallinksmr1.flexarraymr div:active p.introtext i, 3949 body.newFlexibleTheme div.sociallinksmr1.flexarraymr div:hover p.introtext i { 3950 color: #E5007D !important; 3951 } 3952 3953 div.sociallinksmr1.flexarraymr div p.sociallinkswrappermr1 { 3954 display: block; 3955 width: 100%; 3956 height: 100%; 3957 position: absolute; 3958 top: 0%; 3959 left: 0%; 3960 z-index: 98; 3961 } 3962 3963 div.sociallinksmr1.flexarraymr div p.sociallinkswrappermr1 a { 3964 display: block; 3965 width: 100%; 3966 height: 100%; 3967 position: absolute; 3968 top: 0%; 3969 left: 0%; 3970 z-index: 99; 3971 } 3972 3973 @media screen and (min-width: 960px) { 3974 div.sociallinksmr1.flexarraymr { 3975 justify-content: centre; 3976 } 3977 } 3978</style></div>
3979<div id="instafeed1mr" style="padding: 0em 15px"></div> 3980</div> 3981</div> 3982</div> 3983</div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 3984 <div class="pswp__bg"></div> 3985 <div class="pswp__scroll-wrap"> 3986 <div class="pswp__container"> 3987 <div class="pswp__item"></div> 3988 <div class="pswp__item"></div> 3989 <div class="pswp__item"></div> 3990 </div> 3991 <div class="pswp__ui pswp__ui--hidden"> 3992 <div class="pswp__top-bar"> 3993 <div class="pswp__counter"></div> 3994 <button class="pswp__button pswp__button--close" title="Close (Esc)"><span class="d-none">close</span></button> 3995 <button class="pswp__button pswp__button--share" title="Share"><span class="d-none">close</span><span class="d-none">close</span></button> 3996 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"><span class="d-none">close</span></button> 3997 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"><span class="d-none">close</span></button> 3998 <div class="pswp__preloader"> 3999 <div class="pswp__preloader__icn"> 4000 <div class="pswp__preloader__cut"> 4001 <div class="pswp__preloader__donut"></div> 4002 </div> 4003 </div> 4004 </div> 4005 </div> 4006 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 4007 <div class="pswp__share-tooltip"></div> 4008 </div> 4009 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> <span class="d-none">arrow--left</span></button> 4010 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"><span class="d-none">arrow--right</span> </button> 4011 <div class="pswp__caption"> 4012 <div class="pswp__caption__center"></div> 4013 </div> 4014 </div> 4015 </div> 4016 </div> 4017 4018 4019 4020 <div style="margin-top:20px; margin-bottom:20px;" class="clear flexible_content_area"><div id="about-us"> 4021<h2 class="mbl-txt-cntr-mr dsktp-txt-lft-mr">About Us</h2> 4022<div class="colmr col2mr"> 4023<p>Across the College’s Performing & Production Arts courses, students develop vocal, acting, dance and technical skills and techniques through a range of workshops, auditions and live performances each year. Our campus contains three performance spaces including two industry-standard theatres, allowing students to practice and showcase their work in a professional environment.</p> 4024<p>Meanwhile, the College’s Music programmes offer the optimal balance of practical performance and theory. Covering performance skills in instrumental and vocal technique, as well as music technology and the music industry, students benefit from dedicated rehearsal rooms and state-of-the-art recording studios.</p> 4025<div style="-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;"> 4026<p>Plus the College has now launched an exciting new initiative – stage school preparation courses. Specifically created for performing artists who are looking to progress to stage school, these programmes allow students to hone audition technique and professionalism whilst developing performance skills.</p> 4027<p>Discover SUACOnstage for yourself at our next ‘Try it’ Open Event:</p> 4028<p style="text-align: center;"><a class="btn btn-lg btn-primary" style="clear: both; margin-bottom: 20px;" href="/news-and-events/open-events/" rel="noopener"><span>Open Events</span></a></p> 4029</div> 4030<div style="-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;"> 4031<h3 class="FT3" class="mbl-txt-cntr-mr dsktp-txt-lft-mr"><abbr title="Stratford-upon-Avon College">SUAC</abbr> Industry Links</h3> 4032<p>Our students have worked on projects with professionals from top organisations including The RSC and Birmingham Hippodrome. These type of collaborations ensure students finish with us fully prepared to launch their career in the industry.</p> 4033</div> 4034<div style="-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;"> 4035<p>SUAC Onstage works closely with other creative departments across the College. Here we are in 360 degrees showcasing students from Performing Arts, Music Performance and more!</p> 4036<div class="videoWrapper" style="margin: 0px;"><iframe title="Stratford-upon-Avon College Creative Arts 360° Experience" src="https://www.youtube.com/embed/QXNQfmlX6BI" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div> 4037</div> 4038</div> 4039</div> 4040</div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 4041 <div class="pswp__bg"></div> 4042 <div class="pswp__scroll-wrap"> 4043 <div class="pswp__container"> 4044 <div class="pswp__item"></div> 4045 <div class="pswp__item"></div> 4046 <div class="pswp__item"></div> 4047 </div> 4048 <div class="pswp__ui pswp__ui--hidden"> 4049 <div class="pswp__top-bar"> 4050 <div class="pswp__counter"></div> 4051 <button class="pswp__button pswp__button--close" title="Close (Esc)"><span class="d-none">close</span></button> 4052 <button class="pswp__button pswp__button--share" title="Share"><span class="d-none">close</span><span class="d-none">close</span></button> 4053 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"><span class="d-none">close</span></button> 4054 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"><span class="d-none">close</span></button> 4055 <div class="pswp__preloader"> 4056 <div class="pswp__preloader__icn"> 4057 <div class="pswp__preloader__cut"> 4058 <div class="pswp__preloader__donut"></div> 4059 </div> 4060 </div> 4061 </div> 4062 </div> 4063 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 4064 <div class="pswp__share-tooltip"></div> 4065 </div> 4066 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> <span class="d-none">arrow--left</span></button> 4067 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"><span class="d-none">arrow--right</span> </button> 4068 <div class="pswp__caption"> 4069 <div class="pswp__caption__center"></div> 4070 </div> 4071 </div> 4072 </div> 4073 </div> 4074 4075 4076 4077 <div style="margin-top:20px; margin-bottom:60px;" class="clear flexible_content_area"><div id="featuremenumr1"> 4078<div class="menuitemmr1"> 4079<div class="imgwrappermr85"><picture decoding="async"> 4080<source type="image/webp" srcset="/wp-content/uploads/2021/06/campus-stratford-upon-avon-college-202102-664.jpeg.webp"/> 4081<img decoding="async" src="/wp-content/uploads/2021/06/campus-stratford-upon-avon-college-202102-664.jpeg" alt="campus"/> 4082</picture> 4083</div> 4084<div class="menutextwrappermr1"> 4085<div> 4086<p class="FT2">Courses</p> 4087</div> 4088</div> 4089<p class="menulinkwrappermr1"><a href="/suac-onstage/courses/" aria-label="SUAC Onstage Courses"></a></p> 4090</div> 4091<div class="menuitemmr1"> 4092<div class="imgwrappermr85"><picture decoding="async"> 4093<source type="image/webp" srcset="/wp-content/uploads/2019/10/performances-shows-img-7970.jpg.webp"/> 4094<img decoding="async" src="/wp-content/uploads/2019/10/performances-shows-img-7970.jpg" alt="shows and performances"/> 4095</picture> 4096</div> 4097<div class="menutextwrappermr1"> 4098<div> 4099<p class="FT2">What’s On</p> 4100</div> 4101</div> 4102<p class="menulinkwrappermr1"><a href="/suac-onstage/whats-on/" aria-label="SUAC Onstage What's On"></a></p> 4103</div> 4104<div class="menuitemmr1"> 4105<div class="imgwrappermr85"><picture decoding="async"> 4106<source type="image/webp" srcset="/wp-content/uploads/2019/05/PRL_7494-1920x823.
4106jpg.webp"/> 4107<img decoding="async" src="/wp-content/uploads/2019/05/PRL_7494-1920x823.jpg" alt="Staff member offers guidance to student."/> 4108</picture> 4109</div> 4110<div class="menutextwrappermr1"> 4111<div> 4112<p class="FT2">Staff Profiles</p> 4113</div> 4114</div> 4115<p class="menulinkwrappermr1"><a href="/suac-onstage/staff-profiles/" aria-label="SUAC Onstage Staff Profile"></a></p> 4116</div> 4117<div class="menuitemmr1"> 4118<div class="imgwrappermr85"><picture decoding="async"> 4119<source type="image/webp" srcset="/wp-content/uploads/2018/11/Creative-work-experience-2-Alyssa-Martyn-e1542370514329.jpg.webp"/> 4120<img decoding="async" src="/wp-content/uploads/2018/11/Creative-work-experience-2-Alyssa-Martyn-e1542370514329.jpg" alt="Visiting alumnus Alyssa Martyn with Musical Theatre students"/> 4121</picture> 4122</div> 4123<div class="menutextwrappermr1"> 4124<div> 4125<p class="FT2">Alumni</p> 4126</div> 4127</div> 4128<p class="menulinkwrappermr1"><a href="/suac-onstage/alumni/" aria-label="SUAC Onstage Alumni"></a></p> 4129</div> 4130</div> 4131</div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 4132 <div class="pswp__bg"></div> 4133 <div class="pswp__scroll-wrap"> 4134 <div class="pswp__container"> 4135 <div class="pswp__item"></div> 4136 <div class="pswp__item"></div> 4137 <div class="pswp__item"></div> 4138 </div> 4139 <div class="pswp__ui pswp__ui--hidden"> 4140 <div class="pswp__top-bar"> 4141 <div class="pswp__counter"></div> 4142 <button class="pswp__button pswp__button--close" title="Close (Esc)"><span class="d-none">close</span></button> 4143 <button class="pswp__button pswp__button--share" title="Share"><span class="d-none">close</span><span class="d-none">close</span></button> 4144 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"><span class="d-none">close</span></button> 4145 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"><span class="d-none">close</span></button> 4146 <div class="pswp__preloader"> 4147 <div class="pswp__preloader__icn"> 4148 <div class="pswp__preloader__cut"> 4149 <div class="pswp__preloader__donut"></div> 4150 </div> 4151 </div> 4152 </div> 4153 </div> 4154 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 4155 <div class="pswp__share-tooltip"></div> 4156 </div> 4157 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> <span class="d-none">arrow--left</span></button> 4158 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"><span class="d-none">arrow--right</span> </button> 4159 <div class="pswp__caption"> 4160 <div class="pswp__caption__center"></div> 4161 </div> 4162 </div> 4163 </div> 4164 </div> 4165 4166 4167 4168 <div style="margin-top:20px; margin-bottom:20px;" class="clear flexible_content_area"><style>#featuremenumr1 {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;gap: 20px 0px;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-line-pack: justify;align-content: space-between;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}#featuremenumr1 div.menuitemmr1 {flex: 0 1 calc(50% - 10px);position: relative;border-radius: 6px;overflow: hidden;}@media screen and (min-width: 960px) {#featuremenumr1 div.menuitemmr1 {flex: 0 1 calc(25% - 10px);}}#featuremenumr1 div.menuitemmr1 * {border-radius: 0px !important;}body:not(.newFlexibleTheme) .flexible_content_area #featuremenumr1 div.menuitemmr1 {background-color: #662382 !important;}.newFlexibleTheme .flexible_content_area #featuremenumr1 div.menuitemmr1 {background-color: #ffffff !important;}body:not(.newFlexibleTheme) .flexible_content_area #featuremenumr1 div.menuitemmr1:hover div.menutextwrappermr1,body:not(.newFlexibleTheme) .flexible_content_area #featuremenumr1 div.menuitemmr1:active div.menutextwrappermr1 {background-color: #561e6e;}.newFlexibleTheme .flexible_content_area #featuremenumr1 div.menuitemmr1:hover div.menutextwrappermr1,.newFlexibleTheme .flexible_content_area #featuremenumr1 div.menuitemmr1:active div.menutextwrappermr1 {background-color: #232323 !important;}body:not(.newFlexibleTheme) .flexible_content_area #featuremenumr1 div.menuitemmr1 div.menutextwrappermr1 div p {color: #ffffff;}.newFlexibleTheme .flexible_content_area #featuremenumr1 div.menuitemmr1 div.menutextwrappermr1 div p {color: #000000 !important;}.newFlexibleTheme .flexible_content_area #featuremenumr1 div.menuitemmr1:hover div.menutextwrappermr1 div p,.newFlexibleTheme .flexible_content_area #featuremenumr1 div.menuitemmr1:active div.menutextwrappermr1 div p {color: white !important;}.menutextwrappermr1 {display: flex;justify-content: center;align-items: center;min-height: 6em;}.menutextwrappermr1 > div > p {text-align: center;padding: 0px !important;}.menulinkwrappermr1 {display: block;width:100%;height:100%;position: absolute;top: 0%;left: 0%;z-index: 98;}p.menulinkwrappermr1 > a {display: block;width:100%;height:100%;position: absolute;top: 0%;left: 0%;z-index: 99;}</style> 4169</div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 4170 <div class="pswp__bg"></div> 4171 <div class="pswp__scroll-wrap"> 4172 <div class="pswp__container"> 4173 <div class="pswp__item"></div> 4174 <div class="pswp__item"></div> 4175 <div class="pswp__item"></div> 4176 </div> 4177 <div class="pswp__ui pswp__ui--hidden"> 4178 <div class="pswp__top-bar"> 4179 <div class="pswp__counter"></div> 4180 <button class="pswp__button pswp__button--close" title="Close (Esc)"><span class="d-none">close</span></button> 4181 <button class="pswp__button pswp__button--share" title="Share"><span class="d-none">close</span><span class="d-none">close</span></button> 4182 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"><span class="d-none">close</span></button> 4183 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"><span class="d-none">close</span></button> 4184 <div class="pswp__preloader"> 4185 <div class="pswp__preloader__icn"> 4186 <div class="pswp__preloader__cut"> 4187 <div class="pswp__preloader__donut"></div> 4188 </div> 4189 </div> 4190 </div> 4191 </div> 4192 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 4193 <div class="pswp__share-tooltip"></div> 4194 </div> 4195 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> <span class="d-none">arrow--left</span></button> 4196 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"><span class="d-none">arrow--right</span> </button> 4197 <div class="pswp__caption"> 4198 <div class="pswp__caption__center"></div> 4199 </div> 4200 </div> 4201 </div> 4202 </div> 4203 4204 4205 4206 <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 4207 <div class="pswp__bg"></div> 4208 <div class="pswp__scroll-wrap"> 4209 <div class="pswp__container"> 4210 <div class="pswp__item"></div> 4211 <div class="pswp__item"></div> 4212 <div class="pswp__item"></div> 4213 </div> 4214 <div class="pswp__ui pswp__ui--hidden"> 4215 <div class="pswp__top-bar"> 4216 <div class="pswp__counter"></div> 4217 <button class="pswp__button pswp__button--close" title="Close (Esc)"><span class="d-none">close</span></button> 4218 <button class="pswp__button pswp__button--share" title="Share"><span class="d-none">close</span><span class="d-none">close</span></button> 4219 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"><span class="d-none">close</span></button> 4220 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"><span class="d-none">close</span></button> 4221 <div class="pswp__preloader"> 4222 <div class="pswp__preloader__icn"> 4223 <div class="pswp__preloader__cut"> 4224 <div class="pswp__preloader__donut"></div> 4225 </div> 4226 </div> 4227 </div> 4228 </div> 4229 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 4230 <div class="pswp__share-tooltip"></div> 4231 </div> 4232 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> <span class="d-none">arrow--left</span></button> 4233 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"><span class="d-none">arrow--right</span> </button> 4234 <div class="pswp__caption"> 4235 <div class="pswp__caption__center"></div> 4236 </div> 4237 </div> 4238 </div> 4239 </div> 4240 4241<div class="flexible_news_carousel row" style="margin-top:20px; margin-bottom:20px; "> 4242 4243<div class="newsCarouselHeader"> 4244<h2>Related News </h2> 4245</div> 4246<div id="footer-news8" class="owl-carousel"> 4247<div class="item" > 4248<a href="https://www.stratford.ac.uk/news/former-backstage-student-shares-life-in-tv-and-film/" class="card-box news-box" style="display:block; " aria-label="Read more about Former Backstage student shares life in TV and Film"> 4249<div class="carouselImage" style="background:url(https://www.stratford.ac.uk/wp-content/uploads/2026/09/IMG_9419-scaled.jpg); background-size:cover; background-position:center;"></div><div class="card-content"> 4250<h3 class="c-blue">Former Backstage student shares life in TV and Film <span>Tuesday, 29th September 2026</span></h3> A former Backstage Production Arts student from Stratford-upon-Avon College recently returned to inspire the next generation of technical talent. </div> 4251</a> 4252</div> 4253<div class="item" > 4254<a href="https://www.stratford.ac.uk/news/former-music-student-reaches-new-heights-in-new-industry/" class="card-box news-box" style="display:block;
4254 " aria-label="Read more about Former Music student reaches new heights in new industry"> 4255<div class="carouselImage" style="background:url(https://www.stratford.ac.uk/wp-content/uploads/2026/09/be33ef_62a7758ca4e5418f9aa9c2b5b3e78742_mv2-e1790159856482.jpg); background-size:cover; background-position:center;"></div><div class="card-content"> 4256<h3 class="c-blue">Former Music student reaches new heights in new industry <span>Wednesday, 23rd September 2026</span></h3> A former Music student from Stratford-upon-Avon College has been reflecting on how his time at college paved the way for his current career success. </div> 4257</a> 4258</div> 4259<div class="item" > 4260<a href="https://www.stratford.ac.uk/news/acting-students-secure-prestigious-progression-opportunities/" class="card-box news-box" style="display:block; " aria-label="Read more about Acting students secure prestigious progression opportunities"> 4261<div class="carouselImage" style="background:url(https://www.stratford.ac.uk/wp-content/uploads/2026/07/fashion-photo-collages-Instagram-post.jpg); background-size:cover; background-position:center;"></div><div class="card-content"> 4262<h3 class="c-blue">Acting students secure prestigious progression opportunities <span>Wednesday, 29th July 2026</span></h3> Acting students from Stratford-upon-Avon College are celebrating securing offers from a range of top drama schools and universities. </div> 4263</a> 4264</div> 4265<div class="item" > 4266<a href="https://www.stratford.ac.uk/news/former-student-launches-production-company-and-film-school/" class="card-box news-box" style="display:block; " aria-label="Read more about Former student launches production company and film school"> 4267<div class="carouselImage" style="background:url(https://www.stratford.ac.uk/wp-content/uploads/2026/07/1000045221-scaled.jpg); background-size:cover; background-position:center;"></div><div class="card-content"> 4268<h3 class="c-blue">Former student launches production company and film school <span>Wednesday, 8th July 2026</span></h3> A former student from Stratford-upon-Avon College is excelling in his creative career and thanks his time at college for giving him the creative and a... </div> 4269</a> 4270</div> 4271<div class="item" > 4272<a href="https://www.stratford.ac.uk/news/dance-student-hits-the-stage-on-take-that-tour/" class="card-box news-box" style="display:block; " aria-label="Read more about Dance student hits the stage on Take That tour"> 4273<div class="carouselImage" style="background:url(https://www.stratford.ac.uk/wp-content/uploads/2026/07/379d8fa3-ce46-4ef8-86d6-5d53f5cc5dfa-scaled-e1782984402403.jpeg); background-size:cover; background-position:center;"></div><div class="card-content"> 4274<h3 class="c-blue">Dance student hits the stage on Take That tour <span>Thursday, 2nd July 2026</span></h3> A former Dance student from Stratford-upon-Avon College is dancing on the current UK tour for iconic pop band Take That. </div> 4275</a> 4276</div> 4277<div class="item" > 4278<a href="https://www.stratford.ac.uk/news/dance-and-music-students-collide-for-rocking-show/" class="card-box news-box" style="display:block; " aria-label="Read more about Dance and Music students collide for Rocking show"> 4279<div class="carouselImage" style="background:url(https://www.stratford.ac.uk/wp-content/uploads/2026/05/IMG_3714-scaled.jpg); background-size:cover; background-position:center;"></div><div class="card-content"> 4280<h3 class="c-blue">Dance and Music students collide for Rocking show <span>Thursday, 21st May 2026</span></h3> Dance, Music and Backstage Production Arts students from Stratford-upon-Avon College recently combined their talents for an end of year spectacular: D... </div> 4281</a> 4282</div> 4283<div class="item" > 4284<a href="https://www.stratford.ac.uk/news/twin-sisters-slay-as-elle-woods-as-students-showcase-legally-blonde/" class="card-box news-box" style="display:block; " aria-label="Read more about Twin sisters slay as Elle Woods as students showcase Legally Blonde"> 4285<div class="carouselImage" style="background:url(https://www.stratford.ac.uk/wp-content/uploads/2026/05/Legally-blonde-sisters.jpg); background-size:cover; background-position:center;"></div><div class="card-content"> 4286<h3 class="c-blue">Twin sisters slay as Elle Woods as students showcase Legally Blonde <span>Thursday, 14th May 2026</span></h3> Musical Theatre and Backstage Production Arts students from Stratford-upon-Avon College presented smash hit musical Legally Blonde Jr for their final ... </div> 4287</a> 4288</div> 4289<div class="item" > 4290<a href="https://www.stratford.ac.uk/news/students-team-up-for-smokin-photo-shoot/" class="card-box news-box" style="display:block; " aria-label="Read more about Students team up for smokinâ photo shoot"> 4291<div class="carouselImage" style="background:url(https://www.stratford.ac.uk/wp-content/uploads/2026/05/smoke-bomb-5-scaled-e1778147631607.jpg); background-size:cover; background-position:center;"></div><div class="card-content"> 4292<h3 class="c-blue">Students team up for smokinâ photo shoot <span>Wednesday, 6th May 2026</span></h3> Students from Stratford-upon-Avon College recently joined forces to create stunning pictures during an outdoor p
4292hotoshoot, engulfing Dance and Music s... </div> 4293</a> 4294</div> 4295<div class="item" > 4296<a href="https://www.stratford.ac.uk/news/acting-students-take-us-back-to-the-80s/" class="card-box news-box" style="display:block; " aria-label="Read more about Acting students take us back to the 80s"> 4297<div class="carouselImage" style="background:url(https://www.stratford.ac.uk/wp-content/uploads/2026/05/IMG_0941-scaled.jpg); background-size:cover; background-position:center;"></div><div class="card-content"> 4298<h3 class="c-blue">Acting students take us back to the 80s <span>Tuesday, 5th May 2026</span></h3> Performing & Production Arts students from Stratford-upon-Avon College have taken audiences back to the 80s with their raw, unflinching final project. </div> 4299</a> 4300</div> 4301<div class="item" > 4302<a href="https://www.stratford.ac.uk/news/acting-students-rsc-dreams-become-reality/" class="card-box news-box" style="display:block; " aria-label="Read more about Acting students RSC dreams become reality"> 4303<div class="carouselImage" style="background:url(https://www.stratford.ac.uk/wp-content/uploads/2026/04/henry-v-cast-2.jpg); background-size:cover; background-position:center;"></div><div class="card-content"> 4304<h3 class="c-blue">Acting students RSC dreams become reality <span>Wednesday, 15th April 2026</span></h3> Acting students from Stratford-upon-Avon College are living their dream - balancing college life with performing for the Royal Shakespeare Company (RS... </div> 4305</a> 4306</div> 4307<div class="item" > 4308<a href="https://www.stratford.ac.uk/news/backstage-production-arts-students-ready-for-exciting-next-steps/" class="card-box news-box" style="display:block; " aria-label="Read more about Backstage Production Arts students ready for exciting next steps"> 4309<div class="carouselImage" style="background:url(https://www.stratford.ac.uk/wp-content/uploads/2026/04/edited-scaled-e1775117909991.jpg); background-size:cover; background-position:center;"></div><div class="card-content"> 4310<h3 class="c-blue">Backstage Production Arts students ready for exciting next steps <span>Thursday, 2nd April 2026</span></h3> Backstage Production Arts students from Stratford-upon-Avon College are celebrating receiving offers to a range of higher education institutions to co... </div> 4311</a> 4312</div> 4313<div class="item" > 4314<a href="https://www.stratford.ac.uk/news/students-inspired-by-big-friendly-guest/" class="card-box news-box" style="display:block; " aria-label="Read more about Students inspired by big friendly guest"> 4315<div class="carouselImage" style="background:url(https://www.stratford.ac.uk/wp-content/uploads/2026/01/IMG_8538-scaled.jpg); background-size:cover; background-position:center;"></div><div class="card-content"> 4316<h3 class="c-blue">Students inspired by big friendly guest <span>Friday, 23rd January 2026</span></h3> Performing & Production Arts students at Stratford-upon-Avon College were ecstatic to welcome former student John Leader back to college for a Q&A whi... </div> 4317</a> 4318</div> 4319</div> 4320 4321</div>
4322<script> 4323$(document).ready(function() { 4324setTimeout(function() { 4325 $("#footer-news8").owlCarousel({ 4326 items:3, 4327 margin: 30, 4328 autoplay:true, 4329 dots: false, 4330 autoplayTimeout:3000 , 4331 center: false, 4332 nav: true, 4333 loop:true, 4334 stopOnHover:true, 4335 responsiveClass:true, 4336 autoplayHoverPause:true, 4337 navText: ['<i class="fa fa-chevron-left" aria-hidden="true"></i>' , '<i class="fa fa-chevron-right" aria-hidden="true"></i>'], 4338 responsive:{ 4339 0:{ 4340 items:1 }, 4341 500:{ 4342 items:2 }, 4343 991:{ 4344 items:3 } 4345 } 4346 }); 4347 }, 2000); // 2000 milliseconds = 4 seconds 4348 }); 4349</script>
4349 4350 4351 4352 </section> <!-- end article section --> 4353 4354 <footer class="article-footer"> 4355 4356 </footer> <!-- end article footer --> 4357 4358 4359 4360</article> <!-- end article --> 4361 4362 4363 4364 4365 </div> 4366 <!-- end #main --> 4367 4368 </div> 4369 <!-- end #inner-content --> 4370 4371 </div> <!-- end container --> 4372 4373</main> 4374 4375<div class="orangeBar"></div> 4376 4377<section id="partner-logo" role="presentation"> 4378 <div class="row container"> 4379 <div class="col-xs-12 wrapper-with-margin"> 4380 <div id="footer-banner" class="owl-carousel"> 4381 <style> 4382 #footer-banner .owl-stage-outer {height:100px;} 4383 #footer-banner .owl-controls .owl-nav { 4384 position: static !important; 4385 margin-top: 0px !important; 4386 } 4387 #footer-banner .owl-controls .owl-nav [class*=owl-] { 4388 background: #662382 !important; 4389 } 4390 #footer-banner img { 4391 max-height:70px; 4392 object-fit:contain; 4393 object-position:center; 4394 } 4395 .news-item { 4396 margin-bottom:15px; 4397 display:block; 4398 } 4399 .news-item:after { 4400 content: ''; 4401 display:table; 4402 clear:both; 4403 width:100%; 4404 4405 } 4406 </style> 4407 4408 4409 <div class="item"> 4410 4411 <picture style="width:auto;"> 4412<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2015/06/solihull-college-logo-180x85.png.webp"/> 4413<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"/> 4414</picture> 4415 4416 4417 </div> 4418 4419 4420 <div class="item"> 4421 4422 <picture style="width:auto;"> 4423<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2021/04/cwlep-local-enterprise-partnership-190x55-1.png.webp"/> 4424<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"/> 4425</picture> 4426 4427 4428 </div> 4429 4430 4431 <div class="item"> 4432 4433 <picture style="width:auto;"> 4434<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"/> 4435<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)"/> 4436</picture> 4437 4438 4439 </div> 4440 4441 4442 <div class="item"> 4443 <a href="https://www.midlandsengine.org/" rel="nofollow noreferrer noopener" target="_blank"> 4444 4445 <picture style="width:auto;"> 4446<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2021/04/midlands-engine-blue-logo-190x71-1.jpg.webp"/> 4447<img src="https://www.stratford.ac.uk/wp-content/uploads/2021/04/midlands-engine-blue-logo-190x71-1.jpg" alt="Midlands Engine"/> 4448</picture> 4449 4450 4451 </a> 4452 </div> 4453 4454 4455 <div class="item"> 4456 4457 <picture style="width:auto;"> 4458<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2019/06/wmca-logo-orange-black-180x.png.webp"/> 4459<img src="https://www.stratford.ac.uk/wp-content/uploads/2019/06/wmca-logo-orange-black-180x.png" alt="West Midlands Comb
4459ined Authority (Logo)"/> 4460</picture> 4461 4462 4463 </div> 4464 4465 4466 <div class="item"> 4467 <a href="https://skillswmw.com/" rel="nofollow noreferrer noopener" target="_blank"> 4468 4469 <picture style="width:auto;"> 4470<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2024/04/skills-west-midlands-warwickshire-x85-1.jpg.webp"/> 4471<img src="https://www.stratford.ac.uk/wp-content/uploads/2024/04/skills-west-midlands-warwickshire-x85-1.jpg" alt="Skills West Midlands + Warwickshire"/> 4472</picture> 4473 4474 4475 </a> 4476 </div> 4477 4478 4479 <div class="item"> 4480 <a href="https://www.stratfordtowntrust.co.uk/" rel="nofollow noreferrer noopener" target="_blank"> 4481 4482 <picture style="width:auto;"> 4483<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2023/11/stratford-town-trust-colour-180x68-1.png.webp"/> 4484<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"/> 4485</picture> 4486 4487 4488 </a> 4489 </div> 4490 4491 4492 <div class="item"> 4493 4494 <picture style="width:auto;"> 4495<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2025/06/aim-qual-assssmnt-grp.png.webp"/> 4496<img src="https://www.stratford.ac.uk/wp-content/uploads/2025/06/aim-qual-assssmnt-grp.png" alt="AIM Qualifications and Assessment Group 217x85"/> 4497</picture> 4498 4499 4500 </div> 4501 4502 4503 <div class="item"> 4504 4505 <picture style="width:auto;"> 4506<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2025/06/aim-assessment.png.webp"/> 4507<img src="https://www.stratford.ac.uk/wp-content/uploads/2025/06/aim-assessment.png" alt="AIM Assessment"/> 4508</picture> 4509 4510 4511 </div> 4512 4513 4514 <div class="item"> 4515 <a href="https://www.stratford.ac.uk/suac-onstage/" rel="nofollow noreferrer noopener" target="_blank"> 4516 4517 <picture style="width:auto;"> 4518<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2019/09/suac-onstage-black-00.png.webp"/> 4519<img src="https://www.stratford.ac.uk/wp-content/uploads/2019/09/suac-onstage-black-00.png" alt="SUAC Onstage Performing Arts Course"/> 4520</picture> 4521 4522 4523 </a> 4524 </div> 4525 4526 4527 <div class="item"> 4528 4529 <picture style="width:auto;"> 4530<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2019/01/armed-forces-covenant.png.webp"/> 4531<img src="https://www.stratford.ac.uk/wp-content/uploads/2019/01/armed-forces-covenant.png" alt="Armed Forces Covenant"/> 4532</picture> 4533 4534 4535 </div> 4536 4537 4538 <div class="item"> 4539 <a href="https://ukfeminista.org.uk/" rel="nofollow noreferrer noopener" target="_blank"> 4540 4541 <picture style="width:auto;"> 4542<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"/> 4543<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"/> 4544</picture> 4545 4546 4547 </a> 4548 </div> 4549 4550 4551 <div class="item"> 4552 4553 <picture style="width:auto;"> 4554<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2015/06/matrix-quality-standard-01-180x85.png.webp"/> 4555<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"/> 4556</picture> 4557 4558 4559 </div> 4560 4561 4562 <div class="item"> 4563 4564 <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" /> 4565 4566 </div> 4567 4568 4569 <div class="item"> 4570 4571 <picture style="width:auto;"> 4572<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2022/08/west-midlands-net-zero-business-pledge-180x.jpg.webp"/> 4573<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"/> 4574</picture> 4575 4576 4577 </div> 4578 4579 4580 <div class="item"> 4581 4582 <picture style="width:auto;"> 4583<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2022/05/qscs-logo-with-cf-x85.png.webp"/> 4584<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"/> 4585</picture> 4586 4587 4588 </div> 4589 4590 4591 <div class="item"> 4592 <a href="https://www.rainbowflagaward.co.uk/" rel="nofollow noreferrer noopener" target="_blank"> 4593 4594 <picture style="width:auto;"> 4595<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2024/12/the-rainbow-flag-award-85x85-1.png.webp"/> 4596<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"/> 4597</picture> 4598 4599 4600 </a> 4601 </div> 4602 4603 4604 <div class="item"> 4605 <a href="https://www.accesstohe.ac.uk/" rel="nofollow noreferrer noopener" target="_blank"> 4606 4607 <picture style="width:auto;"> 4608<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2024/10/qaa-access-higher-education-x85.png.webp"/> 4609<img src="https://www.stratford.ac.uk/wp-content/uploads/2024/10/qaa-access-higher-education-x85.png" alt="Access to Higher Education logo"/> 4610</picture> 4611 4612 4613 </a> 4614 </div> 4615 4616 4617 <div class="item"> 4618 <a href="https://skillsandeducationgroupaccess.co.uk/" rel="nofollow noreferrer noopener" target="_blank"> 4619 4620 <picture style="width:auto;"> 4621<source type="image/webp" srcset="https://www.stratford.ac.uk/wp-content/uploads/2024/10/skills-education-group-access-x85.png.webp"/> 4622<img src="https://www.stratford.ac.uk/wp-content/uploads/2024/10/skills-education-group-access-x85.png" alt="Skills And Education Group Access"/> 4623</picture> 4624 4625 4626 </a> 4627 </div> 4628 4629 </div> 4630 </div> 4631 </div> 4632</section> 4633 4634<footer> 4635 <section id="upper-section"> 4636 <div class="row container"> 4637 4638 <div class="col-sm- col-md-4"> 4639 <section id="footer-navigation"> 4640 <div class="sub-heading">GET IN TOUCH</div> 4641 <ul> 4642 <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> 4643<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> 4644 </ul> 4645 <div class="sub-heading">WORKING FOR US</div> 4646 <ul> 4647 <li><a href="https://www.stratford.ac.uk/jobs/">Latest Jobs</a></li> 4648 </ul> 4649 <div class="sub-heading">ABOUT THIS SITE</div> 4650 <ul> 4651 <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> 4652<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> 4653 </ul> 4654 <div class="sub-heading">GOVERNORS' PORTAL</div> 4655 <ul> 4656 <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> 4657 </ul> 4658 </section> 4659 </div> 4660 4661 <div class="col-sm-6 col-md-4"> 4662 <section id="footer-news"> 4663 <div class="sub-heading">NEWS & EVENTS</div> 4664 4665 4666 4667 <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"> 4668 <picture class="attachment-thumbnail size-thumbnail wp-post-image" decoding="async" loading="lazy"> 4669<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
4669w, 150px"/> 4670<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"/> 4671</picture> 4672 <div class="news-inner"> 4673 <div class="h4">Former Backstage student shares life in TV and Film</div> 4674 <em>Tuesday, 29th September 2026</em> 4675 </div> 4676 </a> 4677 4678 4679 <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"> 4680 <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"> 4681 <div class="h4">Former Music student reaches new heights in new industry</div> 4682 <em>Wednesday, 23rd September 2026</em> 4683 </div> 4684 </a> 4685 4686 4687 <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"> 4688 <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"> 4689 <div class="h4">Amelia celebrates outstanding UPS result</div> 4690 <em>Monday, 21st September 2026</em> 4691 </div> 4692 </a> 4693 4694 4695 <a class="btn read-all-news" href="https://www.stratford.ac.uk/news-and-events/">Latest News</a> 4696 </section> 4697 </div> 4698 4699 4700 <div class="col-sm-12 col-md-4"> 4701 <section id="footer-search"> 4702 <label class="sub-heading" for="footersearchform">COURSE SEARCH</label> 4703 <form role="search" method="get" id="searchform" action="https://www.stratford.ac.uk"> 4704 <input type="text" value="" name="s" id="footersearchform" class="footer_searchbar" placeholder="Please select..." pattern="[^'\x22!?%$<>*#]+"> 4705 <button type="submit" id="searchsubmit" class="footer_input_search" aria-label="Search"> 4706 <i class="fa fa-search" aria-hidden="true"></i> 4707 </button> 4708 </form> 4709 4710 <ul class="footer_3_bottom"> 4711 <li class="footer_3_row"> 4712 <a href="mailto:[email protected]"><span>EMAIL</span>[email protected] </a> 4713 </li> 4714 <li class="footer_3_row"> 4715 <a href="tel:01789266245"><span>PHONE</span>01789 266 245</a> 4716 </li> 4717 <li class="footer_3_row"> 4718 <span class="social">SOCIAL</span> 4719 <ul class="social-links"> 4720 <li> 4721 <a href="https://www.facebook.com/stratforduponavoncollege/" aria-label="Facebook" target="_blank"> 4722 <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> 4723 </a> 4724 </li> 4725 <li> 4726 <a href="https://x.com/StratfordColl" aria-label="Twitter" target="_blank"> 4727 <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> 4728 </a> 4729 </li> 4730 <li class="social_images_list"> 4731 <a href="https://www.instagram.com/stratforduponavoncollege/" aria-label="Instagram" target="_blank"> 4732 <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
4732181-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> 4733 </a> 4734 </li> 4735 <li class="social_images_list"> 4736 <a href="https://www.tiktok.com/@stratforduponavoncollege" aria-label="TikTok" target="_blank" title="Link to our TikTok Page"> 4737 <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> 4738 </a> 4739 </li> 4740 <li class="social_images_list"> 4741 <a href="https://www.linkedin.com/company/stratford-upon-avon-college/" target="_blank" title="Link to our LinkedIn Page"> 4742 <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> 4743 </a> 4744 </li> 4745 </ul> 4746 </li> 4747 </ul> 4748 4749 </section> 4750 </div> 4751 4752 </div> 4753 </section> 4754 4755 <section id="lower-section"> 4756 <div class="row container"> 4757 <div class="col-sm-12 col-md-12">Copyright © Stratford-upon-Avon 2026</div> 4758 </div> 4759 </section> 4760</footer> 4761 4762<style> 4763 .load-errors { 4764 padding:0px 15px; 4765 } 4766 .load-errors .close { 4767 margin-top:-10px; 4768 } 4769</style>
4770<script> 4771 $('.proceed-tab-link a').click(function(){ 4772 window.location = $(this).attr('href'); 4773 }); 4774</script>
4774 4775
4776<script type="speculationrules"> 4777{"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"}]} 4778</script>
vendor: 1 bytes, line 4778
4778
4779<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>
4779 4780<!--googleoff: all--><div data-nosnippet data-borlabs-cookie-consent-required='true' id='BorlabsCookieBox'></div><div id='BorlabsCookieWidget' class='brlbs-cmpnt-container'></div><!--googleon: all-->
4780<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 4780
4780
4781<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 4781
4781
4782<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 4782
4782
4783<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 4783
4783
4784<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 4784
4784
4785<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 4785
4785
4786<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 4786
4786
4787<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 4787
4787
4788<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 4788
4788
4789<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 4789
4789
4790<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 4790
4790
4791<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 4791
4791
4792<script type="text/javascript" id="jqueryApplictionForm-js-extra"> 4793/* <![CDATA[ */ 4794var applicationFormData = {"ajax_url":"https://www.stratford.ac.uk/wp-admin/admin-ajax.php","postcode_nonce":"f82e28f450"}; 4795//# sourceURL=jqueryApplictionForm-js-extra 4796/* ]]> */ 4797</script>
vendor: 1 bytes, line 4797
4797
4798<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 4798
4798
4799<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 4799
4799
4800<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 4800
4800
4801<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 4801
4801
4802<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 4802
4802
4803<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 4803
4803
4804<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 4804
4804
4805<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 4805
4805
4806<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 4806
4806
4807<script type="text/javascript" id="ubermenu-js-extra"> 4808/* <![CDATA[ */ 4809var 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"}}; 4810//# sourceURL=ubermenu-js-extra 4811/* ]]> */ 4812</script>
vendor: 1 bytes, line 4812
4812
4813<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 4813
4813
4814<script type="text/javascript" id="prevent-xss-vulnerability-js-extra"> 4815/* <![CDATA[ */ 4816var selfXss = {"message":""}; 4817//# sourceURL=prevent-xss-vulnerability-js-extra 4818/* ]]> */ 4819</script>
vendor: 1 bytes, line 4819
4819
4820<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>
4820 4821
4822<script> 4823$(document).ready(function() { 4824 4825 $('.addToBasket').click(function() { 4826 setTimeout(function(){ 4827 $('#applyInfo .close').trigger("click"); 4828 },1000); 4829 }); 4830 $('.enquiryModalBtn').click(function() { 4831 $('.enquiryModalText').html(enquiryText); 4832 }); 4833 $('.enquireCourse').click(function() { 4834 $('.enquiryModalText').html(communityCoursesEnquiryText); 4835 }); 4836 4837 $('.ajax-application-form').submit(function(){ 4838 4839 var click_check = $("input[type=submit][clicked=true]").val(); 4840 4841 var form_data = $(this).serialize(); 4842 4843 var c_url = window.location; 4844 var c_url = String(c_url); 4845 var isSetGet = c_url.indexOf("?"); 4846 if(isSetGet >-1){ 4847 var theAjaxUrl = c_url+'&validate-form='+click_check; 4848 }else{ 4849 var theAjaxUrl = c_url+'?validate-form='+click_check; 4850 } 4851 $.ajax({ 4852 type: "POST", 4853 url: theAjaxUrl, 4854 data: form_data, 4855 dataType: 'json', 4856 success: function(data) { 4857 if(data.error){ 4858 $('.load-errors').html(data.message); 4859 $('html,body').animate({scrollTop: 700}, 800); 4860 // Reset buttons and hide loaders on server-side validation errors 4861 $('#updateuser, #select-course').removeClass('show-loader'); 4862 $('#updateuser, #select-course').find('img').css('display', 'none'); 4863 $('#updateuser, #select-course').prop('disabled', false).removeAttr('disabled'); 4864 } else { 4865 window.location.href = data.link; 4866 } 4867 }, 4868 error: function() { 4869 $('#updateuser, #select-course').removeClass('show-loader'); 4870 $('#updateuser, #select-course').find('img').css('display', 'none'); 4871 $('#updateuser, #select-course').prop('disabled', false).removeAttr('disabled'); 4872 } 4873 }); 4874 return false; 4875 }); 4876 $(".ajax-application-form input[type=submit]").click(function() { 4877 $("input[type=submit]", $(this).parents("form")).removeAttr("clicked"); 4878 $(this).attr("clicked", "true"); 4879 }); 4880}); 4881 4882$(function() { 4883 var datePcikerYear = $("#datepicker").val(); 4884 $( "#datepicker" ).datepicker({ 4885 changeMonth: true, 4886 changeYear: true, 4887 dateFormat: 'dd/mm/yy', 4888 yearRange: '-100:+0', 4889 onChangeMonthYear: function(year, month, oDatepicker) { 4890 if (year != datePcikerYear ){ 4891 $("input.hasDatepicker").val(""); 4892 } 4893 } 4894 }); 4895}); 4896</script>
4896 4897 4898<!-- IE10 viewport hack for Surface/desktop Windows 8 bug
4899<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
4899 4900-->
4901<script> 4902$.fn.watchme = function(){ 4903 pathArray = location.href.split( '/' ); 4904 protocol = pathArray[0]; 4905 host = pathArray[2]; 4906 4907 var url = "https://www.stratford.ac.uk"; 4908 4909 $('.courseSelect ul li a').click( function(){ 4910 setTimeout(function(){ 4911 var demographic = $('#demographicVal').val(); 4912 var course = $('#courseCatVal').val(); 4913 var filter_url = ''; 4914 if ( (demographic !== undefined && demographic !== null && demographic !== 'all-courses-available' && demographic )){ 4915 filter_url = url + '/demographic/' + demographic; 4916 } 4917 else{ 4918 var interest = $('input[name="interes_filter"]').val(); 4919 if (interest !== undefined && interest !== null && interest){ 4920 $('input[name="interes_filter"]').closest('form').submit(); 4921 return false; 4922 } 4923 alert('Please select demographic.'); 4924 return false; 4925 } 4926 if((course !== undefined && course !== null && course !== 'all-courses-available' && course )){ 4927 course = course.split('='); 4928 course = course[1]; 4929 filter_url = filter_url+'/category/'+course; 4930 } 4931 window.location.href = filter_url; 4932 return false; 4933 }, 100); 4934 }); 4935 4936 $('#demographicSearch div ul li').unbind('click').click( function(e) { 4937 if ($('#demographicVal').val() != 'all-courses-available'){ 4938 var dir = { dKey: $('#demographicVal').val(), action: "getuCourse" }; 4939 $.ajax({ 4940 type:"POST", // GET or POST from the form 4941 url: "https://www.stratford.ac.uk/wp-admin/admin-ajax.php", 4942 data: dir, 4943 cache: false, 4944 beforeSend:function(){ 4945 $('.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>'); 4946 }, 4947 success: function(response) { // on success.. 4948 $('.courseSelect').html('<label>I want to study...</label>' + response); // update the DIV 4949 }, 4950 complete: function (response) { 4951 tamingselect(); 4952 }, 4953 error:function() { 4954 $('.courseSelect').html('<p class="error"><strong>Oops!</strong> Try that again in a few moments.</p>'); 4955 } 4956 }); 4957 } 4958 }); 4959} 4960</script>
4960
4961<script> 4962$(document).ready(function(){ 4963 4964 var section = new Array( 4965 '#main-nav h6', '#secondary-nav h6', 4966 'a.activetrigger_demo','.dropdownvisible_demo a', 4967 'a.activetrigger_demo2','.dropdownvisible_demo2 a', 4968 '#content-boxs h4', '#content-boxs h5', '#content-boxs h6', 4969 'p', 'li', 'h5', 'h6', 'a', '#csinput', 4970 '.calendar p', '.courseHeading h5', '.courseHeading .subHeading h5', 4971 '#upper-section h3', '#upper-section h6', '#upper-section .sub-heading', '#upper-section li a', 4972 '#lower-section' 4973 ); 4974 4975 section = section.join(','); 4976 4977 // Reset Font Size 4978 var font_size = 0; 4979 var originalFontSize = $(section).css('font-size'); 4980 4981 $(".resetFont").click(function(){ 4982 font_size = 0; 4983 $(section).css('font-size', originalFontSize); 4984 }); 4985 4986 // Increase Font Size 4987 $(".increaseFont").click(function(){ 4988 if(font_size == 1) return; 4989 $(section).css('font-size', originalFontSize); 4990 font_size = 1; 4991 4992 var currentFontSize = $(section).css('font-size'); 4993 var currentFontSizeNum = parseFloat(currentFontSize, 10); 4994 var newFontSize = currentFontSizeNum*1.3; 4995 4996 $(section).css('font-size', newFontSize); 4997 return false; 4998 }); 4999 // Increase Font Size 5000 $(".decreaseFont").click(function(){ 5001 if(font_size == 2) return; 5002 $(section).css('font-size', originalFontSize); 5003 font_size = 2; 5004 5005 var currentFontSize = $(section).css('font-size'); 5006 var currentFontSizeNum = parseFloat(currentFontSize, 10); 5007 var newFontSize = currentFontSizeNum*1.15; 5008 5009 $(section).css('font-size', newFontSize); 5010 return false; 5011 }); 5012}); 5013</script>
5013
5014<script> 5015function stripslashes(str){ 5016 return (str + '').replace(/\\(.?)/g, function (s, n1) { 5017 switch (n1){ 5018 case '\\': 5019 return '\\'; 5020 case '0': 5021 return '\u0000'; 5022 case '': 5023 return ''; 5024 default: 5025 return n1; 5026 } 5027 }); 5028} 5029function ucwords(valueToConvert){ 5030 valueToConvert = stripslashes(valueToConvert); 5031 valueToConvert = valueToConvert.toLowerCase(); 5032 5033 var str = valueToConvert.split(' '); 5034 var convertedValue = ''; 5035 5036 for (var chr = 0; chr < str.length; chr++){ 5037 convertedValue += str[chr].substring(0, 1).toUpperCase() + str[chr].substring(1, str[chr].length) + ' '; 5038 } 5039 5040 return convertedValue.trim(); 5041} 5042 5043$(document.body).on('change', '#crafty_postcode_lookup_result_option1', function(){ 5044 5045 var value = ''; 5046 var post_code = $('#pcodeLookup').val(); 5047 post_code = post_code.toUpperCase(); 5048 $('#pcode').val(post_code); 5049 5050 var streetName = $('#streetName').val(); 5051 streeName = ucwords(streetName); 5052 $('#streetName').val(streetName); 5053 5054 var town = document.getElementById("town"); 5055 town.value = ucwords(town.value); 5056}); 5057 5058var cp_obj = CraftyPostcodeCreate(); 5059cp_obj.set("access_token", "3b133-68411-bb299-01899"); // your token here 5060cp_obj.set("result_elem_id", "crafty_postcode_result_display"); 5061cp_obj.set("form", ""); 5062cp_obj.set("elem_street1" , "streetName"); 5063cp_obj.set("elem_town" , "town"); 5064cp_obj.set("elem_county" , "county"); 5065cp_obj.set("elem_postcode" , "pcodeLookup"); 5066 5067$(document.body).on('click', '#enquire_modal .find_address_btn', function(e) { 5068 e.preventDefault(); 5069 if (typeof applicationForm !== 'undefined') { 5070 applicationForm.readPostCodes($('#enquire_modal #pcodeLookup').val()); 5071 } 5072}); 5073</script>
5073 5074<style> 5075 #menu {color:white; border-bottom:1px dotted #ccc; font-size: 18px;} 5076 #menu a{color:white;} 5077 #menu a:hover{cursor:pointer; color:white;} 5078</style>
5079<script> 5080$(document.body).on('click', '.your_detail_edit', function(){ 5081 5082 var my_inputes = $('.your_detail_form input'); 5083 var my_selects = $('.your_detail_form select'); 5084 var my_textareas = $('.your_detail_form textarea'); 5085 5086 $(my_inputes).each(function(){ 5087 $(this).prop("disabled", false); 5088 }); 5089 5090 $(my_selects).each(function(){ 5091 $(this).attr('disabled',false); 5092 }); 5093 5094 $(my_textareas).each(function(){ 5095 $(this).prop("disbaled", false); 5096 }); 5097 5098 return false; 5099}); 5100 5101$(document.body).on('click', '.your_qualifications_edit', function(){ 5102 var my_inputes = $('.your_qualifications_form input'); 5103 var my_selects = $('.your_qualifications_form select'); 5104 var my_textareas = $('.your_qualifications_form textarea'); 5105 5106 $(my_inputes).each(function(){ 5107 $(this).prop("disabled", false); 5108 }); 5109 $(my_selects).each(function(){ 5110 $(this).attr('disabled',false); 5111 }); 5112 $(my_textareas).each(function(){ 5113 $(this).prop("disbaled", false); 5114 }); 5115 return false; 5116}); 5117 5118$(document.body).on('click', '.your_college_edit', function(){ 5119 5120 var my_inputes = $('.your_college_form input'); 5121 var my_selects = $('.your_college_form select'); 5122 var my_textareas = $('.your_college_form textarea'); 5123 5124 $(my_inputes).each(function(){ 5125 $(this).prop("disabled", false); 5126 }); 5127 5128 $(my_selects).each(function(){ 5129 $(this).attr('disabled',false); 5130 }); 5131 5132 $(my_textareas).each(function(){ 5133 $(this).prop("disbaled", false); 5134 }); 5135 5136 return false; 5137}); 5138 5139 5140$(document.body).on('click', '.your_qualification_grades_edit', function(){ 5141 5142 var my_inputs = $('.your_qualification_grades_form input'); 5143 var my_selects = $('.your_qualification_grades_form select'); 5144 var my_textareas = $('.your_qualification_grades_form textarea'); 5145 5146 $(my_inputs).each(function(){ 5147 $(this).prop("disabled", false); 5148 }); 5149 $(my_selects).each(function(){ 5150 $(this).attr('disabled',false); 5151 }); 5152 $(my_textareas).each(function(){ 5153 $(this).prop("disbaled", false); 5154 }); 5155 5156 return false; 5157}); 5158 5159$(document.body).on('click', '.your_bobbies_edit', function(){ 5160 var my_inputes = $('.your_hobbies_form input'); 5161 var my_selects = $('.your_hobbies_form select'); 5162 var my_textareas = $('.your_hobbies_form textarea'); 5163 5164 $(my_inputes).each(function(){ 5165 $(this).prop("disabled", false); 5166 }); 5167 $(my_selects).each(function(){ 5168 $(this).attr('disabled',false); 5169 }); 5170 $(my_textareas).each(function(){ 5171 $(this).attr('disabled',false); 5172 }); 5173 return false; 5174}); 5175 5176$(document.body).on('click', '.your_disable_edit', function(){ 5177 var my_inputes = $('.your_disable_form input'); 5178 var my_selects = $('.your_disable_form select'); 5179 var my_textareas = $('.your_disable_form textarea'); 5180 5181 $(my_inputes).each(function(){ 5182 $(this).prop("disabled", false); 5183 }); 5184 $(my_selects).each(function(){ 5185 $(this).attr('disabled',false); 5186 }); 5187 $(my_textareas).each(function(){ 5188 $(this).attr('disabled',false); 5189 }); 5190 if ($('#noDisabilities').prop('checked')==true){ 5191 $('#desc_disability').attr('disabled', 'disabled'); 5192 } 5193 return false; 5194}); 5195$(document.body).on('click', '.share_with_school_edit', function(){ 5196 if ($('#shareWithCollege').prop('disabled')==true){ 5197 $('#shareWithCollege').prop("disabled", false); 5198 } 5199 else{ 5200 $('#shareWithCollege').prop("disabled", true); 5201 } 5202 return false; 5203}); 5204$(document.body).on("click", ".casshbtn", function(){ 5205 $(".sameshclass").slideToggle("fast"); 5206}); 5207</script>
5207
5208<script> 5209var ajaxurl = "https://www.stratford.ac.uk/wp-admin/admin-ajax.php"; 5210if($( "#csinput" ).length > 0){ 5211 var data = { 5212 action : 'my_autocomplete' 5213 } 5214 $.post(ajaxurl,data,function(res){ 5215 $( "#csinput" ).autocomplete({ 5216 minLength: 0, 5217 source: function(request, response) { 5218 var results = $.ui.autocomplete.filter(res, request.term); 5219 response(results.slice(0, 10)); 5220 } 5221 }) 5222 .autocomplete( "instance" )._renderItem = function( ul, item ) { 5223 return $( "<li>" ) 5224 .append( "<a class='interestList' href='"+item.url+"'>" + item.value +"</a>" ) 5225 .appendTo( ul ); 5226 }; 5227 },'JSON'); 5228 $('#csinput').keyup(function(){ 5229 $('body #ui-id-1').css({'max-width': $(this).width()}); 5230 }); 5231 $(document.body).on('click', '.interestList', function(e){ 5232 e.preventDefault(); 5233 var val = $(this).text(); 5234 $('#csinput').val(val); 5235 $('#csinput').closest('form').submit(); 5236 }); 5237} 5238$("a.applyCount").click(function(event){ 5239 if($('.courseLoginForm').length > 0) { 5240 event.preventDefault(); 5241 $('.courseLoginForm').submit(); 5242 } 5243 5244}); 5245</script>
5245 5246 5247 </body> 5248</html> 5249 5250<!-- 5251Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com 5252 5253Retrieved 10631 objects (3 MB) from Redis using PhpRedis (v6.3.0). 5254-->
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.