PageSourceSearch

https://www.stratford.ac.uk/suac-onstage/

html stratford.ac.uk collected 2026-10-02 08:41:03 UTC 315,256 bytes, 5,254 lines download raw bytes

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 &amp; 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 &amp; 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&#038;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 &amp; 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 &amp; 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			&amp; > :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    &amp; div.table1mrwrapper {
2869        overflow-x: auto;
2870    }
2871
2872    @media (hover: hover) and (pointer: fine) {
2873        &amp; div.table1mrwrapper {
2874            scrollbar-width: thin;
2875            scrollbar-color: oklch(0.5658 0 0 / 0.75) transparent;
2876        }
2877
2878        &amp; .table1mrwrapper::-webkit-scrollbar {
2879            height: 8px;
2880        }
2881
2882        &amp; .table1mrwrapper::-webkit-scrollbar-track {
2883            background: transparent;
2884        }
2885
2886        &amp; .table1mrwrapper::-webkit-scrollbar-thumb {
2887            background: oklch(0.5658 0 0 / 0.75);
2888            border-radius: 999px;
2889        }
2890
2891        &amp; .table1mrwrapper::-webkit-scrollbar-thumb:hover {
2892            background: oklch(0.4855 0 0);
2893        }
2894    }
2895
2896    &amp; 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        &amp; 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        &amp; th,
2913        &amp; td {
2914            padding: var(--table-padding);
2915            border: var(--table-cell-border);
2916            background: var(--color-table-cell-background);
2917        }
2918
2919        &amp; thead {
2920            &amp; th {
2921                font-weight: 700;
2922                text-align: left;
2923                background: var(--color-table-column-header-background);
2924            }
2925        }
2926
2927        &amp; tbody { 
2928            &amp; th {
2929                font-weight: 700;
2930                text-align: left;
2931                background: var(--color-table-column-header-background);
2932            }
2933
2934            &amp; 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 &#8211; 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 &#038;<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 &#038; 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 &#038; 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 &#038;<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 &#038; 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 &#038; 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 &#038; 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 &#038; 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 &#8211; 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 &#038; 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 &#038; 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 &#038; 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 &#038; 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 &#038; 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 &#038; 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 &#038; 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 &#038; 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 &amp; 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 &#038; 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 &#038; 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&#8217;s Performing &amp; 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&#8217;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 &#8211; 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 &#8216;Try it&#8217; 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&#8217;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 &nbsp;</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 &amp; 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 &amp; 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 &#169; 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&amp;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&amp;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.