PageSourceSearch

https://www.stratford.ac.uk/news-and-events/open-events/

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

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.