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&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 & Professional */ 316 --mr-color-professional-starkest: #8e410d; /* 40% black */ 317 --mr-color-professional-starker: #be5711; /* 20% black */ 318 --mr-color-professional: #ED6D15; /* hue */ 319 --mr-color-professional-fainter: #f18a44; /* 20% white */ 320 --mr-color-professional-faintest: #fbe2d0; /* 80% white */ 321 322 --mr-color-professional-transparent: #ED6D15CC; /* hue @ 80% alpha */ 323 --mr-color-professional-transparenter: #ED6D1580; /* hue @ 50% alpha */ 324 --mr-color-professional-transparentest: #ED6D1533;/* hue @ 20% alpha */ 325 326 /* Part Time */ 327 --mr-color-part-time-starkest: #8e410d; /* 40% black */ 328 --mr-color-part-time-starker: #be5711; /* 20% black */ 329 --mr-color-part-time: #ED6D15; /* hue */ 330 --mr-color-part-time-fainter: #f18a44; /* 20% white */ 331 --mr-color-part-time-faintest: #fbe2d0; /* 80% white */ 332 333 --mr-color-part-time-transparent: #ED6D15CC; /* hue @ 80% alpha */ 334 --mr-color-part-time-transparenter: #ED6D1580; /* hue @ 50% alpha */ 335 --mr-color-part-time-transparentest: #ED6D1533;/* hue @ 20% alpha */ 336 337 /* University */ 338 --mr-color-university-starkest: #89004b; /* 40% black */ 339 --mr-color-university-starker: #b70064; /* 20% black */ 340 --mr-color-university: #E5007D; /* hue */ 341 --mr-color-university-fainter: #ea3397; /* 20% white */ 342 --mr-color-university-faintest: #facce5; /* 80% white */ 343 344 --mr-color-university-transparent: #E5007DCC; /* hue @ 80% alpha */ 345 --mr-color-university-transparenter: #E5007D80; /* hue @ 50% alpha */ 346 --mr-color-university-transparentest: #E5007D33;/* hue @ 20% alpha */ 347 348 } 349 350 /* Color Variables [STRATFORD-UPON-AVON BLACK AND WHITE] */ 351 body.newFlexibleTheme { 352 353 --mr-color-page-background-00: #000000; 354 --mr-color-body-text-00-starkest: #f5f5f5; /* 80% white */ 355 --mr-color-body-text-00-starker: #d6d6d6; /* 20% white */ 356 --mr-color-body-text-00: #CCCCCC; /* hue */ 357 --mr-color-body-text-00-fainter: #a3a3a3; /* 20% black */ 358 --mr-color-body-text-00-faintest: #7a7a7a; /* 40% black */ 359 --mr-color-body-text-01: #000000; 360 --mr-color-misc-00: #232323; /* Flexible template elements: video element border, */ 361 --mr-color-hyperlink-00: #E5007D; /* 2021-11-08 */
362 --mr-color-hyperlink-01: #FF008C; /* 2021-11-08 */ 363 364 /* 00 White | buttons, titles */ 365 --mr-color-00-starkest: #ffffff; /* white 100% */ 366 --mr-color-00-starker: #fafafa; /* white 98% | hover active */ 367 --mr-color-00: #f5f5f5; /* hue white 96% */ 368 --mr-color-00-fainter: #848484; /* mid-point towards faintest */ 369 --mr-color-00-faintest: #232323; /* Footer Grey */ 370 371 --mr-color-00-transparent: #f5f5f5CC; /* hue @ 80% alpha */ 372 --mr-color-00-transparenter: #f5f5f580; /* hue @ 50% alpha */ 373 --mr-color-00-transparentest: #f5f5f533;/* hue @ 20% alpha */ 374 375 /* 01 Grey | feature boxes */ 376 --mr-color-01-starkest: #ffffff; /* +120% towards white */ 377 --mr-color-01-starker: #a7a7a7; /* +60% towards white */ 378 --mr-color-01: #7b7b7b; /* +40% towards white */ 379 --mr-color-01-fainter: #4f4f4f; /* +20% towards white */ 380 --mr-color-01-faintest: #232323; /* Footer Grey */ 381 382 --mr-color-01-transparent: #7b7b7bCC; /* hue @ 80% alpha */ 383 --mr-color-01-transparenter: #7b7b7b80; /* hue @ 50% alpha */ 384 --mr-color-01-transparentest: #7b7b7b33;/* hue @ 20% alpha */ 385 386 /* 02 Magenta | links */ 387 --mr-color-02-starkest: #facce5; /* 80% white */ 388 --mr-color-02-starker: #ea3397; /* 20% white */ 389 --mr-color-02: #E5007D; /* hue */ 390 --mr-color-02-fainter: #b70064; /* 20% black */ 391 --mr-color-02-faintest: #89004b; /* 40% black */ 392 393 --mr-color-02-transparent: #E5007DCC; /* hue @ 80% alpha */ 394 --mr-color-02-transparenter: #E5007D80; /* hue @ 50% alpha */ 395 --mr-color-02-transparentest: #E5007D33;/* hue @ 20% alpha */ 396 397 /* 03 Blue */ 398 --mr-color-03-starkest: #e9f4fc; /* 80% white */ 399 --mr-color-03-starker: #a9d5f1; /* 20% white */ 400 --mr-color-03: #93CAEE; /* hue */ 401 --mr-color-03-fainter: #76a2be; /* 20% black */ 402 --mr-color-03-faintest: #58798f; /* 40% black */ 403 404 --mr-color-03-transparent: #93CAEECC; /* hue @ 80% alpha */ 405 --mr-color-03-transparenter: #93CAEE80; /* hue @ 50% alpha */ 406 --mr-color-03-transparentest: #93CAEE33;/* hue @ 20% alpha */ 407 408 /* 04 Green */ 409 --mr-color-04-starkest: #e7f2da; /* 80% white */ 410 --mr-color-04-starker: #9fcb6b; /* 20% white */ 411 --mr-color-04: #87BE46; /* hue */ 412 --mr-color-04-fainter: #6c9838; /* 20% black */ 413 --mr-color-04-faintest: #51722a; /* 40% black */ 414 415 --mr-color-04-transparent: #87BE46CC; /* hue @ 80% alpha */ 416 --mr-color-04-transparenter: #87BE4680; /* hue @ 50% alpha */ 417 --mr-color-04-transparentest: #87BE4633;/* hue @ 20% alpha */ 418 419 /* 05 Teal */ 420 --mr-color-05-starkest: #cfe6ea; /* 80% white */ 421 --mr-color-05-starker: #3f99ad; /* 20% white */ 422 --mr-color-05: #0F8098; /* hue */ 423 --mr-color-05-starkest: #0c667a; /* 20% black */ 424 --mr-color-05-starker: #094d5b; /* 40% black */ 425
426 --mr-color-05-transparent: #0F8098CC; /* hue @ 80% alpha */ 427 --mr-color-05-transparenter: #0F809880; /* hue @ 50% alpha */ 428 --mr-color-05-transparentest: #0F809833;/* hue @ 20% alpha */ 429 430 /* 16-to-19 */ 431 --mr-color-1619-starkest: #e0d3e6; /* 40% black */ 432 --mr-color-1619-starker: #854f9b; /* 20% black */ 433 --mr-color-1619: #662382; /* hue */ 434 --mr-color-1619-fainter: #521c68; /* 20% white */ 435 --mr-color-1619-faintest: #3d154e; /* 80% white */ 436 437 --mr-color-1619-transparent: #662382CC; /* hue @ 80% alpha */ 438 --mr-color-1619-transparenter: #66238280; /* hue @ 50% alpha */ 439 --mr-color-1619-transparentest: #66238233;/* hue @ 20% alpha */ 440 441 /* Apprenticehip */ 442 --mr-color-apprenticeship-starkest: #e0d3e6 ; /* 80% white */ 443 --mr-color-apprenticeship-starker: #854f9b; /* 20% white */ 444 --mr-color-apprenticeship: #662382; 445 --mr-color-apprenticeship-fainter: #521c68; /* 20% white */ 446 --mr-color-apprenticeship-faintest: #3d154e; /* 80% white */ 447 448 --mr-color-apprenticeship-transparent: #662382CC; /* hue @ 80% alpha */ 449 --mr-color-apprenticeship-transparenter: #66238280; /* hue @ 50% alpha */ 450 --mr-color-apprenticeship-transparentest: #66238233;/* hue @ 20% alpha */ 451 452 /* Employer */ 453 --mr-color-employer-starkest: #e7f2da; /* 40% black */ 454 --mr-color-employer-starker: #9fcb6b; /* 20% black */ 455 --mr-color-employer: #87BE46; /* hue */ 456 --mr-color-employer-fainter: #6c9838; /* 20% white */ 457 --mr-color-employer-faintest: #51722a; /* 80% white */ 458 459 --mr-color-employer-transparent: #87BE46CC; /* hue @ 80% alpha */ 460 --mr-color-employer-transparenter: #87BE4680; /* hue @ 50% alpha */ 461 --mr-color-employer-transparentest: #87BE4633;/* hue @ 20% alpha */ 462 463 /* Management & Professional */ 464 --mr-color-professional-starkest: #fbe2d0; /* 40% black */ 465 --mr-color-professional-starker: #f18a44; /* 20% black */ 466 --mr-color-professional: #ED6D15; /* hue */ 467 --mr-color-professional-fainter: #be5711; /* 20% white */ 468 --mr-color-professional-faintest: #8e410d; /* 80% white */ 469 470 --mr-color-professional-transparent: #ED6D15CC; /* hue @ 80% alpha */ 471 --mr-color-professional-transparenter: #ED6D1580; /* hue @ 50% alpha */ 472 --mr-color-professional-transparentest: #ED6D1533;/* hue @ 20% alpha */ 473 474 /* Part Time */ 475 --mr-color-part-time-starkest: #fbe2d0; /* 40% black */ 476 --mr-color-part-time-starker: #f18a44; /* 20% black */ 477 --mr-color-part-time: #ED6D15; /* hue */ 478 --mr-color-part-time-fainter: #be5711; /* 20% white */ 479 --mr-color-part-time-faintest: #8e410d; /* 80% white */ 480 481 --mr-color-part-time-transparent: #ED6D15CC; /* hue @ 80% alpha */ 482 --mr-color-part-time-transparenter: #ED6D1580; /* hue @ 50% alpha */ 483 --mr-color-part-time-transparentest: #ED6D1533;/* hue @ 20% alpha */ 484 485 /* University */ 486 --mr-color-university-starkest: #facce5; /* 40% black */ 487 --mr-color-university-starker: #ea3397; /* 20% black */ 488 --mr-color-university: #E5007D; /* hue */ 489 --mr-color-university-fainter: #b70064; /* 20% white */ 490 --mr-color-university-faintest: #89004b; /* 80% white */ 491 492 --mr-color-university-transparent: #E5007DCC; /* hue @ 80% alpha */ 493 --mr-color-university-transparenter: #E5007D80; /* hue @ 50% alpha */ 494 --mr-color-university-transparentest: #E5007D33;/* hue @ 20% alpha */ 495 496 } 497 498 /* ----------------------- FontAwesome ----------------------- */ 499 500 .fastar:before { 501 font-family: FontAwesome; 502 content: "\f005"; 503 } 504 505 .faquestioncircle:before { 506 font-family: FontAwesome; 507 content: "\f059"; 508 } 509 510 .fabuilding:before { 511 font-family: FontAwesome; 512 content: "\f1ad"; 513 } 514 515 .fainfo:before { 516 font-family: FontAwesome; 517 content: "\f129"; 518 } 519 520 .falink:before { 521 font-family: FontAwesome; 522 content: "\f0c1"; 523 } 524 525 .facalendar:before { 526 font-family: FontAwesome; 527 content: "\f133"; 528 } 529 530 .fadocument:before { 531 font-family: FontAwesome; 532 content: "\f15b"; 533 } 534 535 .fachild:before { 536 font-family: FontAwesome; 537 content: "\f1ae"; 538 } 539 540 .fagraduationcap:before { 541 font-family: FontAwesome; 542 content: "\f19d"; 543 } 544 545 .fabriefcase:before { 546 font-family: FontAwesome; 547 content: "\f0b1"; 548 } 549 550 .fasortnumericdown:before { 551 font-family: FontAwesome; 552 content: "\f162"; 553 } 554 555 /* ----------------------- content ----------------------- */ 556 /* Removed '.container' as conflicting with header links. 2018-09-14. */
557 /* Added '.news_article_container' so as to target event pages 2018-09-17. */ 558 /* Added 'div#coursepage section#brief' so as to target demo-cat pages 2019-05-15 */ 559 /* Replaced 'main' with 'main div.flexible_content_area' to target only 'Wysiwyg Editor' element of flexible page template. 2019-05-31 */ 560 /* Added 'main div#accordion div.panel-body' to target content inside accordion tabs of flexible page template. 2019-06-07 */ 561 /* Added 'body:not(.newFlexibleTheme)' / 'body.newFlexibleTheme' to the beginning of various styling selectors to differentiate targeting new/dark/perfomring-arts theme. 2019-07-09 */ 562 /* Added css quotes property + q element 2024-10-14 */ 563 564 /* tiktok embeds are causing scrolling in 2 dimensions on small screen sizes (added 2026-09-03) */ 565 .tiktok-embed { 566 min-width: 0px !important; 567 padding: 0px !important; 568 margin: 0px !important; 569 border: 0px !important; 570 max-width: 100% !important; 571 } 572 573 /* override padding-right on all paragraph tags on an event page (Added 2019-09-02) */ 574 .news_article_container p {padding-right: 0px;} 575 576 /* quotes */ 577 div#coursepage section#brief, .news_article_container, main div.flexible_content_area, main div#accordion div.panel-body, div.event-row div.col-md-8 { 578 quotes: "â" "â" "â" "â"; 579 } 580 581 /* q */ 582 div#coursepage section#brief q, .news_article_container q, main div.flexible_content_area q, main div#accordion div.panel-body q, div.event-row div.col-md-8 q { 583 font-style: italic; 584 } 585 586 /* override no padding on last p child via bootsrap.scss:140 (Added 2019-01-30) */ 587 div#coursepage section#brief p:last-child, .news_article_container p:last-child, main div.flexible_content_area p:last-child, main div#accordion div.panel-body p:last-child, div.event-row div.col-md-8 p:last-child { 588 padding-bottom: 22px; 589 } 590 591 /* strong */ 592 div#coursepage section#brief strong, .news_article_container strong, body:not(.newFlexibleTheme) main div.flexible_content_area strong, body:not(.newFlexibleTheme) main div#accordion div.panel-body strong, div.event-row div.col-md-8 strong { 593 font-weight: bold; 594 } 595
596 /* h2 | added 2019-05-28 pending update of all h tags. */ 597 div#coursepage section#brief h2, .news_article_container h2, main div.flexible_content_area h2, main div#accordion div.panel-body h2, div.event-row div.col-md-8 h2 { 598 font-family: 'Oswald', sans-serif; 599 padding-bottom: 20px; 600 text-transform: uppercase; 601 } 602 div#coursepage section#brief h2, .news_article_container h2, body:not(.newFlexibleTheme) main div.flexible_content_area h2, body:not(.newFlexibleTheme) main div#accordion div.panel-body h2, div.event-row div.col-md-8 h2 { 603 color: #333333; /* dark grey #333333, #454545, #575757 */ 604 } 605 body.newFlexibleTheme main div.flexible_content_area h2, body.newFlexibleTheme main div#accordion div.panel-body h2 { 606 letter-spacing: 0.225em; 607 line-height: normal; 608 } 609 610 /* h3 */ 611 div#coursepage section#brief h3, .news_article_container h3, main div.flexible_content_area h3:not(.panel-title), main div#accordion div.panel-body h3, div.event-row div.col-md-8 h3 { 612 font-family: 'Oswald', sans-serif; 613 padding-bottom: 20px; 614 text-transform: uppercase; 615 } 616 div#coursepage section#brief h3, .news_article_container h3, body:not(.newFlexibleTheme) main div.flexible_content_area h3:not(.panel-title), body:not(.newFlexibleTheme) main div#accordion div.panel-body h3, div.event-row div.col-md-8 h3 { 617 color: #454545; /* dark grey #333333, #454545, #575757 */ 618 } 619 body.newFlexibleTheme main div.flexible_content_area h3, body.newFlexibleTheme main div#accordion div.panel-body h3 { 620 letter-spacing: 0.225em; 621 line-height: normal; 622 } 623 624 /* h4 */ 625 div#coursepage section#brief h4, .news_article_container h4, main div.flexible_content_area h4, main div#accordion div.panel-body h4, div.event-row div.col-md-8 h4 { 626 font-family: 'Oswald', sans-serif; 627 padding-bottom: 20px; 628 text-transform: uppercase; 629 } 630 div#coursepage section#brief h4, .news_article_container h4, body:not(.newFlexibleTheme) main div.flexible_content_area h4, body:not(.newFlexibleTheme) main div#accordion div.panel-body h4, div.event-row div.col-md-8 h4 { 631 color: #575757; /* dark grey #333333, #454545, #575757 */ 632 } 633 body.newFlexibleTheme main div.flexible_content_area h4, body.newFlexibleTheme main div#accordion div.panel-body h4 { 634 letter-spacing: 0.225em; 635 line-height: normal; 636 } 637 638 /* h5 */ 639 div#coursepage section#brief h5, .news_article_container h5, body:not(.newFlexibleTheme) main div.flexible_content_area h5, body:not(.newFlexibleTheme) main div#accordion div.panel-body h5, div.event-row div.col-md-8 h5 { 640 text-transform: capitalize; /*governors shortcode images and bios requires this for titles*/ 641 } 642 643 /* intro text / subtitle */ 644 div#coursepage section#brief .introtext, .news_article_container .introtext, main div.flexible_content_area .introtext, main div#accordion div.panel-body .introtext, div.event-row div.col-md-8 .introtext { 645 font-size:1.375em; /* 16px -> 22px */ 646 line-height:1.1; 647 font-weight:bold; 648 padding: 0px 0px 20px 0px; /* Added 2019-05-32 */ 649 } 650 div#coursepage section#brief .introtext, .news_article_container .introtext, body:not(.newFlexibleTheme) main div.flexible_content_area .introtext, body:not(.newFlexibleTheme) main div#accordion div.panel-body .introtext, div.event-row div.col-md-8 .introtext { 651 color: #454545; /* dark grey #333333, #454545, #575757 */ 652 } 653 654 /* feature text 1 */ 655 div#coursepage section#brief .FT1, .news_article_container .FT1, main div.flexible_content_area .FT1, main div#accordion div.panel-body .FT1, div.event-row div.col-md-8 .FT1 { 656 font-size:1.75em; /* 16px -> 28px */ 657 font-family: 'Oswald', sans-serif; /* Added 23/11/2018 */ 658 line-height:1.1; 659 font-weight:bold; 660 text-transform: uppercase; /* Added 23/11/2018 */ 661 padding: 0px 0px 20px 0px; /* Added 2019-05-32 */ 662 } 663 div#coursepage section#brief .FT1, .news_article_container .FT1, body:not(.newFlexibleTheme) main div.flexible_content_area .FT1, body:not(.newFlexibleTheme) main div#accordion div.panel-body .FT1, div.event-row div.col-md-8 .FT1 { 664 color: #333333; /* dark grey #333333, #454545, #575757 */ 665 } 666 body.newFlexibleTheme main div.flexible_content_area .FT1, body.newFlexibleTheme main div#accordion div.panel-body .FT1 { 667 letter-spacing: 0.225em; 668 line-height: normal; 669 } 670 671 /* feature text 2 */
672 div#coursepage section#brief .FT2, .news_article_container .FT2, main div.flexible_content_area .FT2, main div#accordion div.panel-body .FT2, div.event-row div.col-md-8 .FT2 { 673 font-size:1.375em; /* 16px -> 22px */ 674 font-family: 'Oswald', sans-serif; /* Added 23/11/2018 */ 675 line-height:1.1; 676 font-weight:bold; 677 text-transform: uppercase; 678 padding: 0px 0px 20px 0px; /* Added 2019-05-32 */ 679 } 680 div#coursepage section#brief .FT2, .news_article_container .FT2, body:not(.newFlexibleTheme) main div.flexible_content_area .FT2, body:not(.newFlexibleTheme) main div#accordion div.panel-body .FT2, div.event-row div.col-md-8 .FT2 { 681 color: #454545; /* dark grey #333333, #454545, #575757 */ 682 } 683 body.newFlexibleTheme main div.flexible_content_area .FT2, body.newFlexibleTheme main div#accordion div.panel-body .FT2 { 684 letter-spacing: 0.225em; 685 line-height: normal; 686 } 687 688 /* feature text 3 */ 689 div#coursepage section#brief .FT3, .news_article_container .FT3, main div.flexible_content_area .FT3, main div#accordion div.panel-body .FT3, div.event-row div.col-md-8 .FT3 { 690 font-size:1.125em; /* 16px -> 18px */ 691 font-family: 'Oswald', sans-serif; /* Added 23/11/2018 */ 692 line-height:1.1; 693 font-weight:bold; 694 text-transform: uppercase; /* Added 23/11/2018 */ 695 padding: 0px 0px 20px 0px; /* Added 2019-05-32 */ 696 } 697 div#coursepage section#brief .FT3, .news_article_container .FT3, body:not(.newFlexibleTheme) main div.flexible_content_area .FT3, body:not(.newFlexibleTheme) main div#accordion div.panel-body .FT3, div.event-row div.col-md-8 .FT3 { 698 color: #575757; /* dark grey #333333, #454545, #575757 */ 699 } 700 body.newFlexibleTheme main div.flexible_content_area .FT3, body.newFlexibleTheme main div#accordion div.panel-body .FT3 { 701 letter-spacing: 0.225em; 702 line-height: normal; 703 } 704 705 706 /* feature divs */ 707 708 div.fdmr { /* rounded corner background and padding added */ 709 padding: 20px; /*3%;*/ 710 border-radius: 3px; 711 } 712 713 .blurmr { 714 /* The element or its background must be transparent. */ 715 -webkit-backdrop-filter: blur(10px) saturate(180%); 716 backdrop-filter: blur(10px) saturate(180%); 717 } 718 719 div.fdmr > p:last-child { 720 padding-bottom: 0px !important; 721 } 722 723 div.fdmr0 { 724 /*background-image: url('xxx.jpg');*/ 725 background-repeat: repeat; 726 background-position: center; 727 background-size: cover; 728 } 729 730 body:not(.newFlexibleTheme) div.fdmr1 { 731 background-color: var(--mr-color-00-faintest) !important; /* light purple */ 732 } 733 734 body:not(.newFlexibleTheme) div.fdmr2 { 735 background-color: var(--mr-color-01-faintest) !important; /* light orange */ 736 } 737 738 body.newFlexibleTheme div.fdmr1, body.newFlexibleTheme div.fdmr2 { 739 background-color: var(--mr-color-00-faintest) !important; /* grey */ 740 } 741 742 743 /* h with horizontal line after (left aligned) */ 744 745 .horizontalline { 746 overflow: hidden !important; 747 text-align: left !important; 748 } 749 750 .horizontalline:after { 751 content: "" !important; 752 display: inline-block !important; 753 height: 1px !important; 754 position: relative !important; 755 vertical-align: middle !important; 756 width: 100% !important; 757 left: 0.5em !important; 758 margin-right: -100% !important; 759 } 760 761 body:not(.newFlexibleTheme) .horizontalline:after { 762 background-color: #333333; 763 } 764 765 body.newFlexibleTheme .horizontalline:after { 766 background-color: #ffffff; 767 } 768 769 /* detail summary */ /* 2021-11-09 */ 770 771 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary, 772 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary, 773 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary, 774 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary, 775 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary { 776 display: list-item; 777 margin: 0px 0px 22px 0px; 778 text-decoration: underline; 779 text-decoration-skip-ink: auto; 780 cursor: pointer; 781 color: var(--mr-color-hyperlink-00) !important; 782 } 783 784 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:hover, 785 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_c
785ontainer details summary:hover, 786 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:hover, 787 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:hover, 788 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:hover, 789 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:focus 790 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary:focus, 791 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:focus, 792 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:focus, 793 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:focus, 794 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:active 795 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary:active, 796 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:active, 797 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:active, 798 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:active { 799 color: var(--mr-color-hyperlink-01) !important; 800 } 801 802 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary::marker, 803 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary::marker, 804 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary::marker, 805 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary::marker, 806 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary::marker { 807 color: var(--mr-color-hyperlink-00) !important; 808 } 809 810 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:hover::marker, 811 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary:hover::marker, 812 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:hover::marker, 813 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:hover::marker, 814 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:hover::marker, 815 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:focus::marker, 816 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary:focus::marker, 817 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:focus::marker, 818 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:focus::marker, 819 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:focus::marker, 820 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary:active::marker, 821 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary:active::marker, 822 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary:active::marker, 823 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary:active::marker, 824 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary:active::marker { 825 color: var(--mr-color-hyperlink-01) !important; 826 } 827 828 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary > :is(h2, h3, h4, h5, h6), 829 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details summary > :is(h2, h3, h4, h5, h6), 830 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details summary > :is(h2, h3, h4, h5, h6), 831 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_c
831ontainer details summary > :is(h2, h3, h4, h5, h6), 832 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area summary > h3:not(.panel-title), 833 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area summary > h3:not(.panel-title), 834 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary > :is(h2, h3, h4, h5, h6), 835 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details summary > :is(h2, h3, h4, h5, h6), 836 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary > :is(h2, h3, h4, h5, h6), 837 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details summary > :is(h2, h3, h4, h5, h6), 838 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary > :is(h2, h3, h4, h5, h6), 839 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details summary > :is(h2, h3, h4, h5, h6) { 840 display: inline-block; 841 text-decoration: inherit; 842 text-decoration-skip-ink: inherit; 843 cursor: inherit; 844 color: inherit !important; 845 } 846 847 /* detail summary as button link */ /* 2022-02-24 */ 848 849 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn, 850 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn, 851 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn, 852 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn, 853 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn, 854 details > summary.btn { 855 display: inline-block !important; 856 } 857 858 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary, 859 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary, 860 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary, 861 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary, 862 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary, 863 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary::marker, 864 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary::marker, 865 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary::marker, 866 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary::marker, 867 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary::marker, 868 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:hover, 869 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary:hover, 870 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:hover, 871 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:hover, 872 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:hover, 873 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:hover::marker, 874 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary:hover::marker, 875 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:hover::marker, 876 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:hover::marker, 877 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:hover::marker, 878 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:active, 879 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_c
879ontainer details > summary.btn.btn-primary:active, 880 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:active, 881 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:active, 882 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:active, 883 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:active::marker, 884 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary:active::marker, 885 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:active::marker, 886 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:active::marker, 887 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:active::marker, 888 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:focus, 889 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary:focus, 890 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:focus, 891 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:focus, 892 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:focus, 893 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn.btn-primary:focus::marker, 894 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn.btn-primary:focus::marker, 895 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn.btn-primary:focus::marker, 896 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn.btn-primary:focus::marker, 897 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn.btn-primary:focus::marker, 898 details > summary.btn.btn-primary, 899 details > summary.btn.btn-primary::marker, 900 details > summary.btn.btn-primary:hover, 901 details > summary.btn.btn-primary:hover::marker, 902 details > summary.btn.btn-primary:active, 903 details > summary.btn.btn-primary:active::marker, 904 details > summary.btn.btn-primary:focus, 905 details > summary.btn.btn-primary:focus::marker { 906 color: #ffffff !important; 907 text-decoration: none; 908 } 909 910 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn > span, 911 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn > span, 912 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn > span, 913 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn > span, 914 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn > span, 915 details > summary.btn > span { 916 color: inherit !important; 917 text-decoration: inherit; 918 } 919 920 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details > summary.btn > span::before, 921 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container details > summary.btn > span::before, 922 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details > summary.btn > span::before, 923 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details > summary.btn > span::before, 924 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details > summary.btn > span::before, 925 details > summary.btn > span::before { 926 color: inherit !important; 927 text-decoration: inherit; 928 margin: 0px 0.3em 0px 0px; 929 font-size: 1.2em; 930 font-family: FontAwesome; 931 content: "\f0da"; 932 } 933 934 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief details[open] > summary.btn > span::before, 935 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_c
935ontainer details[open] > summary.btn > span::before, 936 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area details[open] > summary.btn > span::before, 937 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body details[open] > summary.btn > span::before, 938 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 details[open] > summary.btn > span::before, 939 details[open] > summary.btn > span::before { 940 content: "\f0d7"; 941 } 942 943 /* detail summary as accordion */ /* 2022-03-01 */ 944 div.accordionmr { 945 --mr-padding-accordion-00: 15px; /* padding for (1) (2) .detailscontentmr */ 946 --mr-margin-accordion-00: 5px; /* margin between */ 947 --mr-summary-icon-margin-accordion-00: 0.3em; /* margin left for (::after) icon */ 948 } 949 :not(.newFlexibleTheme) div.accordionmr { 950 --mr-color-accordion-00: var(--mr-color-hyperlink-00); /* open background */ 951 --mr-color-accordion-01: var(--mr-color-hyperlink-01); /* background */ 952 --mr-color-accordion-02: #cccccc; /* border */ 953 --mr-color-accordion-03: var(--mr-color-page-background-00); /* page background */ 954 } 955 .newFlexibleTheme div.accordionmr { 956 --mr-color-accordion-00: var(--mr-color-00-faintest); /* open background */ 957 --mr-color-accordion-01: var(--mr-color-00-faintest); /* background */ 958 --mr-color-accordion-02: var(--mr-color-00-faintest); /* border */ 959 --mr-color-accordion-03: var(--mr-color-page-background-00); /* page background */ 960 } 961 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details, 962 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details, 963 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details, 964 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details, 965 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details { 966 background-color: var(--mr-color-accordion-01); 967 } 968 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details:not(:first-of-type), 969 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details:not(:first-of-type), 970 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details:not(:first-of-type), 971 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details:not(:first-of-type), 972 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details:not(:first-of-type) { 973 margin: var(--mr-margin-accordion-00) 0px 0px 0px; 974 } 975 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > summary, 976 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > summary, 977 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > summary, 978 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > summary, 979 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > summary { 980 list-style-type: none; 981 padding: var(--mr-padding-accordion-00); 982 margin: 0px; 983 color: var(--mr-color-page-background-00) !important; 984 text-decoration: none; 985 font-weight: bold; 986 } 987 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details[open] > summary, 988 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details[open] > summary, 989 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details[open] > summary, 990 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details[open] > summary, 991 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details[open] > summary { 992 list-style-type: none; 993 background-color: var(--mr-color-accordion-00); 994 } 995 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > summary > span::after, 996 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_c
996ontainer div.accordionmr > details > summary > span::after, 997 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > summary > span::after, 998 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > summary > span::after, 999 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > summary > span::after { 1000 font-family: FontAwesome; 1001 margin: 0px 0px 0px var(--mr-summary-icon-margin-accordion-00); 1002 font-size: inherit; 1003 content: "\f13a"; 1004 float: right; 1005 } 1006 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details[open] > summary > span, 1007 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details[open] > summary > span, 1008 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details[open] > summary > span, 1009 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details[open] > summary > span, 1010 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details[open] > summary > span { 1011 list-style-type: none; 1012 background-color: var(--mr-color-accordion-00); 1013 } 1014 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details[open] > summary > span::after, 1015 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details[open] > summary > span::after, 1016 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details[open] > summary > span::after, 1017 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details[open] > summary > span::after, 1018 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details[open] > summary > span::after { 1019 content: "\f139"; 1020 } 1021 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > summary > span > p, 1022 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > summary > span > p, 1023 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > summary > span > p, 1024 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > summary > span > p, 1025 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > summary > span > p { 1026 visibility: hidden; 1027 display: none; 1028 height: 0px; 1029 width: 0px; 1030 padding-bottom: 0px; 1031 } 1032 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > summary :is(h1,h2,h3,h4,h5,h6), 1033 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > summary :is(h1,h2,h3,h4,h5,h6), 1034 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > summary :is(h1,h2,h3,h4,h5,h6), 1035 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > summary :is(h1,h2,h3,h4,h5,h6), 1036 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > summary :is(h1,h2,h3,h4,h5,h6) { 1037 display: inline; 1038 color: inherit; 1039 font-size: inherit; 1040 font-weight: inherit; 1041 text-decoration: inherit; 1042 font-family: inherit; 1043 text-transform: none; 1044 line-height: normal; 1045 padding-bottom: 0px; 1046 margin: 0px; 1047 letter-spacing: normal; 1048 } 1049 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > .detailscontentmr,/* *:nth-child(2), */ 1050 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > .detailscontentmr, 1051 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > .detailscontentmr, 1052 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > .detailscontentmr, 1053 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > .detailscontentmr { 1054 border: solid var(--mr-color-accordion-02) 1px;
1055 padding: var(--mr-padding-accordion-00); 1056 background: var(--mr-color-page-background-00) !important; 1057 max-height: 66vh; 1058 overflow-y: auto; 1059 } 1060 @media screen and (min-width: 960px) { 1061 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > .detailscontentmr,/* *:nth-child(2), */ 1062 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > .detailscontentmr, 1063 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > .detailscontentmr, 1064 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > .detailscontentmr, 1065 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > .detailscontentmr { 1066 max-height: initial; 1067 overflow-y: initial; 1068 } 1069 } 1070 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief div.accordionmr > details > .detailscontentmr p:last-child,/* *:nth-child(2) p:last-child, */ 1071 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container div.accordionmr > details > .detailscontentmr p:last-child, 1072 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area div.accordionmr > details > .detailscontentmr p:last-child, 1073 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.accordionmr > div.panel-body details > .detailscontentmr p:last-child, 1074 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 div.accordionmr > details > .detailscontentmr p:last-child { 1075 padding-bottom: 0px; 1076 } 1077 1078 /* abbreviation / acronym tag */ /* 2022-02-24 */ 1079 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div#coursepage section#brief abbr, 1080 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) .news_article_container abbr, 1081 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div.flexible_content_area abbr, 1082 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) main div#accordion div.panel-body abbr, 1083 :is(.newFlexibleTheme,:not(.newFlexibleTheme)) div.event-row div.col-md-8 abbr { 1084 border-bottom: none; 1085 text-decoration: underline dotted var(--mr-color-00) 0.2em; 1086 text-decoration-skip-ink: auto; 1087 } 1088 1089 /* hyperlinks */ 1090 div#coursepage section#brief a:link:not([class]), .news_article_container a:link:not([class]), body:not(.newFlexibleTheme) main div.flexible_content_area a:link:not([class]), body:not(.newFlexibleTheme) main div#accordion div.panel-body a:link:not([class]), div.event-row div.col-md-8 a:link:not([class]) { 1091 color: var(--mr-color-hyperlink-00);/*#662382;*/ 1092 text-decoration: underline;/*none;*/ 1093 text-decoration-skip-ink: auto; 1094 } 1095 1096 div#coursepage section#brief a:visited:not([class]), .news_article_container a:visited:not([class]), body:not(.newFlexibleTheme) main div.flexible_content_area a:visited:not([class]), body:not(.newFlexibleTheme) main div#accordion div.panel-body a:visited:not([class]), div.event-row div.col-md-8 a:visited:not([class]) { 1097 color: var(--mr-color-hyperlink-00);/*#662382;*/ 1098 } 1099 1100 div#coursepage section#brief a:hover:not([class]), .news_article_container a:hover:not([class]), body:not(.newFlexibleTheme) main div.flexible_content_area a:hover:not([class]), body:not(.newFlexibleTheme) main div#accordion div.panel-body a:hover:not([class]), div.event-row div.col-md-8 a:hover:not([class]) { 1101 color: var(--mr-color-hyperlink-01);/*#561e6e;*/ 1102 } 1103 1104 div#coursepage section#brief a:active:not([class]), .news_article_container a:active:not([class]), body:not(.newFlexibleTheme) main div.flexible_content_area a:active:not([class]), body:not(.newFlexibleTheme) main div#accordion div.panel-body a:active:not([class]), div.event-row div.col-md-8 a:active:not([class]) { 1105 color: var(--mr-color-hyperlink-01);/*#561e6e;*/ 1106 } 1107 1108 /* button */ 1109 1110 .btn-primary-subtle-mr { 1111 color:#662382; 1112 background-color: rgb(255, 255, 255, 0); 1113 border-color:#662382; 1114 } 1115 1116 .btn-primary-subtle-mr:visited { 1117 color:#662382; /* removed !important 2019-08-30 */ 1118 background-color: rgb(255, 255, 255, 0); 1119 border-color:#662382; 1120 } 1121 1122 .btn-primary-subtle-mr:hover { 1123 color:#e5007d; 1124 background-color: rgb(255, 255, 255, 0); 1125 border-color:#e5007d; 1126 } 1127 1128 .btn-primary-subtle-mr:active { 1129 color:#e5007d; 1130 background-color: rgb(255, 255, 255, 0); 1131 border-color:#e5007d; 1132 } 1133 1134 1135 1136 /* Added 2021-01-18 */div#coursepage section#brief .btn, .news_article_c
1136ontainer .btn, main div.flexible_content_area .btn, main div#accordion div.panel-body .btn, div.event-row div.col-md-8 .btn { 1137 max-width:100%; 1138 overflow: hidden; 1139 white-space: nowrap; 1140 text-overflow: ellipsis; 1141 } 1142 1143 /* Added 2021-01-18 */div#coursepage section#brief .btn > span, .news_article_container .btn > span, main div.flexible_content_area .btn > span, main div#accordion div.panel-body .btn > span, div.event-row div.col-md-8 .btn > span { 1144 max-width:100%; 1145 overflow: hidden; 1146 white-space: nowrap; 1147 text-overflow: ellipsis; 1148 } 1149 1150 1151 /* images */ 1152 1153 div#coursepage section#brief img:not([class]), .news_article_container img:not([class]), main div.flexible_content_area img:not([class]), main div#accordion div.panel-body img:not([class]), div.event-row div.col-md-8 img:not([class]) { 1154 border-radius: 3px; 1155 max-height: 100%; 1156 height: auto; 1157 width: auto; /* 2022-04-12 */ 1158 aspect-ratio: attr(width) / attr(height); /* 2022-04-12 */ 1159 } 1160 1161 img.profilephotomr { 1162 border-radius: 3px; 1163 height: 212px; 1164 width: 170px; 1165 object-fit: cover; 1166 } 1167 1168 img.featureimgmr { 1169 border-radius: 3px; 1170 height: 250px; 1171 width: 100%; 1172 object-fit: cover; 1173 } 1174 1175 /* images - 'object-fit:cover; width:100%; height;100%' + responsive 'enforced aspect ratio' */ 1176 /* (Use 'object-fit:cover' to cover a div of indeterminate (%) size (height) with an image (e.g. a flexbox child div) conforming to a chosen aspect ratio.) */ 1177 1178 .imgwrappermr { 1179 height: 100%; 1180 } 1181 .imgwrappermr, .imgwrappermr169, .imgwrappermr85, .imgwrappermr43, .imgwrappermr32, .imgwrappermr11, .imgwrappermr10685 { 1182 position: relative; 1183 width: 100%; 1184 overflow: hidden; 1185 border-radius: 3px; 1186 } 1187 .imgwrappermr > img, .imgwrappermr169 > img, .imgwrappermr85 > img, .imgwrappermr43 > img, .imgwrappermr32 > img, .imgwrappermr11 > img, .imgwrappermr10685 > img { 1188 height: 100% !important; 1189 width: 100% !important; 1190 object-fit: cover !important; 1191 position: absolute !important; 1192 top: 0 !important; 1193 left: 0 !important; 1194 bottom: 0 !important; 1195 right: 0 !important; 1196 } 1197 .imgwrappermr169 {padding: 56.25% 0px 0px 0px !important; /* 16:9 Aspect Ratio */} 1198 .imgwrappermr85 {padding: 62.5% 0px 0px 0px !important; /* 8:5 Aspect Ratio */} 1199 .imgwrappermr32 {padding: 66.66% 0px 0px 0px !important; /* 3:2 Aspect Ratio */} 1200 .imgwrappermr43 {padding: 75% 0px 0px 0px !important; /* 4:3 Aspect Ratio */} 1201 .imgwrappermr11 {padding: 100% 0px 0px 0px !important; /* 1:1 Aspect Ratio */} 1202 .imgwrappermr10685 {padding: 124.7% 0px 0px 0px !important; /* 212:170|106:85 Profile Image */} 1203 1204 1205 /* white space (bottom of page) */ 1206 1207 .whitespacemr { 1208 display:block; 1209 width:100%; 1210 height:auto; 1211 margin-bottom:100px; 1212 } 1213 1214 1215 /* ***** flexbox and columns ***** */ 1216 1217 /* ** mobile 1st ** */ 1218 1219 /* flexbox */ 1220 1221 .flexparentmr { 1222 display: inline-flex; 1223 width:104%; 1224 margin-left: -2%; 1225 margin-right: -2%; 1226 flex-flow: row nowrap; /* new */ 1227 -webkit-flex-direction: column; /* new */ 1228 flex-direction: column; /* new */ 1229 justify-content: flex-start; /* children align at the top of column */ 1230 align-items:stretch; 1231 align-content: flex-start; 1232 } 1233 1234 .flexparentmrwrap { /* added 2019-05-13 */ 1235 flex-flow: row wrap; 1236 } 1237 1238 .flexchildmr:first-child { 1239 margin: 2% 2% 0% 2% 1240 } 1241 1242 .flexchildmr:not(:first-child):not(:last-child) { 1243 margin: 0% 2% 0% 2% 1244 } 1245 1246 .flexchildmr:last-child { 1247 margin: 0% 2% 2% 2% 1248 } 1249 1250 .flexchildmr.flexchildmrborder:first-child, .flexchildmr.flexchildmrborder:not(:first-child):not(:last-child), .flexchildmr.flexchildmrborder:last-child { 1251 margin: 2% 2% 2% 2%; /* added 2019-05-13 */ 1252 } 1253 1254 .flexchildmronehalf, .flexchildmronethird, .flexchildmronethird, .flexchildmrtwothird, .flexchildmronefourth, .flexchildmrtwofourth, .flexchildmrthreefourth, .flexchildmronefifth, .flexchildmrtwofifth, .flexchildmrthreefifth, .flexchildmrfourfifth, .flexchildmronesixth, .flexchildmrtwosixth, .flexchildmrthreesixth, .flexchildmrfoursixth, .flexchildmrfivesixth { 1255 flex: 1; 1256 } 1257 1258 .flexchildmronehalfwrap, 1259 .flexchildmronethirdwrap, 1260 .flexchildmronefourthwrap, 1261 .flexchildmronefifthwrap, 1262 .flexchildmronesixthwrap { 1263 flex: 0 1 calc(100% - 4%); /* The minus being gutter size */ 1264 } 1265 1266 /* .flexchildmrborder */ 1267 .flexchildmrborder { 1268 border-radius: 3px; 1269 -webkit-border-radius: 3px; 1270 padding: 20px; /*3%;*/ 1271 } 1272 body:not(.newFlexibleTheme) .flexchildmrborder { 1273 border: #eeeeee solid 1px; /* thin light grey border */ 1274 } 1275 body.newFlexibleTheme .flexchildmrborder { 1276 border: #232323 solid 1px; /* thin grey border */ 1277 } 1278 1279 /* .flexchildmrfeature */ 1280 .flexchildmrfeature { /* rounded corner background and padding added */ 1281 padding: 3%; 1282 border-radius: 3px; 1283 } 1284 body:not(.newFlexibleTheme) .flexchildmrfeature { 1285 background-color: #E0D3E6; /* light purple */ 1286 } 1287 body.newFlexibleTheme .flexchildmrfeature { 1288 background-color: #232323; /* grey */ 1289 } 1290 1291 /* .flexarray (mostly used for creating a nicely spaced array of button links.) */ 1292 .flexarraymr { 1293 display: -webkit-inline-box; 1294 display: -ms-inline-flexbox; 1295 display: inline-flex; 1296 width: 100%; 1297 -webkit-box-orient: horizontal; 1298 -webkit-box-direction: normal; 1299 -ms-flex-flow: row wrap; 1300 flex-flow: row wrap; 1301 -ms-flex-direction: row; 1302 flex-direction: row; 1303 -webkit-box-pack: start; 1304 -ms-flex-pack: start; 1305 justify-content: flex-start; 1306 -ms-flex-line-pack: start; 1307 align-content: flex-start; 1308 } 1309 .flexarraymr > * { 1310 -webkit-box-flex: 0; 1311 -ms-flex: 0 1 auto; 1312 flex: 0 1 auto; 1313 -ms-flex-item-align: auto; 1314 -ms-grid-row-align: auto; 1315 align-self: auto; 1316 margin: 0px 5px 5px 0px; 1317 } 1318 /* aligning flexarray children */ 1319 /* (mobile 1st) responsive justify-content */ 1320 .flexarraymr.flexarraycentermr, 1321 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-cntr-mr, 1322 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-strt-mr, 1323 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-rght-mr { 1324 justify-content: center !important; /* when 'justify-content: space-evenly' wraps onto a new line on mobile it can look peculiar */ 1325 } 1326 1327 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-cntr-mr, 1328 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-strt-mr, 1329 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-rght-mr { 1330 justify-content: flex-start !important; 1331 } 1332 1333 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-cntr-mr, 1334 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-strt-mr, 1335 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-rght-mr { 1336 justify-content: flex-end !important; 1337 } 1338 /* (desktop 2nd) responsive justify content ** */ 1339 /* the following styling is relevant to screen widths of 960px (~~1270px~~) or higher */ 1340 @media screen and (min-width: 960px) { 1341 1342 .flexarraymr.flexarraycentermr, 1343 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-cntr-mr, 1344 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-cntr-mr, 1345 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-cntr-mr { 1346 justify-content: space-evenly !important; 1347 } 1348 1349 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-strt-mr, 1350 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-strt-mr, 1351 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-strt-mr { 1352 justify-content: flex-start !important; 1353 } 1354 1355 .flexarraymr.mbl-jstfy-cntnt-cntr-mr.dsktp-jstfy-cntnt-end-mr, 1356 .flexarraymr.mbl-jstfy-cntnt-strt-mr.dsktp-jstfy-cntnt-end-mr, 1357 .flexarraymr.mbl-jstfy-cntnt-end-mr.dsktp-jstfy-cntnt-end-mr { 1358 justify-content: flex-end !important; 1359 } 1360 1361 } 1362 1363 1364 /* columns */ 1365 1366 .colmr { 1367 /*-moz-column-gap: 40px;*/ 1368 /*-webkit-column-gap: 40px;*/ 1369 column-gap: clamp(0em, 2.5em, 2.5em); /*column-gap: 40px;*/ 1370 } 1371 1372 .col2mr, .col3mr, .col3mr, .col5mr { 1373 -moz-column-count: 1; 1374 -webkit-column-count: 1; 1375 column-count: 1; 1376 } 1377 1378 .avoidbreakmr { 1379 -webkit-column-break-inside: avoid; 1380 page-break-inside: avoid; 1381 -moz-column-break-inside: avoid; 1382 break-inside: avoid; 1383 } 1384 1385 /* ** desktop 2nd flexbox and columns ** */ 1386 /* the following styling is relevant to screen widths of 960px (~~1270px~~) or higher */ 1387 @media screen and (min-width: 960px) { 1388 1389 .flexparentmr { 1390 flex-direction: row; /* new */ 1391 } 1392 1393 .flexparentmr2 { 1394 flex-direction: row-reverse; /* change direct of flex to right to left */ 1395 } 1396 1397 .flexchildmr:first-child, .flexchildmr:not(:first-child):not(:last-child), .flexchildmr:last-child { 1398 margin: 2% 2% 2% 2%; 1399 } 1400 1401 .flexchildmronehalf { 1402 flex: 0.5; 1403 } 1404 1405 .flexchildmronethird, .flexchildmrtwosixth { 1406 flex: 0.333333; 1407 } 1408 1409 .flexchildmrtwothird, .flexchildmrfoursixth { 1410 flex: 0.666666; 1411 } 1412 1413 .flexchildmronefourth, .flexchildmrthreesixth { 1414 flex: 0.25; 1415 } 1416 1417 .flexchildmrtwofourth { 1418 flex: 0.5; 1419 } 1420 1421 .flexchildmrthreefourth { 1422 flex: 0.75; 1423 } 1424 1425 .flexchildmronefifth { 1426 flex: 0.2; 1427 } 1428 1429 .flexchildmrtwofifth { 1430 flex: 0.4; 1431 } 1432 1433 .flexchildmrthreefifth { 1434 flex: 0.6; 1435 } 1436 1437 .flexchildmrfourfifth { 1438 flex: 0.8; 1439 } 1440 1441 .flexchildmronesixth { 1442 flex: 0.166666; 1443 } 1444 1445 .flexchildmrfivesixth { 1446 flex: 0.833333; 1447 } 1448 1449
1450 .flexchildmronehalfwrap { /* added 2019-05-13 */ 1451 flex: 0 1 calc(50% - 4%); /* The minus being gutter size */ 1452 } 1453 1454 .flexchildmronethirdwrap { /* added 2019-07-01 */ 1455 flex: 0 1 calc(33.3333% - 4%); /* The minus being gutter size */ 1456 } 1457 1458 .flexchildmronefourthwrap { /* added 2019-11-22 */ 1459 flex: 0 1 calc(25% - 4%); /* The minus being gutter size */ 1460 } 1461 1462 .flexchildmronefifthwrap { /* added 2019-11-22 */ 1463 flex: 0 1 calc(20% - 4%); /* The minus being gutter size */ 1464 } 1465 1466 .flexchildmronesixthwrap { /* added 2019-11-22 */ 1467 flex: 0 1 calc(16.6666% - 4%); /* The minus being gutter size */ 1468 } 1469 1470 /* columns */ 1471 1472 .col2mr { 1473 -moz-column-count: 2; 1474 -webkit-column-count: 2; 1475 column-count: 2; 1476 } 1477 1478 .col3mr { 1479 -moz-column-count: 3; 1480 -webkit-column-count: 3; 1481 column-count: 3; 1482 } 1483 1484 .col4mr { 1485 -moz-column-count: 4; 1486 -webkit-column-count: 4; 1487 column-count: 4; 1488 } 1489 1490 .col5mr { 1491 -moz-column-count: 5; 1492 -webkit-column-count: 5; 1493 column-count: 5; 1494 } 1495 1496 } 1497 1498 1499 1500 /* Cards (Flexible Page Template) */ 1501 1502 /*div.card-box a img { /* flexible page template card image */ 1503 /* -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ 1504 /* filter: grayscale(100%);*/ 1505 /*}*/ 1506 1507 /*div.card-box a img:hover { /* flexible page template card image */ 1508 /* -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ 1509 /* filter: grayscale(0%);*/ 1510 /*}*/ 1511 1512 .card-content p,ul { 1513 margin-bottom: 20px; 1514 } 1515 1516 1517 /* Carousel (Flexible Page Template) */ 1518 1519 .cc-subtitle { 1520 font-weight: bold; 1521 } 1522 1523 .cc-quote { 1524 font-style: italic; 1525 } 1526 1527 /* Governors (Shortcode) */ 1528 1529 body:not(.newFlexibleTheme) .overlay { /* There's a media query where the blue color still applies unfortunately.*/ 1530 border-bottom-color: #662382 !important; 1531 } 1532 body.newFlexibleTheme .overlay { /* There's a media query where the blue color still applies unfortunately.*/ 1533 border-bottom-color: #232323 !important; 1534 } 1535 1536 /* ----------------------- Miscellaneous ----------------------- */ 1537 1538 /* */ 1539 .news_article_container iframe, main div.flexible_content_area iframe, div.event-row div.col-md-8 :not(.event-video) iframe { 1540 position: static; 1541 } 1542 1543 /* div.videoWrapper iframe */ 1544 /* Responsive div.videoWrapper requires child iframe be positioned absolutely. Added 2019-02-12. */ 1545 .news_article_container div.videoWrapper iframe, main div.flexible_content_area div.videoWrapper iframe, main div#accordion div.panel-body div.videoWrapper iframe, div.event-row div.col-md-8 div.videoWrapper iframe { 1546 position: absolute; 1547 } 1548 1549 /* Fix black bars on embedded responsive videos */ 1550 .news_article_container div.videoWrapper, 1551 main div.flexible_content_area div.videoWrapper, 1552 main div#accordion div.panel-body div.videoWrapper, 1553 div.event-row div.col-md-8 div.videoWrapper { 1554 padding-top: 0px !important; /* do not remove - see support ticket #1091 */ 1555 } 1556 1557 /* horizontal rule */ 1558 body.newFlexibleTheme main div.flexible_content_area hr, body.newFlexibleTheme main div#accordion div.panel-body hr { 1559 border-width: 3px; 1560 } 1561 1562 /* ----------------------- Full-width Div----------------------- */ 1563 1564 1565 div.fullwidthwrappermr { 1566 clear: both; /* */ 1567 width: 100%; /* */ 1568 height: auto; /* */ 1569 min-height: 1px; /* */ 1570 display: flex; /* flex centering 00 - parent */ 1571 justify-content: center; /* flex centering 00 - parent */ 1572 align-items: center; /* flex centering 00 - parent */ 1573 } 1574 1575 div.fullwidthmr { 1576 width: 100%; /* fallback if the script fails */ 1577 overflow-x: hidden; 1578 flex-shrink: 0; /* flex centering 00 - flex child that is larger than parent */ 1579 display: flex; /* flex centering 01 - parent */ 1580 justify-content: center; /* flex centering 01 - parent */ 1581 align-items: center; /* flex centering 01 - parent */ 1582 } 1583 1584 div.fullwidthimgmr { 1585 /*background-image: url("/images/x.jpg");*/ /* set in-line */ 1586 /*height: 250px;*/ /* set in-line */ 1587 background-position: center; 1588 background-repeat: no-repeat; 1589 background-size: cover; 1590 position: relative; 1591 } 1592 1593 /*@media screen and (min-width: 960px)*/ 1594 @media screen and (min-width: 960px) { 1595 .parallaxmr { 1596 background-attachment: fixed; /* fixed */ 1597 } 1598 } 1599 1600 div.mainwidthmr { 1601 display: flex; /* flex centering 02 - parent */ 1602 justify-content: center; /* flex centering 02 - parent */ 1603 align-items: center; /* flex centering 02 - parent */ 1604 } 1605 1606 /* the following styling is relevant to screen widths of 959px or lower */ 1607 /* JavaScript applies padding to .maindwidthmr equal to I override and remove it on smaller screens. */ 1608 @media screen and (max-width: 959px) { 1609 /*.mainwidthmr {*/ 1610 .mainwidthmr:has(> .fdmr:only-child) { 1611 padding: 0px !important; 1612 } 1613 /*.mainwidthmr > .fdmr {*/ 1614 .mainwidthmr:has(> .fdmr:only-child) > .fdmr { 1615 margin-left: 15px; 1616 margin-right: 15px; 1617 } 1618 } 1619 1620 div.mainwidthmr > *:only-child { 1621 width: 100%; 1622 min-width: 0; /*2026-09-29*/ 1623 } 1624 1625 div.fullwidthmr > *:only-child:not(.mainwidthmr) { 1626 width: 100%; 1627 height: 100%; 1628 } 1629 1630 1631 /* ----------------------- CTA Text to Overlay Images ----------------------- */ 1632 1633 /* Text to Overlay Images */ 1634 1635 .whiteshadowmr > h1, 1636 .whiteshadowmr > h2, 1637 .whiteshadowmr > h3, 1638 .whiteshadowmr > h4, 1639 .whiteshadowmr > h5, 1640 .whiteshadowmr > p > *:not(span), 1641 .whiteshadowmr { 1642 color: white !important; 1643 text-shadow: 2px 2px 11px #000000 !important; 1644 } 1645 1646 /* Added 2021-01-19 */ 1647 .whitemr > h1, 1648 .whitemr > h2, 1649 .whitemr > h3, 1650 .whitemr > h4, 1651 .whitemr > h5, 1652 .whitemr > p > *:not(span, a), /* *:not(span), */ 1653 .whitemr { 1654 color: white !important; 1655 } 1656 1657 /* ----------------------- CTA Button to Overlay Images ----------------------- */ 1658 1659 .whiteshadowmr .btn-primary-white-mr, 1660 .btn-primary-white-mr, 1661 .whitemr .btn-primary-white-mr { 1662 color:#333333 !important; 1663 background-color:#FFFFFF; 1664 border-color:#FFFFFF; 1665 box-shadow: 2px 2px 11px #000000; 1666 text-shadow: none !important; 1667 } 1668 1669 .whiteshadowmr .btn-primary-white-mr:visited, 1670 .btn-primary-white-mr:visited, 1671 .whitemr .btn-primary-white-mr:visited { 1672 color:#333333 !important; 1673 background-color:#FFFFFF; 1674 border-color:#FFFFFF; 1675 text-shadow: none !important; 1676 } 1677 1678 .whiteshadowmr .btn-primary-white-mr:hover, 1679 .btn-primary-white-mr:hover, 1680 .whitemr .btn-primary-white-mr:hover { 1681 color:#333333 !important; 1682 background-color:#FAFAFA; 1683 border-color:#FFFFFF; 1684 text-shadow: none !important; 1685 } 1686 1687 .whiteshadowmr .btn-primary-white-mr:active, 1688 .btn-primary-white-mr:active, 1689 .whitemr .btn-primary-white-mr:active { 1690 color:#333333 !important; 1691 background-color:#FAFAFA; 1692 border-color:#FFFFFF; 1693 text-shadow: none !important; 1694 } 1695 1696 1697 /* ----------------------- Hero Headers ----------------------- */ 1698 1699 1700 /* background hero image */ 1701 1702 div.heromr1 { 1703 padding: 3%; 1704 border-radius: 3px; 1705 /*background-image: url('xxx.jpg');*/ 1706 background-repeat: repeat; 1707 background-position: center; 1708 background-size: cover; 1709 height: 250px; 1710 display: flex; 1711 flex-direction: column; 1712 justify-content: center; 1713 overflow: hidden; 1714 } 1715 1716 1717 /* hero header container */ 1718 div.heromr2 { 1719 text-align: center; 1720 transform: rotate(-2deg); 1721 } 1722
1723 /* hero header container text | added 2019-08-16 */ 1724 .heromr2 > * { 1725 white-space: nowrap; 1726 overflow: hidden; 1727 text-overflow: ellipsis; 1728 } 1729 1730 1731 /* hero header text */ 1732 .heromr3 { 1733 /* add .whiteshadowmr */ 1734 background-color: #E5007D; /* stratford-upon-avon specific */ 1735 background-repeat: repeat; 1736 background-position: center; 1737 background-size: cover; 1738 text-align: center !important; 1739 font-size: 2em; 1740 display: inline !important; 1741 padding: 5px 10px !important; 1742 box-shadow: 5px 5px 0px 0px #360301, 0px 0px 0px 20px #ffffff, 5px 5px 0px 20px rgba(0, 0, 0, 0.33) !important; 1743 } 1744 1745 1746 /* hero header text backgrounds | for compatability with solihull specific colours */ 1747 1748 .bckgrndmr1 { 1749 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull management professional grey */ 1750 background-image: url(http://i0.wp.com/stratford.ac.uk/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* CDN problem for logged out users */ 1751 } 1752 .bckgrndmr2 { 1753 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull part time orange */ 1754 background-image: url(http://i0.wp.com/stratford.ac.uk/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* CDN problem for logged out users */ 1755 } 1756 .bckgrndmr3 { 1757 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull school leaver red */ 1758 background-image: url(http://i0.wp.com/stratford.ac.uk/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* CDN problem for logged out users */ 1759 } 1760 .bckgrndmr4 { 1761 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull apprenticeship green teal */ 1762 background-image: url(http://i0.wp.com/stratford.ac.uk/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* CDN problem for logged out users */ 1763 } 1764 .bckgrndmr5 { 1765 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull employer green */ 1766 background-image: url(http://i0.wp.com/stratford.ac.uk/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* CDN problem for logged out users */ 1767 } 1768 .bckgrndmr6 { 1769 background-image: url(/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* solihull higher education blue */ 1770 background-image: url(http://i0.wp.com/stratford.ac.uk/wp-content/uploads/2019/03/magenta-texture.jpg) !important;/* CDN problem for logged out users */ 1771 } 1772 1773 1774 1775 /* ----------------------- Animations ----------------------- */ 1776 1777 @keyframes slideInUp { 1778 0% { 1779 transform: translate3d(0, 500%, 0); 1780 visibility: visible 1781 } 1782 to { 1783 transform: translateZ(0) 1784 } 1785 } 1786 1787 .slideInUp { 1788 animation: slideInUp 1s; 1789 visibility: visible; 1790 } 1791 1792 /* ----------------------- Filter ----------------------- */ 1793 1794 .containermr { 1795 overflow: hidden; 1796 } 1797 1798 .filterDiv { 1799 display: none; /* Hidden by default */ 1800 /*margin: 0 0 20px 0;*/ /* fix for details summary accordion. Commented-out 2022-03-15 */ 1801 } 1802 1803 /* The "show" class is added to the filtered elements */ 1804 .showmr { 1805 display: inline-block; /* changed from 'block' */ 1806 } 1807 .accordionmr .showmr { 1808 display: block; /* fix for details summary accordion. Added 2022-03-15 */ 1809 } 1810 1811 /* Style the buttons */ 1812 .btnmr {} 1813 1814 /* Add a light grey background on mouse-over */ 1815 .btnmr:hover {} 1816 1817 /* Add a dark background to the active button */ 1818 .btnmr.activemr { 1819 background-color: #4D1A62; 1820 border: 1px solid #331241; 1821 } 1822 body.newFlexibleTheme main div.flexible_content_area .btnmr.activemr, body.newFlexibleTheme main div#accordion div.panel-body .btnmr.activemr { 1823 background-color: #232323 !important; 1824 border: 1px solid #141414 !important; 1825 color: #ffffff !important; 1826 } 1827 1828 div.containermr > div.filterDiv { 1829 width: 100%; 1830 } 1831 1832 div#myBtnContainermr button { 1833 margin: 0px 5px 5px 0px; 1834 } 1835 1836 div.containermr .btn { 1837 margin: 5px; 1838 } 1839 1840 /* ----------------------- Instagram Feed ----------------------- */ 1841
1842 /* Added 2019-06-03 */ 1843 1844 /* Mobile 1st | Instagram Feed | 3x3 */ 1845 div#instafeedmr { 1846 display: inline-flex; 1847 width: 104%; 1848 margin-left: -2%; 1849 margin-right: -2%; 1850 flex-flow: row wrap; 1851 -webkit-flex-direction: row; 1852 flex-direction: row; 1853 justify-content: flex-start; 1854 align-items: stretch; 1855 align-content: flex-start; 1856 } 1857 1858 div.instapicmr { 1859 flex: 0 1 calc(100% - 4%); /* The minus being gutter size */ 1860 margin: 2%; 1861 position: relative; 1862 padding: calc(100% - 4%) 0px 0px 0px; /* 1:1 Aspect Ratio */ 1863 } 1864 1865 div.instapicmr > img { 1866 height: 100% !important; 1867 width: 100% !important; 1868 object-fit: cover !important; 1869 border-radius: 3px; 1870 position: absolute !important; /* 1:1 Aspect Ratio */ 1871 top: 0 !important; /* 1:1 Aspect Ratio */ 1872 left: 0 !important; /* 1:1 Aspect Ratio */ 1873 bottom: 0 !important; /* 1:1 Aspect Ratio */ 1874 right: 0 !important; /* 1:1 Aspect Ratio */ 1875 } 1876 1877 div.instapicmr > a { /* +V6 */ 1878 display: block; 1879 box-sizing: border-box; 1880 height: 100% !important; 1881 width: 100% !important; 1882 position: absolute !important; /* 1:1 Aspect Ratio */ 1883 top: 0 !important; /* 1:1 Aspect Ratio */ 1884 left: 0 !important; /* 1:1 Aspect Ratio */ 1885 bottom: 0 !important; /* 1:1 Aspect Ratio */ 1886 right: 0 !important; /* 1:1 Aspect Ratio */ 1887 z-index: 99; /* +V7 */ 1888 } 1889 1890 div.instapicmr p { 1891 display: block; 1892 height: auto; 1893 overflow-y: hidden; 1894 max-height: 100%; /* +V7 */ 1895 width: 100%; 1896 font-size: 1em; 1897 position: absolute; 1898 bottom: 0%; 1899 left: 0px; 1900 z-index: 98; /* +V7 */ 1901 color: white; 1902 background-color: #0000007F; 1903 border-radius: 3px; 1904 padding: 2% 2%; 1905 margin: 0; 1906 box-sizing: border-box; 1907 visibility: hidden; 1908 opacity: 0; 1909 transition: visibility 0s, opacity 0.2s linear; 1910 } 1911 1912 div.instapicmr:hover p, div.instapicmr img:active ~ p, div.instapicmr a:active ~ p { /* +V6 */ 1913 visibility: visible; 1914 opacity: 1; 1915 } 1916 1917 /* desktop 2nd | Instagram Feed | 3x3 */ 1918 /* the following styling is relevant to screen widths of 960px (~~1270px~~) or higher */ 1919 @media screen and (min-width: 960px) { 1920 div.instapicmr { 1921 flex: 0 1 calc(33.333333% - 4%); 1922 padding: calc(33.333333% - 4%) 0px 0px 0px; /* 1:1 Aspect Ratio */ 1923 } 1924 } 1925 1926 1927 /* Added 2019-07-10 */ 1928 1929 /* Mobile 1st | Instagram Feed | 1x7 */ 1930 div#instafeed1mr { 1931 display: inline-flex; 1932 width: 100.5%; 1933 margin-left: -0.25%; 1934 margin-right: -0.25%; 1935 flex-flow: row wrap; 1936 -webkit-flex-direction: row; 1937 flex-direction: row; 1938 justify-content: flex-start; 1939 align-items: stretch; 1940 align-content: flex-start; 1941 } 1942 1943 div.instapic1mr { 1944 flex: 0 1 calc(50% - 0.5%); /* The minus being gutter size */ 1945 margin: 0.25%; 1946 position: relative; 1947 padding: calc(50% - 0.5%) 0px 0px 0px; /* 1:1 Aspect Ratio */ 1948 display: none; 1949 } 1950 1951 div.instapic1mr:nth-child(1), 1952 div.instapic1mr:nth-child(2), 1953 div.instapic1mr:nth-child(3), 1954 div.instapic1mr:nth-child(4), 1955 div.instapic1mr:nth-child(5), 1956 div.instapic1mr:nth-child(6) { 1957 display: block; 1958 } 1959 1960 div.instapic1mr > img { 1961 height: 100% !important; 1962 width: 100% !important; 1963 object-fit: cover !important; 1964 border-radius: 3px; 1965 position: absolute !important; /* 1:1 Aspect Ratio */ 1966 top: 0 !important; /* 1:1 Aspect Ratio */ 1967 left: 0 !important; /* 1:1 Aspect Ratio */ 1968 bottom: 0 !important; /* 1:1 Aspect Ratio */ 1969 right: 0 !important; /* 1:1 Aspect Ratio */ 1970 } 1971 1972 div.instapic1mr > a { /* +V6 */ 1973 display: block; 1974 box-sizing: border-box; 1975 height: 100% !important; 1976 width: 100% !important; 1977 position: absolute !important; /* 1:1 Aspect Ratio */ 1978 top: 0 !important; /* 1:1 Aspect Ratio */ 1979 left: 0 !important; /* 1:1 Aspect Ratio */ 1980 bottom: 0 !important; /* 1:1 Aspect Ratio */ 1981 right: 0 !important; /* 1:1 Aspect Ratio */ 1982 z-index: 99; /* +V7 */ 1983 } 1984 1985 div.instapic1mr p { 1986 display: block; 1987 height: auto; 1988 overflow-y: hidden; 1989 max-height: 100%; /* +V7 */ 1990 width: 100%; 1991 font-size: 1em; 1992 position: absolute; 1993 bottom: 0%; 1994 left: 0px; 1995 z-index: 98; /* +V7 */ 1996 color: white; 1997 background-color: #0000007F; 1998 border-radius: 3px; 1999 padding: 2% 2%; 2000 margin: 0; 2001 box-sizing: border-box; 2002 visibility: hidden; 2003 opacity: 0; 2004 transition: visibility 0s, opacity 0.2s linear; 2005 2006 -ms-word-break: break-all; 2007 word-break: break-all; 2008 word-break: break-word; 2009 -ms-hyphens: auto; 2010 -moz-hyphens: auto; 2011 -webkit-hyphens: auto; 2012 hyphens: auto; 2013 } 2014 2015 div.instapic1mr:hover p, div.instapic1mr img:active ~ p, div.instapic1mr a:active ~ p { /* +V6 */ 2016 visibility: visible; 2017 opacity: 1;
2018 } 2019 2020 /* desktop 2nd | Instagram Feed | 1x7 */ 2021 @media screen and (min-width: 960px) { 2022 div.instapic1mr { 2023 flex: 0 1 calc(14.28571428571429% - 0.5%); 2024 padding: calc(14.28571428571429% - 0.5%) 0px 0px 0px; /* 1:1 Aspect Ratio */ 2025 } 2026 2027 div.instapic1mr:nth-child(7) { 2028 display:block; 2029 } 2030 2031 } 2032 2033 /* ----------------------- Responsive Text-Align ----------------------- */ 2034 2035 /* ** mobile 1st responsive text-align ** */ 2036 2037 /* mobile text-align center */ 2038 .mbl-txt-cntr-mr.dsktp-txt-lft-mr, .mbl-txt-cntr-mr.dsktp-txt-cntr-mr, .mbl-txt-cntr-mr.dsktp-txt-rght-mr { 2039 text-align:center !important; 2040 } 2041 2042 /* mobile text-align left */ 2043 .mbl-txt-lft-mr.dsktp-txt-lft-mr, .mbl-txt-lft-mr.dsktp-txt-cntr-mr, .mbl-txt-lft-mr.dsktp-txt-rght-mr { 2044 text-align:left !important; 2045 } 2046 2047 /* mobile text-align right */ 2048 .mbl-txt-rght-mr.dsktp-txt-lft-mr, .mbl-txt-rght-mr.dsktp-txt-cntr-mr, .mbl-txt-rght-mr.dsktp-txt-rght-mr { 2049 text-align:right !important; 2050 } 2051 2052 /* ** desktop 2nd responsive text-align ** */ 2053 /* the following styling is relevant to screen widths of 960px (~~1270px~~) or higher */ 2054 @media screen and (min-width: 960px) { 2055 2056 /* desktop text-align center */ 2057 .mbl-txt-lft-mr.dsktp-txt-cntr-mr, .mbl-txt-cntr-mr.dsktp-txt-cntr-mr, .mbl-txt-rght-mr.dsktp-txt-cntr-mr { 2058 text-align:center !important; 2059 } 2060 2061 2062 /* desktop text-align left */ 2063 .mbl-txt-lft-mr.dsktp-txt-lft-mr, .mbl-txt-cntr-mr.dsktp-txt-lft-mr, .mbl-txt-rght-mr.dsktp-txt-lft-mr { 2064 text-align:left !important; 2065 } 2066 2067 2068 /* desktop text-align right */ 2069 .mbl-txt-lft-mr.dsktp-txt-rght-mr, .mbl-txt-cntr-mr.dsktp-txt-rght-mr, .mbl-txt-rght-mr.dsktp-txt-rght-mr { 2070 text-align:right !important; 2071 } 2072 2073 } 2074 2075 2076 /* ----------------------- Eventbrite Feed ----------------------- */ 2077 2078 /* added 2019-10-17 */ 2079 2080 #eventbritefeed0mr.eventbritecontainermr { 2081 display: inline-flex; 2082 width:104%; 2083 margin-left: -2%; 2084 margin-right: -2%; 2085 flex-flow: row wrap; 2086 -webkit-flex-direction: column; 2087 flex-direction: column; 2088 justify-content: flex-start; 2089 align-items:stretch; 2090 align-content: flex-start; 2091 } 2092 #eventbritefeed0mr.eventbritecontainermr > * { 2093 margin: 2%; 2094 flex: 0 1 calc(100% - 4%); /* The minus being gutter size */ 2095 /* --- */ 2096 border-radius: 6px 6px 6px 6px; 2097 -webkit-border-radius: 6px 6px 6px 6px; 2098 overflow: hidden; 2099 position: relative; 2100 } 2101 #eventbritefeed0mr.eventbritecontainermr > * > div, #eventbritefeed0mr.eventbritecontainermr > * > div > img { 2102 border-radius: 0px !important; 2103 } 2104 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritecontainermr > * {background-color: #662382; color: #ffffff;} 2105 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritecontainermr > *:hover, 2106 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritecontainermr > *:active {background-color: #561e6e;} 2107 2108 body.newFlexibleTheme div#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *, 2109 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *, 2110 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *, 2111 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *, 2112 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *, 2113 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > * {background-color: #ffffff !important; color: #000000 !important;} 2114 2115 body.newFlexibleTheme div#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:hover, 2116 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:hover, 2117 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:hover, 2118 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:hover, 2119 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:hover, 2120 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:hover, 2121 body.newFlexibleTheme div#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:active,
2122 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:active, 2123 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:active, 2124 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:active, 2125 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:active, 2126 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:active {background-color: #232323 !important; color: #ffffff !important;} 2127 2128 div#coursepage section#brief .eventbriteeventtitlemr, 2129 .news_article_container .eventbriteeventtitlemr, 2130 main div.flexible_content_area .eventbriteeventtitlemr, 2131 main div#accordion div.panel-body .eventbriteeventtitlemr, 2132 div.event-row div.col-md-8 .eventbriteeventtitlemr, 2133 .eventbriteeventtitlemr { 2134 padding: 10px 16px !important; 2135 font-size: 1em; 2136 } 2137 2138 body:not(.newFlexibleTheme) .eventbriteeventtitlemr {color: #ffffff !important;} 2139 2140 body.newFlexibleTheme div#coursepage section#brief .eventbriteeventtitlemr, 2141 body.newFlexibleTheme .news_article_container .eventbriteeventtitlemr, 2142 body.newFlexibleTheme main div.flexible_content_area .eventbriteeventtitlemr, 2143 body.newFlexibleTheme main div#accordion div.panel-body .eventbriteeventtitlemr, 2144 body.newFlexibleTheme div.event-row div.col-md-8 .eventbriteeventtitlemr {color: #000000 !important;} 2145 2146 body.newFlexibleTheme div#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2147 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2148 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2149 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2150 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2151 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:hover .eventbriteeventtitlemr, 2152 body.newFlexibleTheme div#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr, 2153 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr, 2154 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr, 2155 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr, 2156 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr, 2157 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:active .eventbriteeventtitlemr {color: #ffffff !important;} 2158 2159 div#coursepage section#brief p.eventbriteeventdescriptionmr, 2160 .news_article_container p.eventbriteeventdescriptionmr, 2161 main div.flexible_content_area p.eventbriteeventdescriptionmr, 2162 main div#accordion div.panel-body p.eventbriteeventdescriptionmr, 2163 div.event-row div.col-md-8 p.eventbriteeventdescriptionmr, 2164 p.eventbriteeventdescriptionmr {padding: 10px 16px !important;} 2165 2166 body.newFlexibleTheme body.newFlexibleThemediv#coursepage section#brief p.eventbriteeventdescriptionmr, 2167 body.newFlexibleTheme .news_article_container p.eventbriteeventdescriptionmr, 2168 body.newFlexibleTheme main div.flexible_content_area p.eventbriteeventdescriptionmr, 2169 body.newFlexibleTheme main div#accordion div.panel-body p.eventbriteeventdescriptionmr, 2170 body.newFlexibleTheme div.event-row div.col-md-8 p.eventbriteeventdescriptionmr, 2171 body.newFlexibleTheme p.eventbriteeventdescriptionmr {color: #000000 !important;} 2172 2173 body.newFlexibleTheme body.newFlexibleThemediv#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr,
2174 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr, 2175 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr, 2176 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr, 2177 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr, 2178 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventdescriptionmr, 2179 body.newFlexibleTheme body.newFlexibleThemediv#coursepage section#brief #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr, 2180 body.newFlexibleTheme .news_article_container #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr, 2181 body.newFlexibleTheme main div.flexible_content_area #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr, 2182 body.newFlexibleTheme main div#accordion div.panel-body #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr, 2183 body.newFlexibleTheme div.event-row div.col-md-8 #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr, 2184 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventdescriptionmr {color: #ffffff !important;} 2185 2186 p.eventbriteeventstarttimemr { 2187 position: absolute; 2188 top: 0%; 2189 left: 0%; 2190 z-index: 98; 2191 padding: 10px 16px; 2192 border-radius: 3px; 2193 font-size: 1.125em; 2194 font-weight: bold; 2195 } 2196 body:not(.newFlexibleTheme) p.eventbriteeventstarttimemr {background-color: #662382B3; color: white;} 2197 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventstarttimemr, 2198 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventstarttimemr {background-color: #561e6eB3;} 2199 body.newFlexibleTheme p.eventbriteeventstarttimemr {background-color: #ffffffB3; color: #000000 !important;} 2200 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:hover p.eventbriteeventstarttimemr, 2201 body.newFlexibleTheme #eventbritefeed0mr.eventbritecontainermr > *:active p.eventbriteeventstarttimemr {background-color: #232323B3; color:white !important;} 2202 2203 #eventbritefeed0mr.eventbritecontainermr > * > p.eventbriteventlinkwrappermr { 2204 display: block; 2205 width:100%; 2206 height:100%; 2207 position: absolute; 2208 top: 0%; 2209 left: 0%; 2210 z-index: 94; 2211 padding: 0px !important; /* new */ 2212 } 2213 #eventbritefeed0mr.eventbritecontainermr > * > p.eventbriteventlinkwrappermr > a.eventbriteventlinkmr { 2214 display: block; 2215 width:100%; 2216 height:100%; 2217 position: absolute; 2218 top: 0%; 2219 left: 0%; 2220 z-index: 95; 2221 } 2222 @media screen and (min-width: 960px) { 2223 #eventbritefeed0mr.eventbritecontainermr {flex-direction: row;} 2224 #eventbritefeed0mr.eventbritecontainermr > * {flex: 0 1 calc(33.3333% - 4%);} 2225 } 2226 /* In the event that there are no live events showing in the feed. */ 2227 #eventbritefeed0mr.eventbritemessagemr, 2228 #eventbritefeed0mr.eventbriteerrormessagemr { 2229 width: 100%; 2230 text-align: center; 2231 display: flex; 2232 flex-direction: column; 2233 justify-content: center; 2234 align-items: center; 2235 } 2236 2237 2238 #eventbritefeed0mr.eventbriteerrormessagemr { /* new 2019-10-22 */ 2239 position: relative 2240 } 2241 #eventbritefeed0mr.eventbriteerrormessagemr p.eventbriteventlinkwrappermr, 2242 #eventbritefeed0mr.eventbriteerrormessagemr p.eventbriteventlinkwrappermr > a.eventbriteorganiserlinkmr { /* new 2019-10-22 */ 2243 display: block; 2244 width:100%; 2245 height:100%; 2246 position: absolute; 2247 top: 0%; 2248 left: 0%; 2249 } 2250 #eventbritefeed0mr.eventbriteerrormessagemr p.eventbriteventlinkwrappermr { /* new 2019-10-22 */ 2251 padding: 0px !important; 2252 z-index: 94; 2253 } 2254 #eventbritefeed0mr.eventbriteerrormessagemr p.eventbriteventlinkwrappermr > a.eventbriteorganiserlinkmr { /* new 2019-10-22 */ 2255 z-index: 95; 2256 } 2257 2258 2259 2260 #eventbritefeed0mr.eventbritemessagemr > *:first-child, 2261 #eventbritefeed0mr.eventbriteerrormessagemr > *:first-child { 2262 font-size:3em; 2263 } 2264 #eventbritefeed0mr.eventbritemessagemr > *:nth-child(2), 2265 #eventbritefeed0mr.eventbriteerrormessagemr > *:nth-child(2) { 2266 font-size:1.85em; 2267 } 2268 @media screen and (min-width: 960px) { 2269 #eventbritefeed0mr.eventbritemessagemr > *:first-child, 2270 #eventbritefeed0mr.eventbriteerrormessagemr > *:first-child { 2271 font-size: 3.5em; 2272 } 2273 #eventbritefeed0mr.eventbritemessagemr > *:nth-child(2), 2274 #eventbritefeed0mr.eventbriteerrormessagemr > *:nth-child(2) { 2275 font-size:2.16em; 2276 } 2277 } 2278 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbritemessagemr > *, 2279 body:not(.newFlexibleTheme) #eventbritefeed0mr.eventbriteerrormessagemr > * { 2280 color: #767676 !important; 2281 } 2282 body.newFlexibleTheme #eventbritefeed0mr.eventbritemessagemr > *, 2283 body.newFlexibleTheme #eventbritefeed0mr.eventbriteerrormessagemr > * { 2284 color: #cccccc !important; 2285 } 2286 2287 /* ----------------------- Testimonial ----------------------- */ 2288
2289 /* added 2019-11-06 */ 2290 2291 div.testimonialmr { 2292 padding: 0px 0px 20px; 2293 } 2294 2295 div#coursepage section#brief div.testimonialmr p.introtext, 2296 .news_article_container div.testimonialmr p.introtext, 2297 main div.flexible_content_area div.testimonialmr p.introtext, 2298 main div#accordion div.panel-body div.testimonialmr p.introtext, 2299 div.event-row div.col-md-8 div.testimonialmr p.introtext, 2300 div.testimonialmr p:last-of-type { 2301 padding: 0px !important; 2302 } 2303 2304 div.testimonialmr > div:first-of-type { 2305 position: relative; 2306 z-index: 0; 2307 } 2308 body:not(.newFlexibleTheme) div.testimonialmr > div:first-of-type { 2309 background-color: #e0d3e6; 2310 } 2311 body.newFlexibleTheme div.testimonialmr > div:first-of-type { 2312 background-color: #232323 !important; 2313 } 2314 2315 div.testimonialmr > div:first-of-type::after { 2316 content: ''; 2317 position: absolute; 2318 bottom: 0; 2319 /*left: 75%;*/ 2320 width: 0; 2321 height: 0; 2322 border: 20px solid transparent; 2323 border-bottom: 0; 2324 /*border-right: 0;*/ 2325 margin-left: -10px; 2326 margin-bottom: -20px; 2327 } 2328 body:not(.newFlexibleTheme) div.testimonialmr > div:first-of-type::after { 2329 border-top-color: #e0d3e6; 2330 } 2331 body.newFlexibleTheme div.testimonialmr > div:first-of-type::after { 2332 border-top-color: #232323 !important; 2333 } 2334 /* --- start --- */ 2335 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(odd) > div:first-of-type::after, 2336 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(even) > div:first-of-type::after { 2337 left: 75%; 2338 border-right: 0; 2339 } 2340 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(odd) > div:first-of-type::after { 2341 left: 75%; 2342 border-right: 0; 2343 } 2344 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(even) > div:first-of-type::after { 2345 left: 25%; 2346 border-left: 0; 2347 } 2348 /* --- end --- */ 2349 div.testimonialmr > div:first-of-type p { 2350 position: relative; /* new */ 2351 z-index: 2 !important; 2352 } 2353 div.testimonialmr > div:first-of-type p:first-of-type, 2354 div.testimonialmr > div:first-of-type p:last-of-type { 2355 padding: 0px; 2356 } 2357 2358 body:not(.newFlexibleTheme) div.testimonialmr > div:first-of-type i.fa { 2359 color:#6623821A; 2360 } 2361 body.newFlexibleTheme div.testimonialmr > div:first-of-type i.fa { 2362 color:#000000 !important; 2363 } 2364 div.testimonialmr > div:first-of-type i:first-of-type { 2365 position: absolute; 2366 top: 10px; 2367 left: 10px; 2368 z-index: 1; 2369 } 2370 div.testimonialmr > div:first-of-type i:last-of-type { 2371 position: absolute; 2372 bottom: 10px; 2373 right: 10px; 2374 z-index: 1; 2375 } 2376 /* --- start --- */ 2377 div.testimonialmr > div:last-of-type > * { 2378 /*text-align: right;*/ 2379 } 2380 div.testimonialmr > div:last-of-type > div { 2381 height: 46px; 2382 width: 46px; 2383 border-radius: 50%; 2384 overflow: hidden; 2385 /*float: right;*/ 2386 clear: both; 2387 text-align: center; 2388 } 2389 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(odd) > div:last-of-type > *, 2390 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(even) > div:last-of-type > * { 2391 text-align: right; 2392 } 2393 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(odd) > div:last-of-type > * { 2394 text-align: right; 2395 } 2396 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(even) > div:last-of-type > * { 2397 text-align: left; 2398 } 2399 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(odd) > div:last-of-type > div, 2400 :not(.testimonialmr-lft-rght) > div.testimonialmr:nth-of-type(even) > div:last-of-type > div { 2401 float: right; 2402 } 2403 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(odd) > div:last-of-type > div { 2404 float: right; 2405 } 2406 .testimonialmr-lft-rght > div.testimonialmr:nth-of-type(even) > div:last-of-type > div { 2407 float: left; 2408 } 2409 div.testimonialmr > div:last-of-type > div:first-of-type { 2410 text-align: center !important; 2411 } 2412 /* --- end --- */ 2413 div.testimonialmr > div:last-of-type > div > img { 2414 margin: 0 auto; 2415 float:none; 2416 } 2417 div.testimonialmr > div:last-of-type > p:first-of-type { 2418 margin: 20px 0px 0px; 2419 padding: 0px; 2420 } 2421 2422 2423 /* ----------------------- FlexBox Redesign ----------------------- */ 2424 2425 /* modified 2021-03-26 */ 2426 /* modified 2021-03-24 */
2427 /* added 2019-11-29 */ 2428 2429 2430 /* #################################### 2431 # Flex Container 2432 #################################### */ 2433 2434 /* mobile first - column - no-wrap */ 2435 .flexcontainermr { 2436 display: -webkit-box; 2437 display: -ms-flexbox; 2438 display: flex; 2439 width: 100%; 2440 gap: 20px 0px; /* https://developer.mozilla.org/en-US/docs/Web/CSS/gap https://caniuse.com/#feat=flexbox-gap */ 2441 2442 -webkit-box-align: stretch; 2443 -ms-flex-align: stretch; 2444 align-items: stretch; 2445 2446 -ms-flex-wrap: wrap; /*nowrap*/ 2447 flex-wrap: wrap; /*nowrap*/ 2448 2449 -webkit-box-pack: justify; /*start*/ 2450 -ms-flex-pack: justify; /*start*/ 2451 justify-content: space-between; /*flex-start*/ 2452 2453 -ms-flex-line-pack: justify; /*start*/ 2454 align-content: space-between; /*flex-start*/ 2455 2456 -webkit-box-orient: horizontal; /*vertical*/ 2457 -webkit-box-direction: normal; /*normal*/ 2458 -ms-flex-direction: row; /*column*/ 2459 flex-direction: row; /*column*/ 2460 } 2461 .flexcontainermr.flexcontainermrreverse { 2462 -webkit-box-orient: horizontal; /*vertical;*/ 2463 -webkit-box-direction: reverse; /*reverse;*/ 2464 -ms-flex-direction: row-reverse; /*column-reverse;*/ 2465 flex-direction: row-reverse; /*column-reverse;*/ 2466 } 2467 2468 /* mobile first - row - wrap */ 2469 .flexcontainermr.flexcontainermrforcelayout { 2470 -ms-flex-wrap: wrap; 2471 flex-wrap: wrap; 2472 2473 -webkit-box-pack: justify; 2474 -ms-flex-pack: justify; 2475 justify-content: space-between; 2476 2477 -ms-flex-line-pack: justify; 2478 align-content: space-between; 2479 2480 -webkit-box-orient: horizontal; 2481 -webkit-box-direction: normal; 2482 -ms-flex-direction: row; 2483 flex-direction: row; 2484 } 2485 .flexcontainermr.flexcontainermrreverse.flexcontainermrforcelayout { 2486 -webkit-box-orient: horizontal; 2487 -webkit-box-direction: reverse; 2488 -ms-flex-direction: row-reverse; 2489 flex-direction: row-reverse; 2490 } 2491 2492 2493 /* the following styling is relevant to screen widths of 960px or higher */ 2494 @media screen and (min-width: 960px) { 2495 /* desktop 2nd - row - wrap */ 2496 .flexcontainermr.flexcontainermrforcelayout, 2497 .flexcontainermr { 2498 -ms-flex-wrap: wrap; 2499 flex-wrap: wrap; 2500 2501 -webkit-box-pack: justify; 2502 -ms-flex-pack: justify; 2503 justify-content: space-between; 2504 2505 -ms-flex-line-pack: justify; 2506 align-content: space-between; 2507 2508 -webkit-box-orient: horizontal; 2509 -webkit-box-direction: normal; 2510 -ms-flex-direction: row; 2511 flex-direction: row; 2512 } 2513 .flexcontainermr.flexcontainermrreverse.flexcontainermrforcelayout, 2514 .flexcontainermr.flexcontainermrreverse { 2515 -webkit-box-orient: horizontal; 2516 -webkit-box-direction: reverse; 2517 -ms-flex-direction: row-reverse; 2518 flex-direction: row-reverse; 2519 } 2520 } 2521 2522 /* #################################### 2523 # Flex Item 2524 #################################### */ 2525 2526 .flexcontainermr > .flexitemmronehalf, 2527 .flexcontainermr > .flexitemmronethird, 2528 .flexcontainermr > .flexitemmrtwothird, 2529 .flexcontainermr > .flexitemmronefourth, 2530 .flexcontainermr > .flexitemmrtwofourth, 2531 .flexcontainermr > .flexitemmrthreefourth, 2532 .flexcontainermr > .flexitemmronefifth, 2533 .flexcontainermr > .flexitemmrtwofifth, 2534 .flexcontainermr > .flexitemmrthreefifth, 2535 .flexcontainermr > .flexitemmrfourfifth, 2536 .flexcontainermr > .flexitemmronesixth, 2537 .flexcontainermr > .flexitemmrtwosixth, 2538 .flexcontainermr > .flexitemmrthreesixth, 2539 .flexcontainermr > .flexitemmrfoursixth, 2540 .flexcontainermr > .flexitemmrfivesixth, 2541 .flexcontainermr > .flexitemmr { 2542 flex: 0 1 100%; 2543 min-width: 0px; /* added 2022-01-18 */ 2544 2545 & > :last-child { 2546 padding-bottom: 0px; /* added 2026-01-15 */ 2547 } 2548 } 2549 2550 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronehalf, 2551 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwofourth { 2552 flex: 0 1 50%; 2553 } 2554 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronethird, 2555 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwosixth { 2556 flex: 0 1 33.3333%; 2557 } 2558 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwothird, 2559 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfoursixth { 2560 flex: 0 1 66.6666%; 2561 } 2562 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronefourth { 2563 flex: 0 1 25%; 2564 } 2565 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrthreefourth { 2566 flex: 0 1 75%; 2567 } 2568 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronefifth { 2569 flex: 0 1 20%; 2570 } 2571 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwofifth { 2572 flex: 0 1 40%; 2573 } 2574 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrthreefifth { 2575 flex: 0 1 60%; 2576 } 2577 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfourfifth { 2578 flex: 0 1 80%; 2579 } 2580 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronesixth { 2581 flex: 0 1 16.6666%; 2582 } 2583 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfivesixth { 2584 flex: 0 1 83.3333%; 2585 } 2586 2587 2588 /* the following styling is relevant to screen widths of 960px or higher */ 2589 @media screen and (min-width: 960px) { 2590 .flexcontainermr > .flexitemmronehalf, 2591 .flexcontainermr > .flexitemmrtwofourth { 2592 flex: 0 1 50%; 2593 } 2594 .flexcontainermr > .flexitemmronethird, 2595 .flexcontainermr > .flexitemmrtwosixth { 2596 flex: 0 1 33.3333%; 2597 } 2598 .flexcontainermr > .flexitemmrtwothird, 2599 .flexcontainermr > .flexitemmrfoursixth { 2600 flex: 0 1 66.6666%; 2601 } 2602 .flexcontainermr > .flexitemmronefourth { 2603 flex: 0 1 25%; 2604 } 2605 .flexcontainermr > .flexitemmrthreefourth { 2606 flex: 0 1 75%; 2607 } 2608 .flexcontainermr > .flexitemmronefifth { 2609 flex: 0 1 20%; 2610 } 2611 .flexcontainermr > .flexitemmrtwofifth { 2612 flex: 0 1 40%; 2613 } 2614 .flexcontainermr > .flexitemmrthreefifth { 2615 flex: 0 1 60%; 2616 } 2617 .flexcontainermr > .flexitemmrfourfifth { 2618 flex: 0 1 80%; 2619 } 2620 .flexcontainermr > .flexitemmronesixth { 2621 flex: 0 1 16.6666%; 2622 } 2623 .flexcontainermr > .flexitemmrfivesixth { 2624 flex: 0 1 83.3333%; 2625 } 2626 } 2627 2628 /* ## white space between flex items */ 2629 2630 .flexcontainermr > .flexitemmronehalfmargin, 2631 .flexcontainermr > .flexitemmronethirdmargin, 2632 .flexcontainermr > .flexitemmrtwothirdmargin, 2633 .flexcontainermr > .flexitemmronefourthmargin, 2634 .flexcontainermr > .flexitemmrtwofourthmargin, 2635 .flexcontainermr > .flexitemmrthreefourthmargin, 2636 .flexcontainermr > .flexitemmronefifthmargin, 2637 .flexcontainermr > .flexitemmrtwofifthmargin, 2638 .flexcontainermr > .flexitemmrthreefifthmargin, 2639 .flexcontainermr > .flexitemmrfourfifthmargin, 2640 .flexcontainermr > .flexitemmronesixthmargin, 2641 .flexcontainermr > .flexitemmrtwosixthmargin, 2642 .flexcontainermr > .flexitemmrthreesixthmargin, 2643 .flexcontainermr > .flexitemmrfoursixthmargin, 2644 .flexcontainermr > .flexitemmrfivesixthmargin, 2645 .flexcontainermr > .flexitemmrmargin { 2646 flex: 0 1 100%; 2647 min-width: 0px; /* added 2022-01-18 */ 2648 } 2649 2650 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronehalfmargin, 2651 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwofourthmargin {
2652 flex: 0 1 calc(50% - 10px); 2653 } 2654 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronethirdmargin, 2655 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwosixthmargin { 2656 flex: 0 1 calc(33.3333% - 10px); 2657 } 2658 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwothirdmargin, 2659 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfoursixthmargin { 2660 flex: 0 1 calc(66.6666% - 10px); 2661 } 2662 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronefourthmargin { 2663 flex: 0 1 calc(25% - 10px); 2664 } 2665 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrthreefourthmargin { 2666 flex: 0 1 calc(75% - 10px); 2667 } 2668 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronefifthmargin { 2669 flex: 0 1 calc(20% - 10px); 2670 } 2671 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrtwofifthmargin { 2672 flex: 0 1 calc(40% - 10px); 2673 } 2674 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrthreefifthmargin { 2675 flex: 0 1 calc(60% - 10px); 2676 } 2677 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfourfifthmargin { 2678 flex: 0 1 calc(80% - 10px); 2679 } 2680 .flexcontainermr.flexcontainermrforcelayout > .flexitemmronesixthmargin { 2681 flex: 0 1 calc(16.6666% - 10px); 2682 } 2683 .flexcontainermr.flexcontainermrforcelayout > .flexitemmrfivesixthmargin { 2684 flex: 0 1 calc(83.3333% - 10px); 2685 } 2686 2687 2688 /* the following styling is relevant to screen widths of 960px or higher */ 2689 @media screen and (min-width: 960px) { 2690 .flexcontainermr > .flexitemmronehalfmargin, 2691 .flexcontainermr > .flexitemmrtwofourthmargin { 2692 flex: 0 1 calc(50% - 10px); 2693 } 2694 .flexcontainermr > .flexitemmronethirdmargin, 2695 .flexcontainermr > .flexitemmrtwosixthmargin { 2696 flex: 0 1 calc(33.3333% - 10px); 2697 } 2698 .flexcontainermr > .flexitemmrtwothirdmargin, 2699 .flexcontainermr > .flexitemmrfoursixthmargin { 2700 flex: 0 1 calc(66.6666% - 10px); 2701 } 2702 .flexcontainermr > .flexitemmronefourthmargin { 2703 flex: 0 1 calc(25% - 10px); 2704 } 2705 .flexcontainermr > .flexitemmrthreefourthmargin { 2706 flex: 0 1 calc(75% - 10px); 2707 } 2708 .flexcontainermr > .flexitemmronefifthmargin { 2709 flex: 0 1 calc(20% - 10px); 2710 } 2711 .flexcontainermr > .flexitemmrtwofifthmargin { 2712 flex: 0 1 calc(40% - 10px); 2713 } 2714 .flexcontainermr > .flexitemmrthreefifthmargin { 2715 flex: 0 1 calc(60% - 10px); 2716 } 2717 .flexcontainermr > .flexitemmrfourfifthmargin { 2718 flex: 0 1 calc(80% - 10px); 2719 } 2720 .flexcontainermr > .flexitemmronesixthmargin { 2721 flex: 0 1 calc(16.6666% - 10px); 2722 } 2723 .flexcontainermr > .flexitemmrfivesixthmargin { 2724 flex: 0 1 calc(83.3333% - 10px); 2725 } 2726 } 2727 2728 2729 2730 /* ----------------------- Tags ----------------------- */ 2731 2732 /* added 2021-01-13 */ 2733 2734 .tagmr { 2735 border-radius: 3px 0 0 3px; 2736 display: inline-block; 2737 height: 26px; 2738 line-height: 26px; 2739 padding: 0px 20px 0px 23px; 2740 position: relative; 2741 margin: 0px 0px 0px 0px; /* no margin between successive tags */ 2742 text-decoration: none; 2743 } 2744 body:not(.newFlexibleTheme) .tagmr { 2745 background: #662382; /* purple */ 2746 color: #ffffff; /* white */ 2747 } 2748 body.newFlexibleTheme main div.flexible_content_area .tagmr, body.newFlexibleTheme main div#accordion div.panel-body .tagmr{ 2749 background: white !important; /* white */ 2750 color: black !important; /* black */ 2751 } 2752 2753 2754 2755 .tagmr::before { 2756 border-radius: 10px; 2757 content: ''; 2758 height: 6px; 2759 left: 10px; 2760 position: absolute; 2761 width: 6px; 2762 top: 10px; 2763 } 2764 body:not(.newFlexibleTheme) .tagmr::before { 2765 background: white; /* white (colour of page background) */ 2766 } 2767 body.newFlexibleTheme main div.flexible_content_area .tagmr::before, body.newFlexibleTheme main div#accordion div.panel-body .tagmr::before { 2768 background: black !important; /* black (colour of page background) */ 2769 } 2770 2771 2772 2773 .tagmr::after { 2774 border-bottom: 13px solid transparent;
2775 border-top: 13px solid transparent; 2776 content: ''; 2777 position: absolute; 2778 right: 0; 2779 top: 0; 2780 } 2781 body:not(.newFlexibleTheme) .tagmr::after { 2782 background: #ffffff; 2783 border-left: 10px solid #662382; /*purple;*/ 2784 } 2785 2786 body.newFlexibleTheme main div.flexible_content_area .tagmr::after, body.newFlexibleTheme main div#accordion div.panel-body .tagmr::after { 2787 background: black; /* black new */ 2788 border-left: 10px solid white !important; /* white */ 2789 } 2790 2791 2792 2793 .tagmr:hover { 2794 } 2795 body:not(.newFlexibleTheme) .tagmr:hover { 2796 background-color: #561e6e; /* dark purple */ 2797 color: white; /* white */ 2798 } 2799 body.newFlexibleTheme main div.flexible_content_area .tagmr:hover, body.newFlexibleTheme main div#accordion div.panel-body .tagmr:hover { 2800 background-color: #232323 !important; /* dark grey */ 2801 color: white !important; /* white */ 2802 } 2803 2804 2805 2806 .tagmr:hover::after { 2807 } 2808 body:not(.newFlexibleTheme) .tagmr:hover::after { 2809 border-left-color: #561e6e; /* dark purple */ 2810 } 2811 body.newFlexibleTheme main div.flexible_content_area .tagmr:hover::after, body.newFlexibleTheme main div#accordion div.panel-body .tagmr:hover::after { 2812 background-color: black; /* black new */ 2813 border-left-color: #232323 !important; /* dark grey */ 2814 } 2815 2816 /* ----------------------- Hide Time Sensitive Elements ----------------------- */ 2817 2818 /* added 2022-04-13 */ 2819 2820 *:is([data-datetime-start], [data-datetime-end]) { 2821 display: none; 2822 } 2823button.enquireCourse { 2824 font-size:15px !important; 2825 font-weight:bold; 2826} /* 2023-05-18 this button.enquireCourse CSS rules wasn't added by me... it's not on the other's website's CSS either. */ 2827 2828 /* ----------------------- aria-hidden display:none fix ----------------------- */ 2829 2830 /* Sometime before 25 April 2023 the developers added... 2831 ` [aria-hidden="true"] { display: none; } ` 2832 ... breaking parts of the website, notably font awesome icons. Guidance explains that `aria-hidden="true"` should never be combined with `display:none`. This is my attempt to fix page content (at least). 2833 */ 2834 2835 /* added 2023-05-18 */ 2836 2837/* 2838 div#coursepage section#brief [aria-hidden="true"], 2839 .news_article_container [aria-hidden="true"], 2840 main div.flexible_content_area [aria-hidden="true"], 2841 main div#accordion div.panel-body [aria-hidden="true"], 2842 div.event-row div.col-md-8 [aria-hidden="true"] { 2843 display: initial !important; 2844 } 2845*/ 2846 2847/* removed 2024-08-23 */ 2848 2849/* ----------------------- responsive table 2026-09-30 ----------------------- */ 2850 2851div#coursepage section#brief, 2852.news_article_container, 2853main div.flexible_content_area, 2854main div#accordion div.panel-body, 2855div.event-row div.col-md-8 { 2856 2857 --color-table-text: oklch(0.3211 0 0); /* #333333 */ 2858 --color-table-caption-background: transparent; /* yyy */ 2859 --color-table-caption-text: oklch(0.3211 0 0); /* #333333 */ 2860 --color-table-column-header-text: oklch(0.3211 0 0); /* #333333 */ 2861 --color-table-column-header-background: oklch(0.9521 0 0); /* #efefef */ 2862 --color-table-row-header-text: oklch(0.3211 0 0); /* #333333 */ 2863 --color-table-cell-text: oklch(0.3211 0 0); /* #333333 */ 2864 --color-table-cell-background: none; /* yyy */ 2865 --table-padding: 0.5rem; /* yyy */ 2866 --table-cell-border: solid 1px oklch(0.8975 0 0); 2867 2868 & div.table1mrwrapper { 2869 overflow-x: auto; 2870 } 2871 2872 @media (hover: hover) and (pointer: fine) { 2873 & div.table1mrwrapper { 2874 scrollbar-width: thin; 2875 scrollbar-color: oklch(0.5658 0 0 / 0.75) transparent; 2876 } 2877 2878 & .table1mrwrapper::-webkit-scrollbar { 2879 height: 8px; 2880 } 2881 2882 & .table1mrwrapper::-webkit-scrollbar-track { 2883 background: transparent; 2884 } 2885 2886 & .table1mrwrapper::-webkit-scrollbar-thumb { 2887 background: oklch(0.5658 0 0 / 0.75); 2888 border-radius: 999px; 2889 } 2890 2891 & .table1mrwrapper::-webkit-scrollbar-thumb:hover { 2892 background: oklch(0.4855 0 0); 2893 } 2894 } 2895 2896 & table.table1mr:not(.responsive__table) { 2897 width: max-content; 2898 min-width: 100%; 2899 border-collapse: collapse; 2900 color: var(--color-table-text); 2901 border: var(--table-cell-border); 2902 2903 & caption { 2904 caption-side: top; 2905 background: var(--color-table-caption-background); 2906 color: var(--color-table-caption-text); 2907 font-weight: 700; 2908 padding: var(--table-padding); 2909 text-align: left; 2910 } 2911 2912 & th, 2913 & td { 2914 padding: var(--table-padding); 2915 border: var(--table-cell-border); 2916 background: var(--color-table-cell-background); 2917 } 2918 2919 & thead { 2920 & th { 2921 font-weight: 700; 2922 text-align: left; 2923 background: var(--color-table-column-header-background); 2924 } 2925 } 2926 2927 & tbody { 2928 & th { 2929 font-weight: 700; 2930 text-align: left; 2931 background: var(--color-table-column-header-background); 2932 } 2933 2934 & td { 2935 text-align: left; 2936 } 2937 } 2938 } 2939 2940}</style>
2940<script type="text/javascript"> 2941 if (typeof jQuery != 'undefined') { 2942 $ = jQuery; 2943 } 2944 </script>
2944 2945 2946 <!--
2946<script src="http://jwpsrv.com/library/Kzyx6G+qEeK6+yIACp8kUw.js"></script>
2946 --> 2947 2948 <!--[if lt IE 9]> 2949
2949<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
2949 2950
2950<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
2950 2951 <![endif]--> 2952 <!--
2952<script src="http://cdn.jsdelivr.net/craftyclicks/4.9.2/crafty_clicks.class.min.js"></script>
2952 --> 2953 2954 <style> 2955 .ui-autocomplete { 2956 z-index: 1000 !important; 2957 } 2958 input#csinput { 2959 width: 100%; 2960 padding: 5px; 2961 color: #000; 2962 border: none; 2963 font-size: 14px; 2964 } 2965 .interest-search-field-outer { 2966 position: relative; 2967 } 2968 .ui-autocomplete { 2969 margin-left: 1px; 2970 } 2971 .ui-autocomplete li, .ui-autocomplete li:hover { 2972 background: none; 2973 padding: 0 !important; 2974 border: none !important; 2975 outline: none !important; 2976 border-bottom: #ccc solid 1px !important; 2977 } 2978 .ui-autocomplete li a { 2979 background: #fff !important; 2980 color: #000; 2981 display: block; 2982 border: none !important; 2983 padding: 5px 10px; 2984 font-size: 12px; 2985 outline: none !important; 2986 } 2987 .ui-autocomplete li a:hover { 2988 background: #efefef !important; 2989 outline: none !important; 2990 } 2991 .ui-menu .ui-state-focus { 2992 margin: 0 !important; 2993 } 2994 .easy-table th { 2995 color: black !Important; 2996 font-size: 14px; 2997 } 2998 2999 @media print { 3000 a[href]:after { 3001 content: " (" attr(href) ")"; 3002 display: none; 3003 } 3004 .header .text-center img { 3005 width: 280px !important; 3006 } 3007 } 3008 @media (max-width:1199px) { 3009 .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { 3010 padding: 0px 22px; 3011 } 3012 } 3013 </style> 3014 3015 <!-- Google Tag Manager --> 3016
3016<script>
vendor: 331 bytes, lines 3016-3020
3016(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 3017 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 3018 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 3019 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 3020 })(window,document,'script','dataLayer','
3020GTM-KB8F4Z
vendor: 3 bytes, line 3020
3020');
3020</script>
3020 3021 <!-- End Google Tag Manager --> 3022 3023</head> 3024<body role="document" class="" > 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 – 19</span></span><ul class="ubermenu-submenu ubermenu-submenu-id-11606 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width ubermenu-autoclear" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11608 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11608"><ul class="ubermenu-submenu ubermenu-submenu-id-11608 ubermenu-submenu-type-stack" ><li id="menu-item-11607" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-11607 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/16-19/introduction/"><span class="ubermenu-target-title ubermenu-target-text">Introduction</span></a></li><li id="menu-item-42492" class="ubermenu-item ubermenu-item-type-taxonomy ubermenu-item-object-demographic ubermenu-item-42492 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/demographic/16-to-19/"><span class="ubermenu-target-title ubermenu-target-text">16 â 19 Courses</span></a></li><li id="menu-item-61813" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-61813 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/16-19/t-levels/"><span class="ubermenu-target-title ubermenu-target-text">T-Levels</span></a></li><li id="menu-item-47033" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-47033 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/suac-onstage/"><span class="ubermenu-target-title ubermenu-target-text">SUAC Onstage</span></a></li><li id="menu-item-47278" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-47278 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://fastforwardyourcareer.co.uk/"><span class="ubermenu-target-title ubermenu-target-text">Fast Forward Careers Explorer</span></a></li><li id="menu-item-51039" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-51039 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/about-us/student-services/#tuition-fund-16-19"><span class="ubermenu-target-title ubermenu-target-text">16-19 Tuition Fund</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11626 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11626"><ul class="ubermenu-submenu ubermenu-submenu-id-11626 ubermenu-submenu-type-stack" ><li id="menu-item-61708" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-61708 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/our-campu
3551s/"><span class="ubermenu-target-title ubermenu-target-text">Our Campus</span></a></li><li id="menu-item-11612" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-11612 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/16-19/how-do-i-apply/"><span class="ubermenu-target-title ubermenu-target-text">How do I apply?</span></a></li><li id="menu-item-11622" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-11622 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/16-19/universitycentre/"><span class="ubermenu-target-title ubermenu-target-text">University Progression</span></a></li><li id="menu-item-63024" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-63024 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/16-19/send-support/"><span class="ubermenu-target-title ubermenu-target-text">SEND Support</span></a></li><li id="menu-item-60354" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-60354 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/student-services/"><span class="ubermenu-target-title ubermenu-target-text">Student Services</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11627 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11627"><ul class="ubermenu-submenu ubermenu-submenu-id-11627 ubermenu-submenu-type-stack" ><li id="menu-item-11623" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-11623 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/16-19/current-parents/"><span class="ubermenu-target-title ubermenu-target-text">Current Parents</span></a></li><li id="menu-item-64113" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-64113 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://forms.cloud.microsoft/e/uLkccQeZQu"><span class="ubermenu-target-title ubermenu-target-text">Absence Reporting</span></a></li><li id="menu-item-62545" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-62545 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/wp-content/uploads/2025/08/parent-carer-handbook.pdf"><span class="ubermenu-target-title ubermenu-target-text">Parent/Carer Handbook</span></a></li><li id="menu-item-47207" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-47207 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/16-19/16-17-railcard/"><span class="ubermenu-target-title ubermenu-target-text">16-17 Railcard</span></a></li><li id="menu-item-61137" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-16to19 ubermenu-item-61137 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/16-19/new-starters/"><span class="ubermenu-target-title ubermenu-target-text">New Starters</span></a></li></ul></li><li class="ubermenu-retractor ubermenu-retractor-mobile"><i class="fas fa-times"></i> Close</li></ul></li><li id="menu-item-41873" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-apprentice ubermenu-item-has-children ubermenu-item-41873 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Apprenticeships</span></span><ul class="ubermenu-submenu ubermenu-submenu-id-41873 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width ubermenu-autoclear" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-41881 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-41881"><ul class="ubermenu-submenu ubermenu-submenu-id-41881 ubermenu-submenu-type-stack" ><li id="menu-item-41874" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-apprentice ubermenu-item-41874 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/apprentice/introduction/"><span class="ubermenu-target-title ubermenu-target-text">Introduction</span></a></li><li id="menu-item-43381" class="ubermenu-item ubermenu-item-type-taxonomy ubermenu-item-object-demographic ubermenu-item-43381 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/demographic/apprentice/"><span class="ubermenu-target-title ubermenu-target-text">Apprenticeships</span></a></li><li id="menu-item-41876" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-apprentice ubermenu-item-41876 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/apprentice/
3551how-do-i-apply/"><span class="ubermenu-target-title ubermenu-target-text">How to apply?</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-41882 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-41882"><ul class="ubermenu-submenu ubermenu-submenu-id-41882 ubermenu-submenu-type-stack" ><li id="menu-item-41877" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-apprentice ubermenu-item-41877 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/apprentice/apprenticeship-vacancies/"><span class="ubermenu-target-title ubermenu-target-text">Apprenticeship vacancies</span></a></li><li id="menu-item-60355" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-60355 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.solihull.ac.uk/employers/employ-an-apprentice/"><span class="ubermenu-target-title ubermenu-target-text">Employ An Apprentice</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-41883 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-41883"><ul class="ubermenu-submenu ubermenu-submenu-id-41883 ubermenu-submenu-type-stack" ><li id="menu-item-60356" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-60356 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/our-campus/"><span class="ubermenu-target-title ubermenu-target-text">Our Campus</span></a></li><li id="menu-item-60357" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-60357 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/student-services/"><span class="ubermenu-target-title ubermenu-target-text">Student Services</span></a></li></ul></li><li class="ubermenu-retractor ubermenu-retractor-mobile"><i class="fas fa-times"></i> Close</li></ul></li><li id="menu-item-11617" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-uni_level_learner ubermenu-item-has-children ubermenu-item-11617 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">University<br />Level</span></span><ul class="ubermenu-submenu ubermenu-submenu-id-11617 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width ubermenu-autoclear" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11618 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11618"><ul class="ubermenu-submenu ubermenu-submenu-id-11618 ubermenu-submenu-type-stack" ><li id="menu-item-11619" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-uni_level_learner ubermenu-item-11619 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/uni-level-learner/university-level-learners-introduction/"><span class="ubermenu-target-title ubermenu-target-text">Introduction</span></a></li><li id="menu-item-11643" class="ubermenu-item ubermenu-item-type-taxonomy ubermenu-item-object-demographic ubermenu-item-11643 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/demographic/university-level-learner/"><span class="ubermenu-target-title ubermenu-target-text">University Level Courses</span></a></li><li id="menu-item-47034" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-47034 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/suac-onstage/"><span class="ubermenu-target-title ubermenu-target-text">SUAC Onstage</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11647 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11647"><ul class="ubermenu-submenu ubermenu-submenu-id-11647 ubermenu-submenu-type-stack" ><li id="menu-item-60358" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-60358 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/student-services/"><span class="ubermenu-target-title ubermenu-target-text">Student Services</span></a></li><li id="menu-item-16018" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-uni_level_learner ubermenu-item-16018 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/uni-level-learner/policies-and-applicant-information/"><span class="ubermenu-target-title ubermenu-target-text">Policies and Applicant Information</span></a></li><li id="menu-item-11650" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-uni_level_learner ubermenu-item-11650 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/uni-level-learner/how-do-i-apply/"><span class="ubermenu-target-title ubermenu-target-text">
3551How can I apply?</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11653 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11653"><ul class="ubermenu-submenu ubermenu-submenu-id-11653 ubermenu-submenu-type-stack" ><li id="menu-item-60359" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-60359 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/our-campus/"><span class="ubermenu-target-title ubermenu-target-text">Our Campus</span></a></li><li id="menu-item-42121" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-uni_level_learner ubermenu-item-42121 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/uni-level-learner/about-stratford-upon-avon/"><span class="ubermenu-target-title ubermenu-target-text">About Stratford-upon-Avon</span></a></li></ul></li><li class="ubermenu-retractor ubermenu-retractor-mobile"><i class="fas fa-times"></i> Close</li></ul></li><li id="menu-item-11658" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-adult_learner ubermenu-item-has-children ubermenu-item-11658 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Adult &<br> Professional</span></span><ul class="ubermenu-submenu ubermenu-submenu-id-11658 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width ubermenu-autoclear" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11659 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11659"><ul class="ubermenu-submenu ubermenu-submenu-id-11659 ubermenu-submenu-type-stack" ><li id="menu-item-11660" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-adult_learner ubermenu-item-11660 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/adult-professional/introduction/"><span class="ubermenu-target-title ubermenu-target-text">Introduction to Adult & Professional Learning</span></a></li><li id="menu-item-44575" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-demographic ubermenu-item-44575 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/demographic/adult-professional/"><span class="ubermenu-target-title ubermenu-target-text">Adult & Professional Courses</span></a></li><li id="menu-item-51740" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-51740 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/national-skills-fund-free-courses/"><span class="ubermenu-target-title ubermenu-target-text">National Skills Fund â Free Courses</span></a></li><li id="menu-item-48739" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-48739 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/suac-onstage/"><span class="ubermenu-target-title ubermenu-target-text">SUAC Onstage</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11663 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11663"><ul class="ubermenu-submenu ubermenu-submenu-id-11663 ubermenu-submenu-type-stack" ><li id="menu-item-59589" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-adult_learner ubermenu-item-59589 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/adult-professional/upskill-reskill/"><span class="ubermenu-target-title ubermenu-target-text">Upskill/Reskill Careers Explorer</span></a></li><li id="menu-item-11666" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-adult_learner ubermenu-item-11666 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/adult-professional/how-to-apply-and-enrol/"><span class="ubermenu-target-title ubermenu-target-text">How to Apply and Enrol</span></a></li><li id="menu-item-11665" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-adult_learner ubermenu-item-11665 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/adult-professional/finance-and-loans/"><span class="ubermenu-target-title ubermenu-target-text">Finance and Loans</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11667 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11667"><ul class="ubermenu-submenu ubermenu-submenu-id-11667 ubermenu-submenu-type-stack" ><li id="menu-item-60360" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-60360 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/our-campu
3551s/"><span class="ubermenu-target-title ubermenu-target-text">Our Campus</span></a></li><li id="menu-item-60361" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-60361 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/student-services/"><span class="ubermenu-target-title ubermenu-target-text">Student Services</span></a></li></ul></li><li class="ubermenu-retractor ubermenu-retractor-mobile"><i class="fas fa-times"></i> Close</li></ul></li><li id="menu-item-44866" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-has-children ubermenu-item-44866 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Online</span></span><ul class="ubermenu-submenu ubermenu-submenu-id-44866 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-50422 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-50422"><ul class="ubermenu-submenu ubermenu-submenu-id-50422 ubermenu-submenu-type-stack" ><li id="menu-item-44867" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-44867 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/online-courses/"><span class="ubermenu-target-title ubermenu-target-text">Introduction</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-50423 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-50423"><ul class="ubermenu-submenu ubermenu-submenu-id-50423 ubermenu-submenu-type-stack" ><li id="menu-item-44868" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-44868 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://solihull.e-careers.college"><span class="ubermenu-target-title ubermenu-target-text">Online Courses</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-50424 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-50424"><ul class="ubermenu-submenu ubermenu-submenu-id-50424 ubermenu-submenu-type-stack" ><li id="menu-item-50421" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-50421 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="/demographic/part-time-learner/category/distance-learning/"><span class="ubermenu-target-title ubermenu-target-text">Flexible Learning</span></a></li></ul></li><li class="ubermenu-retractor ubermenu-retractor-mobile"><i class="fas fa-times"></i> Close</li></ul></li><li id="menu-item-11680" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-employers ubermenu-item-has-children ubermenu-item-11680 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><span class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Employers</span></span><ul class="ubermenu-submenu ubermenu-submenu-id-11680 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width ubermenu-autoclear" ><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11681 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11681"><ul class="ubermenu-submenu ubermenu-submenu-id-11681 ubermenu-submenu-type-stack" ><li id="menu-item-11682" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-employers ubermenu-item-11682 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/employers/introduction/"><span class="ubermenu-target-title ubermenu-target-text">Introduction</span></a></li><li id="menu-item-60362" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-60362 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.solihull.ac.uk/employers/employ-an-apprentice/"><span class="ubermenu-target-title ubermenu-target-text">Employ An Apprentice</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11685 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11685"><ul class="ubermenu-submenu ubermenu-submenu-id-11685 ubermenu-submenu-type-stack" ><li id="menu-item-56287" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-employers ubermenu-item-56287 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/employers/meet-the-team/"><span class="ubermenu-target-title ubermenu-target-text">Meet the Team</span></a></li><li id="menu-item-11691" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-employers ubermenu-item-11691 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/employers/work-experience/"><span class="ubermenu-target-title ubermenu-target-text">Work Placements</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11686 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11686"><ul class="ubermenu-submenu ubermenu-submenu-id-11686 ubermenu-submenu-type-stack" ><li id="menu-item-57350" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-57350 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.solihull.ac.uk/employers/business-centre/"><span class="ubermenu-target-title ubermenu-target-text">Business Centre (Solihull)</span></a></li><li id="menu-item-62086" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-employers ubermenu-item-62086 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/employers/social-value-excellence/"><span class="ubermenu-target-title ubermenu-target-text">Social Value Excellence</span></a></li></ul></li><li class="ubermenu-retractor ubermenu-retractor-mobile"><i class="fas fa-times"></i> Close</li></ul></li><li id="menu-item-11692" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-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 &<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 & 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 & Values</span></a></li><li id="menu-item-12504" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-12504 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/equality-diversity/"><span class="ubermenu-target-title ubermenu-target-text">Equality & Diversity</span></a></li><li id="menu-item-12579" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-12579 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/safeguarding-prevent/"><span class="ubermenu-target-title ubermenu-target-text">Safeguarding & Prevent</span></a></li><li id="menu-item-12224" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-12224 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/policies/"><span class="ubermenu-target-title ubermenu-target-text">Policies</span></a></li><li id="menu-item-61878" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-61878 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/senior-leadership-team/"><span class="ubermenu-target-title ubermenu-target-text">Stratford Leadership Team</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11703 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11703"><ul class="ubermenu-submenu ubermenu-submenu-id-11703 ubermenu-submenu-type-stack" ><li id="menu-item-49258" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-49258 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/jobs/"><span class="ubermenu-target-title ubermenu-target-text">Jobs</span></a></li><li id="menu-item-11710" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-11710 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/college-governance/"><span class="ubermenu-target-title ubermenu-target-text">College Governance</span></a></li><li id="menu-item-43348" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-43348 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/alumni/"><span class="ubermenu-target-title ubermenu-target-text">Alumni</span></a></li><li id="menu-item-45149" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-45149 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/our-talent/"><span class="ubermenu-target-title ubermenu-target-text">Our Talent</span></a></li><li id="menu-item-47029" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-47029 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/suac-onstage/"><span class="ubermenu-target-title ubermenu-target-text">SUAC Onstage</span></a></li><li id="menu-item-11723" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-11723 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/venue-hire/"><span class="ubermenu-target-title ubermenu-target-text">Venue Hire</span></a></li><li id="menu-item-11716" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-11716 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/supplying-to-stratford-upon-avon-college/"><span class="ubermenu-target-title ubermenu-target-text">Supplying to SUA College</span></a></li></ul></li><li class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-ubermenu-custom ubermenu-item-has-children ubermenu-item-11719 ubermenu-item-level-1 ubermenu-column ubermenu-column-1-3 ubermenu-has-submenu-stack ubermenu-item-type-column ubermenu-column-id-11719"><ul class="ubermenu-submenu ubermenu-submenu-id-11719 ubermenu-submenu-type-stack" ><li id="menu-item-47654" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-47654 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://fastforwardyourcareer.co.uk/"><span class="ubermenu-target-title ubermenu-target-text">Fast Forward Careers Explorer</span></a></li><li id="menu-item-51739" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-51739 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/national-skills-fund-free-courses/"><span class="ubermenu-target-title ubermenu-target-text">National Skills Fund â Free Courses</span></a></li><li id="menu-item-47464" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-47464 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/student-services/"><span class="ubermenu-target-title ubermenu-target-text">Student Services</span></a></li><li id="menu-item-53312" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-53312 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/about-us/student-services/careers-advice/"><span class="ubermenu-target-title ubermenu-target-text">Careers Advice</span></a></li><li id="menu-item-51955" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-51955 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/sustainability/"><span class="ubermenu-target-title ubermenu-target-text">Sustainability</span></a></li><li id="menu-item-11863" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-11863 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://www.stratford.ac.uk/contact-us/"><span class="ubermenu-target-title ubermenu-target-text">Contact Us</span></a></li></ul></li><li class="ubermenu-retractor ubermenu-retractor-mobile"><i class="fas fa-times"></i> Close</li></ul></li></ul></nav> 3552<!-- End UberMenu --> 3553 </div> 3554 <div class="nav-on-tab"> 3555 <a class="cd-primary-nav-trigger" href="javascript:void(0)"> 3556 <span class="cd-menu-text">Menu</span> 3557 <span class="cd-menu-icon"></span> 3558 </a> <!-- cd-primary-nav-trigger --> 3559 <div class="top-nav-controler"> 3560 <a href="javascript:void(0)" class="pop-menu-title">MENU</a> 3561 <a href="javascript:void(0)" class="close-main-menu"><span class="sr-only">close menue</span></a> 3562 </div> 3563 <div class="menu-main-navigation-tab-container"><ul id="menu-main-navigation-tab" class="cd-primary-nav"><li id="menu-item-11739" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-has-children menu-item-11739"><a href="https://www.stratford.ac.uk/16-19/introduction/">16 – 19</a> 3564<ul class="sub-menu"> 3565 <li id="menu-item-11741" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-11741"><a href="https://www.stratford.ac.uk/16-19/introduction/">Introduction</a></li> 3566 <li id="menu-item-43658" class="menu-item menu-item-type-taxonomy menu-item-object-demographic menu-item-43658"><a href="https://www.stratford.ac.uk/demographic/16-to-19/">16 â 19 Courses</a></li> 3567 <li id="menu-item-61814" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-61814"><a href="https://www.stratford.ac.uk/16-19/t-levels/">T-Levels</a></li> 3568 <li id="menu-item-47032" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47032"><a href="https://www.stratford.ac.uk/suac-onstage/">SUAC Onstage</a></li> 3569 <li id="menu-item-47277" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-47277"><a href="https://fastforwardyourcareer.co.uk/">Fast Forward Careers Explorer</a></li> 3570 <li id="menu-item-51040" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-51040"><a href="/about-us/student-services/#tuition-fund-16-19">16-19 Tuition Fund</a></li> 3571 <li id="menu-item-61715" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61715">
3571<a href="https://www.stratford.ac.uk/about-us/our-campus/">Our Campus</a></li> 3572 <li id="menu-item-11745" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-11745"><a href="https://www.stratford.ac.uk/16-19/how-do-i-apply/">How do I apply?</a></li> 3573 <li id="menu-item-63025" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-63025"><a href="https://www.stratford.ac.uk/16-19/send-support/">SEND Support</a></li> 3574 <li id="menu-item-61716" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61716"><a href="https://www.stratford.ac.uk/about-us/student-services/">Student Services</a></li> 3575 <li id="menu-item-11749" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-11749"><a href="https://www.stratford.ac.uk/16-19/universitycentre/">University Progression</a></li> 3576 <li id="menu-item-11752" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-11752"><a href="https://www.stratford.ac.uk/16-19/current-parents/">Current Parents</a></li> 3577 <li id="menu-item-64114" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64114"><a href="https://forms.cloud.microsoft/e/uLkccQeZQu">Absence Reporting</a></li> 3578 <li id="menu-item-62546" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-62546"><a href="https://www.stratford.ac.uk/wp-content/uploads/2025/08/parent-carer-handbook.pdf">Parent/Carer Handbook</a></li> 3579 <li id="menu-item-47208" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-47208"><a href="https://www.stratford.ac.uk/16-19/16-17-railcard/">16-17 Railcard</a></li> 3580 <li id="menu-item-61138" class="menu-item menu-item-type-post_type menu-item-object-16to19 menu-item-61138"><a href="https://www.stratford.ac.uk/16-19/new-starters/">New Starters</a></li> 3581</ul> 3582</li> 3583<li id="menu-item-11760" class="menu-item menu-item-type-post_type menu-item-object-apprentice menu-item-has-children menu-item-11760"><a href="https://www.stratford.ac.uk/apprentice/introduction/">Apprenticeships</a> 3584<ul class="sub-menu"> 3585 <li id="menu-item-11762" class="menu-item menu-item-type-post_type menu-item-object-apprentice menu-item-11762"><a href="https://www.stratford.ac.uk/apprentice/introduction/">Introduction</a></li> 3586 <li id="menu-item-43380" class="menu-item menu-item-type-taxonomy menu-item-object-demographic menu-item-43380"><a href="https://www.stratford.ac.uk/demographic/apprentice/">Apprenticeships</a></li> 3587 <li id="menu-item-11766" class="menu-item menu-item-type-post_type menu-item-object-apprentice menu-item-11766">
3587<a href="https://www.stratford.ac.uk/apprentice/how-do-i-apply/">How to apply?</a></li> 3588 <li id="menu-item-11767" class="menu-item menu-item-type-post_type menu-item-object-apprentice menu-item-11767"><a href="https://www.stratford.ac.uk/apprentice/apprenticeship-vacancies/">Apprenticeship vacancies</a></li> 3589</ul> 3590</li> 3591<li id="menu-item-11773" class="menu-item menu-item-type-post_type menu-item-object-uni_level_learner menu-item-has-children menu-item-11773"><a href="https://www.stratford.ac.uk/uni-level-learner/university-level-learners-introduction/">University Level</a> 3592<ul class="sub-menu"> 3593 <li id="menu-item-11775" class="menu-item menu-item-type-post_type menu-item-object-uni_level_learner menu-item-11775"><a href="https://www.stratford.ac.uk/uni-level-learner/university-level-learners-introduction/">Introduction</a></li> 3594 <li id="menu-item-43659" class="menu-item menu-item-type-post_type menu-item-object-demographic menu-item-43659"><a href="https://www.stratford.ac.uk/demographic/university-level-learner/">University Level Courses</a></li> 3595 <li id="menu-item-47031" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47031"><a href="https://www.stratford.ac.uk/suac-onstage/">SUAC Onstage</a></li> 3596 <li id="menu-item-16017" class="menu-item menu-item-type-post_type menu-item-object-uni_level_learner menu-item-16017"><a href="https://www.stratford.ac.uk/uni-level-learner/policies-and-applicant-information/">Policies and Applicant Information</a></li> 3597 <li id="menu-item-11781" class="menu-item menu-item-type-post_type menu-item-object-uni_level_learner menu-item-11781"><a href="https://www.stratford.ac.uk/uni-level-learner/how-do-i-apply/">How can I apply?</a></li> 3598 <li id="menu-item-42122" class="menu-item menu-item-type-post_type menu-item-object-uni_level_learner menu-item-42122"><a href="https://www.stratford.ac.uk/uni-level-learner/about-stratford-upon-avon/">About Stratford-upon-Avon</a></li> 3599 <li id="menu-item-61713" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61713"><a href="https://www.stratford.ac.uk/about-us/our-campus/">Our Campus</a></li> 3600 <li id="menu-item-61717" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61717"><a href="https://www.stratford.ac.uk/about-us/student-services/">Student Services</a></li> 3601</ul> 3602</li> 3603<li id="menu-item-11791" class="menu-item menu-item-type-post_type menu-item-object-adult_learner menu-item-has-children menu-item-11791"><a href="https://www.stratford.ac.uk/adult-professional/introduction/">Adult & Professional</a> 3604<ul class="sub-menu"> 3605 <li id="menu-item-11793" class="menu-item menu-item-type-post_type menu-item-object-adult_learner menu-item-11793"><a href="https://www.stratford.ac.uk/adult-professional/introduction/">Introduction to Adult & Professional Learning</a></li> 3606 <li id="menu-item-43660" class="menu-item menu-item-type-post_type menu-item-object-demographic menu-item-43660"><a href="https://www.stratford.ac.uk/demographic/adult-professional/">Adult & Professional Courses</a></li> 3607 <li id="menu-item-51744" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-51744"><a href="https://www.stratford.ac.uk/national-skills-fund-free-courses/">National Skills Fund â Free Courses</a></li> 3608 <li id="menu-item-48740" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48740"><a href="https://www.stratford.ac.uk/suac-onstage/">SUAC Onstage</a></li> 3609 <li id="menu-item-59590" class="menu-item menu-item-type-post_type menu-item-object-adult_learner menu-item-59590"><a href="https://www.stratford.ac.uk/adult-professional/upskill-reskill/">Upskill/Reskill Careers Explorer</a></li> 3610 <li id="menu-item-11797" class="menu-item menu-item-type-post_type menu-item-object-adult_learner menu-item-11797"><a href="https://www.stratford.ac.uk/adult-professional/how-to-apply-and-enrol/">How to Apply and Enrol</a></li> 3611 <li id="menu-item-11798" class="menu-item menu-item-type-post_type menu-item-object-adult_learner menu-item-11798"><a href="https://www.stratford.ac.uk/adult-professional/finance-and-loans/">Finance and Loans</a></li> 3612 <li id="menu-item-61714" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61714">
3612<a href="https://www.stratford.ac.uk/about-us/our-campus/">Our Campus</a></li> 3613 <li id="menu-item-61718" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61718"><a href="https://www.stratford.ac.uk/about-us/student-services/">Student Services</a></li> 3614</ul> 3615</li> 3616<li id="menu-item-44869" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-44869"><a href="https://www.stratford.ac.uk/online-courses/">Online</a> 3617<ul class="sub-menu"> 3618 <li id="menu-item-44870" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44870"><a href="https://www.stratford.ac.uk/online-courses/">Introduction</a></li> 3619 <li id="menu-item-44871" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-44871"><a href="https://solihull.e-careers.college">Online Courses</a></li> 3620 <li id="menu-item-50420" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-50420"><a href="/demographic/part-time-learner/category/distance-learning/">Flexible Learning</a></li> 3621</ul> 3622</li> 3623<li id="menu-item-11813" class="menu-item menu-item-type-post_type menu-item-object-employers menu-item-has-children menu-item-11813"><a href="https://www.stratford.ac.uk/employers/introduction/">Employers</a> 3624<ul class="sub-menu"> 3625 <li id="menu-item-11815" class="menu-item menu-item-type-post_type menu-item-object-employers menu-item-11815"><a href="https://www.stratford.ac.uk/employers/introduction/">Introduction</a></li> 3626 <li id="menu-item-11819" class="menu-item menu-item-type-post_type menu-item-object-employers menu-item-11819"><a href="https://www.stratford.ac.uk/employers/employ-an-apprentice/">Employ An Apprentice</a></li> 3627 <li id="menu-item-56286" class="menu-item menu-item-type-post_type menu-item-object-employers menu-item-56286"><a href="https://www.stratford.ac.uk/employers/meet-the-team/">Meet the Team</a></li> 3628 <li id="menu-item-11823" class="menu-item menu-item-type-post_type menu-item-object-employers menu-item-11823"><a href="https://www.stratford.ac.uk/employers/work-experience/">Work Placements</a></li> 3629 <li id="menu-item-42709" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42709"><a href="https://www.stratford.ac.uk/venue-hire/">Hire our Facilities</a></li> 3630 <li id="menu-item-57351" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-57351"><a href="https://www.solihull.ac.uk/employers/business-centre/">Business Centre (Solihull)</a></li> 3631 <li id="menu-item-62087" class="menu-item menu-item-type-post_type menu-item-object-employers menu-item-62087"><a href="https://www.stratford.ac.uk/employers/social-value-excellence/">Social Value Excellence</a></li> 3632</ul> 3633</li> 3634<li id="menu-item-11825" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-11825"><a href="https://www.stratford.ac.uk/news-and-events/">News & Open Events</a> 3635<ul class="sub-menu"> 3636 <li id="menu-item-52121" class="menu-item menu-item-type-post_type menu-item-object-page 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 & Shows</a></li> 3640 <li id="menu-item-11833" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11833"><a href="https://www.stratford.ac.uk/news-and-events/enrolment-details/">Enrolment Details</a></li> 3641</ul> 3642</li> 3643<li id="menu-item-11834" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-11834"><a href="#">Our College</a> 3644<ul class="sub-menu"> 3645 <li id="menu-item-11836" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11836"><a href="https://www.stratford.ac.uk/about-us/">About Us</a></li> 3646 <li id="menu-item-11940" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11940"><a href="https://www.stratford.ac.uk/contact-us/">Contact Us</a></li> 3647 <li id="menu-item-43661" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43661"><a href="https://www.stratford.ac.uk/ofsted-report/">Ofsted Report</a></li> 3648 <li id="menu-item-11837" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11837">
3648<a href="https://www.stratford.ac.uk/about-us/our-campus/">Our Campus</a></li> 3649 <li id="menu-item-11840" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11840"><a href="https://www.stratford.ac.uk/about-us/mission-and-values/">Mission, Vision & Values</a></li> 3650 <li id="menu-item-12502" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12502"><a href="https://www.stratford.ac.uk/about-us/equality-diversity/">Equality & Diversity</a></li> 3651 <li id="menu-item-12580" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12580"><a href="https://www.stratford.ac.uk/about-us/safeguarding-prevent/">Safeguarding & Prevent</a></li> 3652 <li id="menu-item-12225" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12225"><a href="https://www.stratford.ac.uk/about-us/policies/">Policies</a></li> 3653 <li id="menu-item-61879" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61879"><a href="https://www.stratford.ac.uk/about-us/senior-leadership-team/">Stratford Leadership Team</a></li> 3654 <li id="menu-item-49259" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49259"><a href="https://www.stratford.ac.uk/jobs/">Jobs</a></li> 3655 <li id="menu-item-11842" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11842"><a href="https://www.stratford.ac.uk/about-us/college-governance/">College Governance</a></li> 3656 <li id="menu-item-43349" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43349"><a href="https://www.stratford.ac.uk/about-us/alumni/">Alumni</a></li> 3657 <li id="menu-item-45150" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45150"><a href="https://www.stratford.ac.uk/about-us/our-talent/">Our Talent</a></li> 3658 <li id="menu-item-47030" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47030"><a href="https://www.stratford.ac.uk/suac-onstage/">SUAC Onstage</a></li> 3659 <li id="menu-item-11850" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11850"><a href="https://www.stratford.ac.uk/venue-hire/">Venue Hire</a></li> 3660 <li id="menu-item-11839" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11839"><a href="https://www.stratford.ac.uk/about-us/supplying-to-stratford-upon-avon-college/">Supplying to Stratford-upon-Avon College</a></li> 3661 <li id="menu-item-47655" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-47655"><a href="https://fastforwardyourcareer.co.uk/">Fast Forward Careers Explorer</a></li> 3662 <li id="menu-item-51743" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-51743"><a href="https://www.stratford.ac.uk/national-skills-fund-free-courses/">National Skills Fund â Free Courses</a></li> 3663 <li id="menu-item-47465" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47465"><a href="https://www.stratford.ac.uk/about-us/student-services/">Student Services</a></li> 3664 <li id="menu-item-53313" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-53313"><a href="https://www.stratford.ac.uk/about-us/student-services/careers-advice/">Careers Advice</a></li> 3665 <li id="menu-item-51954" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-51954"><a href="https://www.stratford.ac.uk/sustainability/">Sustainability</a></li> 3666</ul> 3667</li> 3668<li id="menu-item-61803" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61803"><a href="https://www.stratford.ac.uk/contact-us/">Contact Us</a></li> 3669<li id="menu-item-49547" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49547"><a href="https://www.stratford.ac.uk/intranet/">Intranet</a></li> 3670</ul></div> </div> 3671 </div> 3672 </div> 3673 </nav> 3674 </div> 3675 </div> 3676 </div> 3677 3678<main id="main-content" tabindex="-1"> 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 & 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 & 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 © 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&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&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.