PageSourceSearch

https://www.stratford.ac.uk/

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

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