1<!DOCTYPE HTML> 2<html lang="en"> 3<head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5<title>Gaydio Academy â Free LGBTQ+ Radio & Podcasting Training</title> 6<meta name="description" content="Gaydio Academy offers free LGBTQ+ radio, podcasting and media training across the UK. No experience needed. 300+ learners a year. Find your next course."> 7<meta name="keywords" content=""> 8<meta name="robots" content="noodp, noydir"> 9 10<!-- Facebook --> 11<meta property="og:url" content="https://www.gaydio.academy/"> 12<meta property="og:title" content="Gaydio Academy â Free LGBTQ+ Radio & Podcasting Training"> 13<meta property="og:image" content="https://mmo.aiircdn.com/20/62431aea593ed.jpg"> 14<meta property="og:description" content=""> 15<meta property="og:site_name" content="Gaydio Academy"> 16<meta property="og:type" content="article"> 17 18<!-- X.com --> 19<meta name="twitter:card" content="summary_large_image"> 20<meta name="twitter:title" content="Gaydio Academy â Free LGBTQ+ Radio & Podcasting Training"> 21<meta name="twitter:description" content=""> 22<meta name="twitter:site" content="@gaydioacademy"> 23 24 25<!-- Icons --> 26<link rel="icon" href="https://mmo.aiircdn.com/20/67c5798c3be19.png"> 27<link rel="apple-touch-icon" href="https://mmo.aiircdn.com/20/67c5798c3be19.png"> 28 29 30<!-- Common CSS --> 31<link type="text/css" href="https://c.aiircdn.com/fe/css/dist/afe-f98a36ef05.min.css" rel="stylesheet" media="screen"> 32 33<!-- Common JS -->
34<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
vendor: 1 bytes, line 34
34
35<script src="https://c.aiircdn.com/fe/js/dist/runtime.9def349a2c783da17129.js"></script>
vendor: 1 bytes, line 35
35
36<script src="https://c.aiircdn.com/fe/js/dist/vendor.40ff133faeab9cc6db0a.js"></script>
vendor: 1 bytes, line 36
36
37<script src="https://c.aiircdn.com/fe/js/dist/afe.5ec03bc3e92410211979.js"></script>
37 38
39<script> 40gm.properties = {"site_id":"1026","page_id":null,"page_path_no_tll":"\/"}; 41</script>
41 42 43 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0"> 44 <link rel="stylesheet" href="https://a.aiircdn.com/d/c/2483-200oestc0bfda4.css" /> 45
45<script src="//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>
45 46 <link href="https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,300;0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"> 47
47<script src="https://a.aiircdn.com/d/j/2484-tdryudnjfzfvev.js"></script>
47 48<!-- Google Page Metadata STARTS --> 49<link rel="x-default" hreflang="en-gb" href="https://www.gaydio.academy/"> 50<link rel="canonical" href="https://www.gaydio.academy/"> 51<meta property="og:description" content="Free LGBTQ+ radio, podcasting and media training across the UK. 300+ learners a year. No experience necessary." /> 52<meta name="twitter:description" content="Free LGBTQ+ radio, podcasting and media training across the UK. 300+ learners a year. No experience necessary." />
53<script type="application/ld+json"> 54{ 55 "@context": "http://schema.org", 56 "@type": "EducationalOrganization", 57 "name": "Gaydio Academy", 58 "image": "https://mmo.aiircdn.com/20/624308ea78ad9.png", 59 "telephone": "03330 04 8400", 60 "email": "[email protected]", 61 "address": { 62 "@type": "PostalAddress", 63 "addressCountry": "United Kingdom" 64 }, 65 "url": "https://www.gaydio.academy/" 66} 67</script>
67 68<!-- Google Page Metadata ENDS -->
69<script src="https://kit.fontawesome.com/5f4996c7e4.js" crossorigin="anonymous"></script>
69 70<style> 71 /* ROOT VARIABLE EDITS */ 72:root { 73 --aiir-fw-sec-button-radius: 0 0.75rem 0.75rem 0.75rem; 74 --ab-academy-lg-radius: 0 1.5rem 1.5rem 1.5rem; 75 --ab__wavesurfer-dark-color: #08465d; 76 --ab__wavesurfer-light-color: #008577; 77} 78</style> 79<!-- Wavesurfer CSS Styles START --> 80<style> 81 82/* CONTAINERS */ 83/* HIDES REGULAR UGLY HTML AUDIO BLOCKS WHILE WAVESURFER IS BUILDING */ 84audio { 85 display: none !important; 86 visibility: hidden !important; 87 opacity: 0 !important; 88} 89/* CONTAINERS */ 90 .ab__player { 91 display: block; 92 position: relative; 93 width: 100%; 94 margin: 0 auto; 95 background: #636363; 96 padding: 1em; 97 border-radius: 0 1em 1em 1em; 98 height: 196px; 99} 100 .ab__wavesurfer { 101 display: block; 102 width: calc(100% - 82px); 103 float: right; 104 margin-top: 0; 105 border-radius: 0 1em 1em 1em; 106 background: #333; 107 padding: 1em; 108} 109 .ab__audio { 110 width: 95%; 111 max-width: 65em; 112 margin: 0 auto 1em auto; 113 padding: 1.5em; 114 border-radius: 0.5em; 115 background: #fff; 116 height: auto; 117} 118.ab__control { 119 width: 55px; 120 margin: 1.8em 1em 0 0; 121 cursor: pointer; 122 display: block; 123 float: left; 124} 125/* PLAY BUTTON */ 126/* PLAY BUTTON MIDDLE LIGHT CIRCLE */ 127 .ab__btn:before { 128 content: ""; 129 position: relative; 130 display: block; 131 float: left; 132 width: 51px; 133 height: 51px; 134 top: 4px; 135 left: 4px; 136 background: #008577; 137 border-radius: 50%; 138 pointer-events: none; 139} 140/* DELAYED COLOUR FLIP ON HOVER */ 141 .ab__btn:hover:before { 142 background-color: #08465d; 143 transition-delay: 0.3s; 144 transition-duration: 1s; 145} 146/* PULSE ANIMATION ON PLAY */ 147 .ab__btn.playing:before { 148 animation: pulse-border 1500ms ease-out infinite; 149} 150/* PLAY BUTTON BACK DARK CIRCLE */ 151 .ab__btn { 152 position: relative; 153 display: block; 154 float: left; 155 width: 60px; 156 height: 60px; 157 border-radius: 50%; 158 background: #08465d; 159 margin: 0 auto 0 auto; 160} 161/* COLOUR FLIP ON HOVER */ 162 .ab__btn:hover { 163 background-color: #08465d; 164} 165/* PULSE ANIMATION ON PLAY */ 166.ab__btn.playing:after { 167 animation: pulse-border 3000ms cubic-bezier(0.55, 0.06, 0.68, 0.19) infinite; 168} 169/* PLAY BUTTON UPPERMOST DARK CIRCLE */ 170.ab__btn:after { 171 content: ""; 172 position: absolute; 173 display: block; 174 float: left; 175 width: 43px; 176 height: 43px; 177 top: 8px; 178 left: 8px; 179 background: #08465d; 180 border-radius: 50%; 181 transition: all 200ms; 182 pointer-events: none; 183} 184/* DELAYED COLOUR FLIP ON HOVER */ 185 .ab__btn:hover:after { 186 background-color: #08465d; 187 transition-delay: 0.9s; 188 transition-duration: 1s; 189} 190/* SPAN CONTAINING FONTAWESOME PLAY SYMBOL */ 191.ab__btn span { 192 display: block; 193 position: absolute; 194 z-index: 3; 195 color: #000; 196 font-size: 18px; 197 width: 60px; 198 height: 23px; 199 text-align: center; 200 top: calc(50% + 2px); 201 transform: translateY(-50%); 202 transition-delay: 0s; 203 transition-duration: 0s; 204} 205/* FLIPS COLOUR ON HOVER */ 206 .ab__btn span:hover { 207 color: #08465d; 208 transition-delay: 0.5s; 209 transition-duration: 1s; 210} 211/* MAKES PLAY SYMBOL DISAPPEAR ON PLAY */ 212 .ab__btn.playing span { 213 font-size: 0; 214 transition-delay: 0s; 215 top: 40px; 216 transition-duration: 0.2s; 217} 218/* MAKES PAUSE SYMBOL APPEAR WHILE PLAYING */ 219 .ab__btn.playing span:after { 220 display: block; 221 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAACXBIWXMAAC4jAAAuIwF4pT92AAAANElEQVQokWP4//9/w39UsP////8MSHg/mnwDw3/swAGqwQGbJBMDGWBU06gmKmhiICeVAwALFpAKMpUZIwAAAABJRU5ErkJggg=="); 222 opacity: 1; 223 position: absolute; 224 content: ""; 225 width: 20px; 226 height: 21px; 227 top: -10px; 228 left: 20px; 229 background-repeat: no-repeat; 230 background-size: cover; 231 animation: pause-fade 1s cubic-bezier(0.55, 0.06, 0.68, 0.19); 232 animation-iteration-count: 1; 233} 234/* FADES PAUSE SYMBOL IN AFTER ENOUGH TIME FOR PLAY SYMBOL TO DISAPPEAR */ 235 @keyframes pause-fade { 236 0% { 237 opacity: 0; 238 transform: scale(0); 239 } 240 80% { 241 opacity: 0.3; 242 transform: scale(0.8); 243 } 244 100% { 245 opacity: 1; 246 transform: scale(1); 247 } 248} 249/* ANIMATION TO CREATE PULSE EFFECT WHILST PLAYING */ 250 @keyframes pulse-border { 251 0% { 252 transform: scale(1); 253 opacity: 1; 254 } 255 100% { 256 transform: scale(1.5); 257 opacity: 0; 258 } 259} 260/* ATTEMPTS TO DELAY APPEARANCE OF PLAY BUTTON UNTIL WAVESURFER INITIALIZES */ 261 .ab__btn { 262 opacity: 0; 263} 264 .ab__btn.visible { 265 -webkit-animation: scale-up-center 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) both; 266 animation: scale-up-center 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) both; 267 animation-delay: 2s; 268} 269 @keyframes scale-up-center { 270 0% { 271 opacity: 0; 272 -webkit-transform: scale(0.0); 273 transform: scale(0.0); 274 } 275 100% { 276 opacity: 1; 277 -webkit-transform: scale(1); 278 transform: scale(1); 279 } 280} 281/* WAVESURFER CONTAINER AND CONTROLS */ 282 .waveform { 283 cursor: pointer; 284 position: relative; 285} 286 .hover { 287 position: absolute; 288 left: 0; 289 top: 0; 290 z-index: 10; 291 pointer-events: none; 292 height: 100%; 293 width: 0; 294 mix-blend-mode: overlay; 295 background: rgba(255, 255, 255, 0.5); 296 opacity: 0; 297 transition: opacity 0.2s ease; 298} 299 .waveform:hover .hover { 300 opacity: 1; 301} 302 .time, .duration { 303 position: absolute; 304 z-index: 11; 305 top: 50%; 306 margin-top: -.5em; 307 transform: translateY(-50%); 308 font-size: 0.6em; 309 background: #00000075; 310 padding: 0.3em 0.6em; 311 color: #ddd; 312 border-radius: 0.3em; 313} 314 .time { 315 left: 2em; 316} 317 .duration { 318 right: 2em; 319} 320 :host .wrapper { 321 position: relative; 322 overflow: visible; 323 z-index: 2; 324 margin: 5px 0; 325} 326 </style> 327<!-- Wavesurfer CSS Styles END --><!-- Site CSS Customisations START --> 328<style> 329 330 331/* PURE CSS BOILERPLATE */ 332body{ 333 margin:0 334}
335details,main{ 336 display:block 337} 338hr{ 339 box-sizing:content-box; 340 height:0; 341 overflow:visible 342} 343code,kbd,pre,samp{ 344 font-family:monospace,monospace; 345 font-size:1em 346} 347a{ 348 background-color:transparent 349} 350abbr[title]{ 351 border-bottom:none; 352 text-decoration:underline dotted 353} 354b,strong{ 355 font-weight:bolder 356} 357small{ 358 font-size:80% 359} 360sub,sup{ 361 font-size:75%; 362 line-height:0; 363 position:relative; 364 vertical-align:baseline 365} 366sub{ 367 bottom:-.25em 368} 369sup{ 370 top:-.5em 371} 372img{ 373 border-style:none 374} 375button,input,optgroup,select,textarea{ 376 font-family:inherit; 377 font-size:100%; 378 line-height:1.15; 379 margin:0 380} 381button,input{ 382 overflow:visible 383} 384button,select{ 385 text-transform:none 386} 387[type=button],[type=reset],[type=submit],button{ 388 -webkit-appearance:button 389} 390[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{ 391 border-style:none; 392 padding:0 393} 394[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{ 395 outline:1px dotted ButtonText 396} 397fieldset{ 398 padding:.35em .75em .625em 399} 400legend{ 401 color:inherit; 402 display:table; 403 max-width:100%; 404 white-space:normal 405} 406textarea{ 407 overflow:auto 408}
409[type=checkbox],[type=radio],legend{ 410 box-sizing:border-box; 411 padding:0 412} 413[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{ 414 height:auto 415} 416[type=search]{ 417 -webkit-appearance:textfield; 418 outline-offset:-2px 419} 420[type=search]::-webkit-search-decoration{ 421 -webkit-appearance:none 422} 423::-webkit-file-upload-button{ 424 -webkit-appearance:button; 425 font:inherit 426} 427summary{ 428 display:list-item 429} 430[hidden],template{ 431 display:none 432} 433/* RESPONSIVE FONT SIZES */ 434h1{ 435 font-size:calc(2rem + .390625vw)!important; 436} 437h2{ 438 font-size:calc(1.5rem + .390625vw)!important; 439} 440h3{ 441 font-size:calc(1.25rem + .390625vw)!important; 442} 443.c-card__title { 444 font-size: calc(1.25rem + .390625vw)!important; 445} 446h4{ 447 font-size:calc(1.125rem + .390625vw)!important; 448} 449h5{ 450 font-size:calc(1rem + .390625vw)!important; 451} 452h6{ 453 font-size:calc(0.875rem + .390625vw)!important; 454} 455p{ 456 font-size:calc(1rem + .390625vw)!important; 457} 458.c-card__text { 459 font-size: calc(1rem + .390625vw)!important; 460} 461button,.button,.c-btn,button:hover,.button:hover,c-btn:hover { 462 font-size: calc(1rem + .390625vw)!important; 463} 464/* FONT WEIGHT OVERRIDE CLASSES */ 465.heavy{ 466 font-weight:900 !important 467} 468 469.light{ 470 font-weight:300 !important 471} 472/* FONT SIZE OVERRIDE CLASSES */ 473.l{ 474 font-size:calc((1.5rem + .390625vw)* 1.3) !important; 475} 476 477.xl{ 478 font-size:calc((1.5rem + .390625vw)* 1.6) !important; 479} 480 481.xxl{ 482 font-size:calc((1.5rem + .390625vw)* 1.9) !important; 483} 484 485.xxxl{ 486 font-size:calc((1.5rem + .390625vw)* 2.1) !important; 487} 488 489h1,h2,h3,h4,h5,h6,p{ 490 line-height:1.2 491} 492/* PAGES HERO STYLING */ 493.c-hero { 494 box-shadow:0 2px 6px rgb(28 28 28); 495} 496 @media only screen and (max-width: 480px) { 497.c-page-main--pages .c-hero { 498 min-height: 140px !important; 499} 500} 501.c-page-main--pages .c-hero { 502 min-height: 300px !important; 503} 504.o-content-block--padding-large { 505 padding: 1rem 0rem; 506} 507/* NAV OVERRIDES */ 508.c-page-head.animated .c-logo{ 509 max-height:50px; 510 transition-duration:1s 511} 512.c-page-head{ 513 background-color:var(--aiir-fw-sec-button-color); 514 display:flex; 515 align-items:stretch; 516 justify-content:space-between; 517 position:sticky; 518 width:100%; 519 top:0; 520 left:0; 521 right:0; 522 box-shadow:0 2px 6px rgb(28 28 28); 523 z-index:999; 524 align-content:stretch; 525 flex-wrap:wrap; 526 transition:.5s 527} 528 529@media only screen and (min-width:1100px){ 530 .global-nav-top>li a,.global-nav-top>li>ul a{ 531 font-size:calc(14px + (26 - 14)*((100vw - 300px)/(1600 - 300)))!important; 532 transition:.5s; 533 } 534 .global-nav-top>li a{ 535 font-weight:900!important; 536 display:block; 537 padding:0 .5em; 538 min-height:130px; 539 line-height:7rem; 540 transition-duration:.5s 541 } 542 header.animated>div>nav>.global-nav-top>li a{ 543 min-height:70px; 544 line-height:4rem; 545 transition-duration:.5s 546 } 547 .global-nav-top>li>ul a{ 548 line-height:1.4117647059; 549 height:auto; 550 transition:.5s 551 } 552 .global-nav-top>.on a{ 553 background:var(--aiir-fw-sec-button-bg); 554 color:var(--aiir-fw-sec-button-color); 555 transition-duration:.5s 556 } 557 .c-nav-primary-wrapper,.global-nav-top{ 558 align-items:stretch; 559 display:flex; 560 align-content:stretch; 561 flex-wrap:wrap; 562 flex-direction:row 563 } 564 .global-nav-top{ 565 list-style:none; 566 margin-bottom:0; 567 margin-left:0; 568 margin-right:0; 569 justify-content:space-evenly 570 } 571 .c-nav-primary-wrapper{ 572 flex:1; 573 text-align:right; 574 justify-content:flex-end 575 } 576 .c-nav-primary{ 577 position:relative; 578 margin-left:auto; 579 margin-right:auto; 580 left:-83px 581 } 582 .global-nav-top>li:last-child ul,.global-nav-top>li:nth-last-child(2) ul{ 583 left:0; 584 right:auto 585 } 586 .global-nav-top>li>ul>li>a{ 587 line-height:110%!important; 588 padding:10px .5em !important; 589 min-height:unset; 590 } 591 .global-nav-top>li>ul>li{ 592 transition-duration:.5s 593 } 594 .global-nav-top>li>ul>li>a { 595 border-top: 1px solid #08465d; 596 } 597 .global-nav-top>li>ul>li:nth-child(2) { 598 background: #08465d; 599} 600} 601/* SEMI-TRANSPARENT HOMEPAGE CONTENT BLOCKS */ 602@media only screen and (max-width:660px){ 603 .o-content-block.o-content-block--theme-block .o-content-block__inner{ 604 width:95%!important; 605 padding:10px!important 606 } 607 .o-content-block--center .o-content-block__img{ 608 margin-bottom:1rem; 609 margin-top:1rem; 610 max-width:250px 611 } 612 .o-content-block--text-large p{ 613 font-size:calc(180% + .390625vw)!important 614 } 615} 616@media only screen and (min-width:661px){ 617 .o-content-block.o-content-block--theme-block .o-content-block__inner{ 618 width:90%!important; 619 padding:40px!important 620 } 621 .o-content-block--center .o-content-block__img{ 622 margin-bottom:2.25em; 623 margin-top:2.25em; 624 max-width:399px 625 } 626 .o-content-block--text-large p{ 627 font-size:calc(240% + .390625vw)!important 628 } 629} 630@media only screen and (min-width:1220px){ 631 .o-content-block.o-content-block--theme-block .o-content-block__inner{ 632 width:100%!important; 633 padding:40px!important 634 } 635 .o-content-block--center .o-content-block__img{ 636 margin-bottom:5.25em; 637 margin-top:5.25em; 638 max-width:399px 639 } 640 .o-content-block--text-large p{ 641 font-size:calc(300% + .390625vw)!important 642 } 643} 644.o-content-block.o-content-block--theme-block .o-content-block__inner{ 645 display:flex; 646 align-items:center; 647 background:#ffffffbd; 648 border-radius:var(--ab-academy-lg-radius); 649 border-bottom:var(--aiir-fw-sec-button-bg); 650 border-bottom-style:ridge; 651 border-top-left-radius:0; 652 border-top:#008577; 653 border-top-style:solid; 654 margin:40px auto; 655 box-shadow:0 0 15px 2px #000000bd 656} 657/* MAKE BREADCRUMBS MATCH SITE BUTTON STYLE */ 658.c-breadcrumbs { 659 visibility: hidden; 660} 661.c-breadcrumbs a { 662 visibility: visible !important; 663} 664.c-breadcrumbs em { 665 visibility: visible !important; 666} 667.c-breadcrumbs { 668 z-index: 200 !important; 669 display: inline-block; 670 clear: both; 671 margin-bottom: 1em; 672}
673.c-breadcrumbs { 674 color: var(--aiir-fw-actions-color); 675} 676.c-breadcrumbs :first-child { 677 border-top-left-radius: 4px; 678 border-bottom-left-radius: 4px; 679} 680.c-breadcrumbs :last-child { 681 border-top-right-radius: 4px; 682 border-bottom-right-radius: 4px; 683 background-color: var(--aiir-fw-form-input-placeholder) !important; 684 padding: 3px 6px; 685 float: left; 686 margin-left: 1px; 687 color: var(--aiir-fw-form-label-text-color); 688 font-style: normal !important; 689 text-transform: capitalize; 690} 691.c-breadcrumbs a { 692 color: var(--aiir-fw-actions-color) !important; 693 background-color: var(--aiir-fw-sec-button-bg) !important; 694 text-decoration: none !important; 695 display: block; 696 padding: 3px 6px; 697 float: left; 698 margin-left: 1px; 699 transition-property: background-color; 700 transition-duration: 0.5s; 701 transition-delay: 0.5s; 702} 703.c-breadcrumbs a:hover { 704 color: var(--aiir-fw-actions-bg) !important; 705 background-color: var(--aiir-fw-actions-dropdown-hover-bg) !important; 706} 707/* BLOCKED HEADINGS STYLES AND OVERRIDES */ 708.o-headline,.o-headline__main,.o-headline__sub{ 709 line-height:1; 710 color:var(--aiir-fw-sec-button-color); 711 background:var(--aiir-fw-sec-button-bg); 712 background:-moz-linear-gradient(left,var(--aiir-fw-sec-button-bg) 45%,#08465d 100%); 713 background:-webkit-linear-gradient(left,var(--aiir-fw-sec-button-bg) 45%,#08465d 100%); 714 background:linear-gradient(to right,var(--aiir-fw-sec-button-bg) 45%,#08465d 100%); 715 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--aiir-fw-sec-button-bg)', endColorstr='#08465d',GradientType=1 ); 716 display:block; 717 width:100%; 718 padding:5px 10px; 719 margin-bottom:20px; 720 border-radius: var(--aiir-fw-sec-button-radius); 721} 722.o-headline__main,.o-headline__sub{ 723 text-transform:capitalize 724} 725.blocked-alt,.blocked{ 726 display:inline-block; 727 font-weight:900; 728 font-style:normal; 729 padding:3px 9px; 730 background:var(--aiir-fw-sec-button-bg); 731 color:var(--aiir-fw-sec-button-color) !important; 732 border-radius:var(--aiir-fw-sec-button-radius); 733 margin-right: 1em; 734} 735.blocked-alt{ 736 background:-moz-linear-gradient(left,var(--aiir-fw-sec-button-bg) 45%,#008577 100%); 737 background:-webkit-linear-gradient(left,var(--aiir-fw-sec-button-bg) 45%,#008577 100%); 738 background:linear-gradient(to right,var(--aiir-fw-sec-button-bg) 45%,#008577 100%); 739 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--aiir-fw-sec-button-bg)', endColorstr='#008577',GradientType=1 ); 740} 741 742.h1,.o-headline,.alt-blocked,.blocked{ 743 text-transform:capitalize 744} 745/* ROUNDED SECTIONAL STYLES OVERRIDES */ 746@media only screen and (max-width:480px){ 747 div.c-card__img{ 748 box-shadow:0 0 0 3px #000; 749 background:#fff 750 } 751 .c-card__img img{ 752 width:100%; 753 padding:5px 754 } 755} 756.c-card--rounded,.c-card--rounded .c-card__img{ 757 border-top-left-radius:0; 758 box-shadow:0 3px 13px 1px #00000029 759} 760.c-card--rounded{ 761 border:0; 762 border-radius:var(--ab-academy-lg-radius) !important; 763 border-bottom:var(--aiir-fw-sec-button-bg); 764 background: var(--aiir-fw-podcast-sub-hover-bg) 765} 766.c-card--rounded .c-card__img{ 767 border-top:#008577; 768 border-top-style:solid; 769 padding-top:100%; 770 margin-bottom:.625rem; 771 background-size:cover; 772 background-repeat:no-repeat; 773 background-position:center; 774 border-radius:var(--aiir-fw-sec-button-radius);; 775 border-bottom:#fff 776} 777.c-card__title{ 778 font-weight:900 779} 780.c-card.c-card--rounded{ 781 padding:0; 782 margin-bottom:3em 783} 784.c-card{ 785 padding:10px 786} 787.c-card.c-card--rounded:hover{ 788 background:#fff; 789 transition-duration:.5s 790} 791.c-card:hover .c-card__img{ 792 opacity:.7; 793 transition-duration:.5s 794} 795/* TEXT SECTIONAL STYLES */ 796a.c-story { 797 text-decoration: none; 798 background: #fff; 799} 800a.c-story:hover { 801 border: 4px solid #008577; 802} 803h3.c-story_title:hover { 804 text-decoration: none 805} 806h3.c-story__title { 807 display: inline-block; 808 border: #08465d 0.3rem solid; 809 text-align: left; 810 text-decoration: none; 811 background: #fff; 812 border-radius: 0 0.3em 0.3em 0.3em; 813 padding: 0 5px; 814} 815a h3.c-story__title:hover { 816 text-decoration: none !important; 817} 818p.c-story__description { 819 margin-bottom: 3rem; 820} 821a.c-story { 822 padding: 10px; 823 border: 1px solid #bbb9b9; 824 border-radius: 0 0.5rem 0.5rem 0.5rem; 825 margin-bottom: 10px; 826 display: flex; 827 flex-direction: column; 828 justify-content: space-between; 829 align-items: flex-start; 830 flex-wrap: nowrap; 831} 832.c-story__img img { 833 width: unset; 834 max-width: 120px; 835 max-height: 80px; 836} 837.dv-grid__item.u-flex__item.one-half.sm-one-whole.s-one-whole > a.c-story { 838 margin-left: 10px; 839 margin-right: -5px; 840} 841.dv-grid__item.u-flex__item.one-half.sm-one-whole.s-one-whole { 842 padding-left: 20px; 843} 844.dv-grid__item.u-flex__item.one-half.sm-one-whole.s-one-whole > a.c-story { 845 margin-left: -5px; 846 margin-right: -5px; 847} 848/* PAGE SECTIONS */ 849.ab__section:nth-child(1) { 850 background: #ffffff; 851 padding: 0; 852 border-radius: 0 1em 1em 1em; 853 border: none; 854 margin-bottom: 2rem; 855} 856.ab__section:nth-child(2) { 857 background: #f9f9f9; 858 padding: 1rem; 859 border-radius: 0 1rem 1rem 1rem; 860 border: 1px solid #c9c9c9; 861 margin-bottom: 2rem; 862} 863/* PERSON BLOCKS */ 864.ab__person-block { 865 display: flex; 866 flex-direction: row; 867 align-items: center; 868 justify-content: space-between; 869 padding: 1rem; 870 background: #fbfbfb; 871 margin-bottom: 1rem; 872 border: 1px solid #d3d3d3; 873 border-radius: 0 1rem 1rem 1rem; 874} 875 876.ab__person-text { 877 display: flex; 878 flex-direction: column; 879 justify-content: center;
880 align-items: flex-start; 881} 882 883.ab__person-image { 884 display: block; 885 width: 220px; 886 padding: 1em; 887 background: #eaeaea; 888 border-radius: 0 1rem 1rem 1rem; 889 margin: 0 0 0 auto; 890} 891.ab__person-image img { 892 width: 100%; 893 display: block; 894 margin: 0 auto; 895 max-width: 200px; 896 border-radius: 0 1rem 1rem 1rem; 897 border: 3px solid #008577; 898} 899@media only screen and (max-width: 800px) { 900.ab__person-image { 901 display: block; 902 width: 100% !important 903} 904.ab__person-image img { 905 margin: 0 auto; 906} 907.ab__person-block { 908 display: block; 909} 910} 911.ab__person-text h1, .ab__person-text h2, .ab__person-text h3, .ab__person-text h4, .ab__person-text h5, .ab__person-text h6, .ab__person-text p { 912 display: inline-block; 913 width: auto; 914 margin-bottom: 0.5rem !important; 915} 916 917audio,canvas,progress,video{ 918 display:inline-block; 919 vertical-align:baseline; 920 width:100% 921} 922/* FANCY LISTS STYLING */ 923.s-page ol:not([class]){ 924 counter-reset: gradient-counter 1; 925 list-style: none; 926 margin: 1.75rem 0; 927 padding-left: 1rem; 928} 929.s-page ol:not([class])> li { 930 position: relative; 931} 932.s-page ol:not([class])> li > p { 933 background: #ffffff; 934 border-radius: 0 1rem 1rem 1rem; 935 counter-increment: gradient-counter; 936 margin-top: 1rem; 937 min-height: 3rem; 938 padding: 0.5rem 0.5rem 0.5rem 3rem; 939 position: relative; 940 box-shadow: 0px 3px 13px 1px #00000010; 941} 942.s-page ol:not([class])> li::before, .s-page ol:not([class])> li::after { 943 background: linear-gradient(135deg, #008577 0%, #08465d 100%); 944 border-radius: 0 0.5rem 0.5rem 0.5rem; 945 content: ""; 946 height: 3rem; 947 left: -1rem; 948 overflow: hidden; 949 position: absolute; 950 top: -1rem; 951 width: 3rem; 952} 953.s-page ol:not([class])> li::before { 954 align-items: flex-end; 955 content: counter(gradient-counter); 956 position: absolute; 957 color: #fff; 958 display: flex; 959 font: 900 1.5em/1 "Effra"; 960 justify-content: flex-end; 961 padding: 0.125em 0.25em; 962 z-index: 1; 963} 964.s-page ol:not([class])> li:nth-child(10n+1):before { 965 background: linear-gradient(135deg, rgba(8, 70, 93, 0.2) 0%, rgba(0, 133, 119, 0.2) 100%); 966} 967.s-page ol:not([class])> li:nth-child(10n+2):before { 968 background: linear-gradient(135deg, rgba(8, 70, 93, 0.4) 0%, rgba(0, 133, 119, 0.4) 100%); 969} 970.s-page ol:not([class])> li:nth-child(10n+3):before { 971 background: linear-gradient(135deg, rgba(8, 70, 93, 0.6) 0%, rgba(0, 133, 119, 0.6) 100%); 972} 973.s-page ol:not([class])> li:nth-child(10n+4):before { 974 background: linear-gradient(135deg, rgba(8, 70, 93, 0.8) 0%, rgba(0, 133, 119, 0.8) 100%); 975} 976.s-page ol:not([class])> li:nth-child(10n+5):before { 977 background: linear-gradient(135deg, rgba(8, 70, 93, 0.8) 0%, rgba(0, 133, 119, 0.8) 100%); 978} 979.s-page ol:not([class])> li:nth-child(10n+6):before { 980 background: linear-gradient(135deg, rgba(8, 70, 93, 0.8) 0%, rgba(0, 133, 119, 0.8) 100%); 981} 982.s-page ol:not([class])> li:nth-child(10n+7):before { 983 background: linear-gradient(135deg, rgba(8, 70, 93, 0.6) 0%, rgba(0, 133, 119, 0.6) 100%); 984} 985.s-page ol:not([class])> li:nth-child(10n+8):before { 986 background: linear-gradient(135deg, rgba(8, 70, 93, 0.4) 0%, rgba(0, 133, 119, 0.4) 100%); 987} 988.s-page ol:not([class])> li:nth-child(10n+9):before { 989 background: linear-gradient(135deg, rgba(8, 70, 93, 0.2) 0%, rgba(0, 133, 119, 0.2) 100%); 990} 991.s-page ol:not([class])> li:nth-child(10n+10):before { 992 background: linear-gradient(135deg, rgba(8, 70, 93, 0) 0%, rgba(0, 133, 119, 0) 100%); 993} 994.s-page ol:not([class])> li + li { 995 margin-top: 2rem; 996} 997 998.s-page ul:not([class]){ 999 counter-reset: gradient-counter 1; 1000 list-style: none; 1001 margin: 1.75rem 0; 1002 padding-left: 1rem; 1003} 1004.s-page ul:not([class])> li { 1005 position: relative; 1006} 1007.s-page ul:not([class])> li > p { 1008 background: #ffffff; 1009 border-radius: 0 1rem 1rem 1rem; 1010 counter-increment: gradient-counter; 1011 margin-top: 1rem; 1012 min-height: 3rem; 1013 padding: 0.5rem 0.5rem 0.5rem 3rem; 1014 position: relative; 1015 box-shadow: 0px 3px 13px 1px #00000010; 1016} 1017.s-page ul:not([class])> li::before, .s-page ul:not([class])> li::after { 1018 background: linear-gradient(135deg, #008577 0%, #08465d 100%); 1019 border-radius: 0 0.5rem 0.5rem 0.5rem; 1020 content: ""; 1021 height: 3rem; 1022 left: -1rem; 1023 overflow: hidden; 1024 position: absolute; 1025 top: -1rem; 1026 width: 3rem; 1027} 1028.s-page ul:not([class])> li::before { 1029 align-items: flex-end; 1030 content: "â"; 1031 color: #ffffff; 1032 display: flex; 1033 font: 900 1.5em/1 "Effra"; 1034 justify-content: flex-end; 1035 padding: 0.125em 0.25em; 1036 z-index: 1; 1037 position: absolute; 1038} 1039.s-page ul:not([class])> li:nth-child(10n+1):before { 1040 background: linear-gradient(135deg, rgba(8, 70, 93, 0.2) 0%, rgba(0, 133, 119, 0.2) 100%); 1041} 1042.s-page ul:not([class])> li:nth-child(10n+2):before { 1043 background: linear-gradient(135deg, rgba(8, 70, 93, 0.4) 0%, rgba(0, 133, 119, 0.4) 100%); 1044} 1045.s-page ul:not([class])> li:nth-child(10n+3):before { 1046 background: linear-gradient(135deg, rgba(8, 70, 93, 0.6) 0%, rgba(0, 133, 119, 0.6) 100%); 1047} 1048.s-page ul:not([class])> li:nth-child(10n+4):before { 1049 background: linear-gradient(135deg, rgba(8, 70, 93, 0.8) 0%, rgba(0, 133, 119, 0.8) 100%); 1050} 1051.c-page ul:not([class])> li:nth-child(10n+5):before { 1052 background: linear-gradient(135deg, rgba(8, 70, 93, 0.8) 0%, rgba(0, 133, 119, 0.8) 100%); 1053} 1054.s-page ul:not([class])> li:nth-child(10n+6):before { 1055 background: linear-gradient(135deg, rgba(8, 70, 93, 0.8) 0%, rgba(0, 133, 119, 0.8) 100%); 1056} 1057.s-page ul:not([class])> li:nth-child(10n+7):before { 1058 background: linear-gradient(135deg, rgba(8, 70, 93, 0.6) 0%, rgba(0, 133, 119, 0.6) 100%); 1059} 1060.s-page ul:not([class])> li:nth-child(10n+8):before { 1061 background: linear-gradient(135deg, rgba(8, 70, 93, 0.4) 0%, rgba(0, 133, 119, 0.4) 100%); 1062} 1063.s-page ul:not([class])> li:nth-child(10n+9):before { 1064 background: linear-gradient(135deg, rgba(8, 70, 93, 0.2) 0%, rgba(0, 133, 119, 0.2) 100%); 1065} 1066.s-page ul:not([class])> li:nth-child(10n+10):before { 1067 background: linear-gradient(135deg, rgba(8, 70, 93, 0) 0%, rgba(0, 133, 119, 0) 100%); 1068} 1069.s-page ul:not([class])> li + li { 1070 margin-top: 2rem; 1071} 1072.c-page-main ol:not([class]){ 1073 counter-reset: gradient-counter 1; 1074 list-style: none; 1075 margin: 1.75rem 0; 1076 padding-left: 1rem; 1077} 1078.c-page-main ol:not([class])> li { 1079 position: relative; 1080} 1081.c-page-main ol:not([class])> li > p { 1082 background: #ffffff; 1083 border-radius: 0 1rem 1rem 1rem; 1084 counter-increment: gradient-counter; 1085 margin-top: 1rem; 1086 min-height: 3rem; 1087 padding: 0.5rem 0.5rem 0.5rem 3rem; 1088 position: relative; 1089 box-shadow: 0px 3px 13px 1px #00000010; 1090} 1091.c-page-main ol:not([class])> li::before, .c-page-main ol:not([class])> li::after { 1092 background: linear-gradient(135deg, #008577 0%, #08465d 100%); 1093 border-radius: 0 0.5rem 0.5rem 0.5rem; 1094 content: ""; 1095 height: 3rem; 1096 left: -1rem; 1097 overflow: hidden; 1098 position: absolute; 1099 top: -1rem; 1100 width: 3rem; 1101} 1102.c-page-main ol:not([class])> li::before { 1103 align-items: flex-end; 1104 content: counter(gradient-counter); 1105 position: absolute; 1106 color: #fff; 1107 display: flex; 1108 font: 900 1.5em/1 "Effra"; 1109 justify-content: flex-end; 1110 padding: 0.125em 0.25em; 1111 z-index: 1; 1112} 1113.c-page-main ul:not([class])> li:nth-child(10n+1):before { 1114 background: linear-gradient(135deg, rgba(8, 70, 93, 0.2) 0%, rgba(0, 133, 119, 0.2) 100%); 1115} 1116.c-page-main ul:not([class])> li:nth-child(10n+2):before { 1117 background: linear-gradient(135deg, rgba(8, 70, 93, 0.4) 0%, rgba(0, 133, 119, 0.4) 100%); 1118} 1119.c-page-main ul:not([class])> li:nth-child(10n+3):before { 1120 background: linear-gradient(135deg, rgba(8, 70, 93, 0.6) 0%, rgba(0, 133, 119, 0.6) 100%); 1121} 1122.c-page-main ul:not([class])> li:nth-child(10n+4):before { 1123 background: linear-gradient(135deg, rgba(8, 70, 93, 0.8) 0%, rgba(0, 133, 119, 0.8) 100%); 1124} 1125.c-page-main ul:not([class])> li:nth-child(10n+5):before { 1126 background: linear-gradient(135deg, rgba(8, 70, 93, 0.8) 0%, rgba(0, 133, 119, 0.8) 100%); 1127} 1128.c-page-main ul:not([class])> li:nth-child(10n+6):before { 1129 background: linear-gradient(135deg, rgba(8, 70, 93, 0.8) 0%, rgba(0, 133, 119, 0.8) 100%); 1130} 1131.c-page-main ul:not([class])> li:nth-child(10n+7):before { 1132 background: linear-gradient(135deg, rgba(8, 70, 93, 0.6) 0%, rgba(0, 133, 119, 0.6) 100%); 1133} 1134.c-page-main ul:not([class])> li:nth-child(10n+8):before { 1135 background: linear-gradient(135deg, rgba(8, 70, 93, 0.4) 0%, rgba(0, 133, 119, 0.4) 100%); 1136} 1137.c-page-main ul:not([class])> li:nth-child(10n+9):before { 1138 background: linear-gradient(135deg, rgba(8, 70, 93, 0.2) 0%, rgba(0, 133, 119, 0.2) 100%); 1139} 1140.c-page-main ul:not([class])> li:nth-child(10n+10):before { 1141 background: linear-gradient(135deg, rgba(8, 70, 93, 0) 0%, rgba(0, 133, 119, 0) 100%); 1142} 1143 1144.c-page-main ul:not([class]){ 1145 counter-reset: gradient-counter 1; 1146 list-style: none; 1147 margin: 1.75rem 0; 1148 padding-left: 1rem; 1149} 1150.c-page-main ul:not([class])> li { 1151 position: relative; 1152} 1153.c-page-main ul:not([class])> li > p { 1154 background: #ffffff; 1155 border-radius: 0 1rem 1rem 1rem; 1156 counter-increment: gradient-counter; 1157 margin-top: 1rem; 1158 min-height: 3rem; 1159 padding: 0.5rem 0.5rem 0.5rem 3rem; 1160 position: relative; 1161 box-shadow: 0px 3px 13px 1px #00000010; 1162} 1163.c-page-main ul:not([class])> li::before, .c-page-main ul:not([class])> li::after { 1164 background: linear-gradient(135deg, #008577 0%, #08465d 100%); 1165 border-radius: 0 0.5rem 0.5rem 0.5rem; 1166 content: ""; 1167 height: 3rem; 1168 left: -1rem; 1169 overflow: hidden; 1170 position: absolute; 1171 top: -1rem; 1172 width: 3rem; 1173} 1174.c-page-main ul:not([class])> li::before { 1175 align-items: flex-end; 1176 content: "â"; 1177 color: #ffffff; 1178 display: flex; 1179 font: 900 1.5em/1 "Effra"; 1180 justify-content: flex-end; 1181 padding: 0.125em 0.25em; 1182 z-index: 1; 1183 position: absolute; 1184} 1185.c-page-main ul:not([class])> li:nth-child(10n+1):before { 1186 background: linear-gradient(135deg, rgba(8, 70, 93, 0.2) 0%, rgba(0, 133, 119, 0.2) 100%); 1187} 1188.c-page-main ul:not([class])> li:nth-child(10n+2):before { 1189 background: linear-gradient(135deg, rgba(8, 70, 93, 0.4) 0%, rgba(0, 133, 119, 0.4) 100%); 1190} 1191.c-page-main ul:not([class])> li:nth-child(10n+3):before { 1192 background: linear-gradient(135deg, rgba(8, 70, 93, 0.6) 0%, rgba(0, 133, 119, 0.6) 100%); 1193} 1194.c-page-main ul:not([class])> li:nth-child(10n+4):before { 1195 background: linear-gradient(135deg, rgba(8, 70, 93, 0.8) 0%, rgba(0, 133, 119, 0.8) 100%); 1196} 1197.c-page-main ul:not([class])> li:nth-child(10n+5):before { 1198 background: linear-gradient(135deg, rgba(8, 70, 93, 0.8) 0%, rgba(0, 133, 119, 0.8) 100%); 1199} 1200.c-page-main ul:not([class])> li:nth-child(10n+6):before { 1201 background: linear-gradient(135deg, rgba(8, 70, 93, 0.8) 0%, rgba(0, 133, 119, 0.8) 100%); 1202} 1203.c-page-main ul:not([class])> li:nth-child(10n+7):before { 1204 background: linear-gradient(135deg, rgba(8, 70, 93, 0.6) 0%, rgba(0, 133, 119, 0.6) 100%); 1205} 1206.c-page-main ul:not([class])> li:nth-child(10n+8):before { 1207 background: linear-gradient(135deg, rgba(8, 70, 93, 0.4) 0%, rgba(0, 133, 119, 0.4) 100%); 1208} 1209.c-page-main ul:not([class])> li:nth-child(10n+9):before { 1210 background: linear-gradient(135deg, rgba(8, 70, 93, 0.2) 0%, rgba(0, 133, 119, 0.2) 100%); 1211} 1212.c-page-main ul:not([class])> li:nth-child(10n+10):before { 1213 background: linear-gradient(135deg, rgba(8, 70, 93, 0) 0%, rgba(0, 133, 119, 0) 100%); 1214} 1215.c-page-main ul:not([class])> li + li { 1216 margin-top: 2rem; 1217} 1218 /* GENERIC BUTTON STYLES */ 1219button,.button,.c-btn,button:hover,.button:hover,c-btn:hover { 1220 border-radius: 0 1rem 1rem 1rem !important; 1221 overflow: hidden; 1222 } 1223 1224@media only screen and (max-width: 480px) { 1225button,.button,.c-btn:not(.c-carousel__btn, .c-nav-toggle) { 1226 display: block; 1227 width: 100% 1228 } 1229} 1230.wide { 1231 display: block; 1232 width: 100% !important; 1233} 1234/* EFFRA FONTS INSTALL AND OVERRIDES */ 1235@font-face{ 1236 font-family:"effra"; 1237 src:url(https://use.typekit.net/af/2dce9d/00000000000000003b9b489b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3)format("woff2"),url(https://use.typekit.net/af/2dce9d/00000000000000003b9b489b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3)format("woff"),url(https://use.typekit.net/af/2dce9d/00000000000000003b9b489b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3)format("opentype"); 1238 font-display:auto; 1239 font-style:normal; 1240 font-weight:400; 1241 font-stretch:normal 1242} 1243@font-face{ 1244 font-family:"effra"; 1245 src:url(https://use.typekit.net/af/199ff2/00000000000000003b9b489a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3)format("woff2"),url(https://use.typekit.net/af/199ff2/00000000000000003b9b489a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3)format("woff"),url(https://use.typekit.net/af/199ff2/00000000000000003b9b489a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3)format("opentype"); 1246 font-display:auto; 1247 font-style:italic; 1248 font-weight:400; 1249 font-stretch:normal 1250} 1251@font-face{ 1252 font-family:"effra"; 1253 src:url(https://use.typekit.net/af/23ddd7/00000000000000003b9b489e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3)format("woff2"),url(https://use.typekit.net/af/23ddd7/00000000000000003b9b489e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3)format("woff"),url(https://use.typekit.net/af/23ddd7/00000000000000003b9b489e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3)format("opentype"); 1254 font-display:auto; 1255 font-style:normal; 1256 font-weight:700; 1257 font-stretch:normal 1258} 1259@font-face{ 1260 font-family:"effra"; 1261 src:url(https://use.typekit.net/af/f8c60c/00000000000000003b9b489f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3)format("woff2"),url(https://use.typekit.net/af/f8c60c/00000000000000003b9b489f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3)format("woff"),url(https://use.typekit.net/af/f8c60c/00000000000000003b9b489f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3)format("opentype"); 1262 font-display:auto; 1263 font-style:italic; 1264 font-weight:700; 1265 font-stretch:normal 1266} 1267@font-face{ 1268 font-family:"effra"; 1269 src:url(https://use.typekit.net/af/a61338/00000000000000003b9b4898/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3)format("woff2"),url(https://use.typekit.net/af/a61338/00000000000000003b9b4898/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3)format("woff"),url(https://use.typekit.net/af/a61338/00000000000000003b9b4898/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3)format("opentype"); 1270 font-display:auto; 1271 font-style:normal; 1272 font-weight:300; 1273 font-stretch:normal 1274} 1275@font-face{ 1276 font-family:"effra"; 1277 src:url(https://use.typekit.net/af/4114f0/00000000000000003b9b4899/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3)format("woff2"),url(https://use.typekit.net/af/4114f0/00000000000000003b9b4899/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3)format("woff"),url(https://use.typekit.net/af/4114f0/00000000000000003b9b4899/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3)format("opentype"); 1278 font-display:auto; 1279 font-style:italic; 1280 font-weight:300; 1281 font-stretch:normal 1282} 1283@font-face{ 1284 font-family:"effra"; 1285 src:url(https://use.typekit.net/af/ecc7e6/00000000000000003b9b489c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3)format("woff2"),url(https://use.typekit.net/af/ecc7e6/00000000000000003b9b489c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3)format("woff"),url(https://use.typekit.net/af/ecc7e6/00000000000000003b9b489c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3)format("opentype"); 1286 font-display:auto; 1287 font-style:normal; 1288 font-weight:500; 1289 font-stretch:normal 1290} 1291@font-face{ 1292 font-family:"effra"; 1293 src:url(https://use.typekit.net/af/206d7a/00000000000000003b9b489d/27/l?primer=7cd
1293cb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3)format("woff2"),url(https://use.typekit.net/af/206d7a/00000000000000003b9b489d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3)format("woff"),url(https://use.typekit.net/af/206d7a/00000000000000003b9b489d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3)format("opentype"); 1294 font-display:auto; 1295 font-style:italic; 1296 font-weight:500; 1297 font-stretch:normal 1298} 1299@font-face{ 1300 font-family:"effra"; 1301 src:url(https://use.typekit.net/af/e4377d/00000000000000003b9b48a0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3)format("woff2"),url(https://use.typekit.net/af/e4377d/00000000000000003b9b48a0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3)format("woff"),url(https://use.typekit.net/af/e4377d/00000000000000003b9b48a0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3)format("opentype"); 1302 font-display:auto; 1303 font-style:normal; 1304 font-weight:900; 1305 font-stretch:normal 1306} 1307@font-face{ 1308 font-family:"effra"; 1309 src:url(https://use.typekit.net/af/95e179/00000000000000003b9b48a1/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3)format("woff2"),url(https://use.typekit.net/af/95e179/00000000000000003b9b48a1/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3)format("woff"),url(https://use.typekit.net/af/95e179/00000000000000003b9b48a1/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3)format("opentype"); 1310 font-display:auto; 1311 font-style:italic; 1312 font-weight:900; 1313 font-stretch:normal 1314} 1315*{ 1316 font-family:"effra",sans-serif 1317} 1318/* PODCAST SECTION STYLES */ 1319.aiir-podcasts__series-top { 1320 margin-bottom: 20px; 1321 overflow: hidden; 1322 display: flex; 1323 flex-direction: row; 1324 flex-wrap: wrap; 1325 justify-content: space-around; 1326 background: var(--aiir-fw-podcast-sub-hover-bg); 1327 padding: 1em; 1328 border-radius: var(--ab-academy-lg-radius); 1329 border: 1px solid var(--aiir-fw-podcast-sub-hover-border); 1330 } 1331 1332 .aiir-podcasts__series-img { 1333 display: flex; 1334 flex-grow: 2; 1335 flex-basis: 150px 1336 } 1337 1338 .aiir-podcasts__series-top p { 1339 color: #333; 1340 display: flex; 1341 flex-grow: 8; 1342 flex-basis: 400px; 1343 align-items: center; 1344 justify-content: space-around; 1345 margin: 1em 1346 } 1347 1348 .aiir-podcasts__series-top .aiir-share { 1349 margin: 1em 0 0 0;; 1350 display: block; 1351 position: relative; 1352 width: 100% 1353 } 1354 1355 .aiir-podcasts__series-top .aiir-share__list { 1356 list-style: none; 1357 margin: 0; 1358 float: right; 1359 display: block; 1360 width: 100%; 1361 border: 1px solid var(--aiir-fw-podcast-sub-hover-border); 1362 border-radius: var(--aiir-fw-sec-button-radius); 1363 padding: 10px 0 10px 10px; 1364 background: #ffffff 1365 } 1366 1367 .aiir-podcasts__series-top .aiir-share__item { 1368 float: right; 1369 margin: 0 5px 1370 } 1371 1372 @media only screen and (max-width: 400px) { 1373 .aiir-podcasts__series-top ul.aiir-share__list:before { 1374 content: "\f1e0"; 1375 font: var(--fa-font-solid); 1376 text-rendering: auto; 1377 -webkit-font-smoothing: antialiased; 1378 position: absolute; 1379 display: inline-block; 1380 float: left; 1381 top: 50%; 1382 -ms-transform: translateY(-50%); 1383 transform: translateY(-50%) 1384 } 1385 } 1386 1387 @media only screen and (min-width: 401px) { 1388 .aiir-podcasts__series-top ul.aiir-share__list:before { 1389 content: "Share This Podcast"; 1390 position: absolute; 1391 display: inline-block; 1392 float: left; 1393 top: 50%; 1394 -ms-transform: translateY(-50%); 1395 transform: translateY(-50%) 1396 } 1397 } 1398 1399 .aiir-podcasts h2:first-of-type { 1400 display: block; 1401 width: 100%; 1402 padding: 5px 10px; 1403 margin-bottom: 1em; 1404 font-size: var(--aiir-fw-actions-font-size) !important; 1405 font-weight: 400; 1406 border-radius: var(--aiir-fw-sec-button-radius); 1407 background: var(--aiir-fw-sec-button-bg); 1408 color: var(--aiir-fw-sec-button-color) 1409 } 1410 1411 @media only screen and (max-width: 400px) { 1412 .aiir-podcasts-sub-list { 1413 margin: 0 1414 } 1415 1416 li.aiir-podcasts-sub-list__item { 1417 width: 100%; 1418 margin: 0 0 0.5em 0; 1419 padding: 0 1420 } 1421 1422 .aiir-podcasts-sub-list::after { 1423 content: ""; 1424 display: block; 1425 clear: both; 1426 background: #cfcfcf; 1427 margin: 1em 0 1em 0; 1428 width: 100%; 1429 height: 0.1px 1430 } 1431 } 1432 1433 @media only screen and (min-width: 401px) { 1434 .aiir-podcasts-sub-list::after { 1435 content: ""; 1436 display: block; 1437 clear: both; 1438 background: #878787; 1439 margin: 1em -1em 0 1em; 1440 width: 100%; 1441 height: 0.1px 1442 } 1443 } 1444 1445 .aiir-podcasts h2 { 1446 text-transform: capitalize; 1447 line-height: 1; 1448 color: var(--aiir-fw-sec-button-color); 1449 background: var(--aiir-fw-sec-button-bg); 1450 background: -moz-linear-gradient(left, var(--aiir-fw-sec-button-bg) 0, #008577 100%); 1451 background: -webkit-linear-gradient(left, var(--aiir-fw-sec-button-bg) 0, #008577 100%); 1452 background: linear-gradient(to right, var(--aiir-fw-sec-button-bg) 0, #008577 100%); 1453 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--aiir-fw-sec-button-bg)', endColorstr='#ffcc01', GradientType=1); 1454 display: block; 1455 width: 100%; 1456 padding: 5px 10px; 1457 margin-bottom: 20px; 1458 border-radius: var(--aiir-fw-sec-button-radius); 1459 } 1460</style> 1461 1462<!-- Site CSS Customisations END --> 1463<!-- Google Tag Manager -->
1464<script>
vendor: 417 bytes, lines 1464-1468
1464(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1465 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1466 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1467 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1468 })(window,document,'script','dataLayer','
1468GTM-KFVVR2FQ
vendor: 3 bytes, line 1468
1468');
1468</script>
1468 1469<!-- End Google Tag Manager --> 1470<meta name="facebook-domain-verification" content="1b98he616fqmbg50bs0kcpfkwa1vcm" /> 1471</head> 1472<body data-controller="ads"> 1473 1474<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 1474-1475
1474 1475<script async src="https://www.googletagmanager.com/gtag/js?id=
1475G-HYWHBWZYWB
vendor: 12 bytes, line 1475
1475"></script>
1476<script> 1477
vendor: 134 bytes, lines 1477-1481
1477window.dataLayer = window.dataLayer || []; 1478 function gtag(){dataLayer.push(arguments);} 1479 gtag('js', new Date()); 1480 1481 gtag('config', '
1481G-HYWHBWZYWB
vendor: 4 bytes, line 1481
1481');
1482</script>
1482 1483 1484<div class="c-nav-overspill js-top-nav js-slide-move"> 1485 <ul></ul> 1486</div> 1487 1488<div class="c-site-overlay js-site-overlay"></div> 1489 1490<div class="c-site-wrapper js-slide-move"> 1491 1492 <header class="c-page-head"> 1493 1494 <img class="c-logo" src="https://mmo.aiircdn.com/20/6523de5260e56.png" alt="Gaydio Academy"> 1495 1496 <div class="c-nav-primary-wrapper js-nav-primary-wrapper"> 1497 <nav class="c-nav-primary js-nav-primary"> 1498 <h2 class="hide"><a href="/">Navigation</a></h2> 1499 <ul class="global-nav-top"><li class="nav--pagemanager on"><div><a href="/"> 1500 Home 1501 </a></div></li><li class="nav--courses "><div><a href="#"> 1502 Courses 1503 </a></div><ul><li><a href="/courses/current-courses/"> 1504 Current Courses 1505 </a></li><li><a href="/courses/previous-courses/"> 1506 Previous Courses 1507 </a></li></ul></li><li class="nav--projects "><div><a href="/projects/"> 1508 Projects 1509 </a></div></li><li class="nav--volunteer "><div><a href="/volunteer/"> 1510 Volunteer 1511 </a></div></li><li class="nav--podcasts1 "><div><a href="/podcasts1/"> 1512 Podcasts 1513 </a></div></li><li class="nav--testimonials "><div><a href="/testimonials/"> 1514 Testimonials 1515 </a></div></li><li class="nav--connect "><div><a href="/connect/"> 1516 Connect 1517 </a></div><ul><li><a href="/connect/about/"> 1518 About The Academy 1519 </a></li><li><a href="/connect/"> 1520 Contact Us 1521 </a></li><li><a href="/connect/keep-updated/"> 1522 Keep Updated 1523 </a></li><li><a href="/connect/work-in-radio/"> 1524 Work In Radio 1525 </a></li></ul></li></ul> 1526 </nav> 1527 </div> 1528 1529 1530 <button class="c-nav-toggle js-toggle-navigation" type="button"> 1531 <div class="c-nav-icon"> 1532 <i class="c-nav-toggle__line"></i><i class="c-nav-toggle__line"></i><i class="c-nav-toggle__line"></i> 1533 </div> 1534 <span class="c-nav-toggle__title">Menu</span> 1535 </button> 1536 1537 </header> 1538 1539 1540 <main class="c-page-main"> 1541 1542 <div class="c-page-main__full-width"> 1543 1544 1545 1546 1547 1548 1549<section class="o-content-block o-content-block--theme-block o-content-block--padding-large o-content-block--venture-custom o-content-block--center o-content-block--text-large o-content-block--bg-light o-content-block--bg-img" 1550 1551 1552 1553 1554 1555 style="background-image:url('https://mmo.aiircdn.com/20/696ff56439361.png'); background-attachment:fixed;"> 1556 <div class="o-wrapper"> 1557 <div class="o-content-block__inner o-content-block__inner--has-image"> 1558 <div class="o-content-block__img"><img src="https://mmo.aiircdn.com/20/6523de5260e56.png" alt=""/></div> <div class="o-content-block__text"> 1559 <h2 class="o-headline">Welcome to the Gaydio Academy</h2> 1560 <p class="heavy" style="margin: 2.25rem 0 2.25rem 0;">A not-for-profit LGBTQ+ organisation,<br /> 1561<small>supporting participants through the provision of confidence building, skills-based education and training.</small></p> 1562 </div> 1563 </div> 1564 </div> 1565 <div class="o-content-block--bg-light 1566 o-content-block--bg-opacity 1567 o-content-block--bg-opacity-low 1568 "></div> 1569</section> 1570 1571 1572<section class="o-content-block o-content-block--padding-large o-content-block--center o-content-block--venture-custom"> 1573 <div class="o-wrapper"> 1574 <h2 class="o-headline">About The Gaydio Academy</h2> 1575 <div class="dv-grid u-flex u-flex--secwrapper s-dv-grid--small"><div class="dv-grid__item u-flex one-fifth m-one-third sm-one-half s-one-half">
1575<script src="https://cdn.lordicon.com/lordicon.js"></script>
1575 1576<lord-icon 1577 src="https://cdn.lordicon.com/qwjfapmb.json" 1578 trigger="hover" 1579 style="width:250px;height:250px"> 1580</lord-icon> 1581<h3 class="stats"><span class="jumbo-stats">Free courses and projects each year</h3></div><div class="dv-grid__item u-flex one-fifth m-one-third sm-one-half s-one-half">
1581<script src="https://cdn.lordicon.com/lordicon.js"></script>
1581 1582<lord-icon 1583 src="https://cdn.lordicon.com/xcxzayqr.json" 1584 trigger="hover" 1585 style="width:250px;height:250px"> 1586</lord-icon> 1587<h3 class="stats"><span class="jumbo-stats">300+</span> learners each year</h3></div><div class="dv-grid__item u-flex one-fifth m-one-third sm-one-half s-one-half">
1587<script src="https://cdn.lordicon.com/lordicon.js"></script>
1587<lord-icon src="https://cdn.lordicon.com/iikoxwld.json" style="width:250px;height:250px" trigger="hover"> </lord-icon> 1588<p> </p> 1589 1590<p> </p> 1591 1592<p> </p> 1593 1594<h3 class="stats"><span class="jumbo-stats">Across the UK</h3> 1595 1596<p> </p></div><div class="dv-grid__item u-flex one-fifth m-one-third sm-one-half s-one-half">
1596<script src="https://cdn.lordicon.com/lordicon.js"></script>
1596 1597<lord-icon 1598 src="https://cdn.lordicon.com/ceogkocw.json" 1599 trigger="hover" 1600 style="width:250px;height:250px"> 1601</lord-icon> 1602<h3 class="stats"><span class="jumbo-stats">70</span> combined years' industry experience</h3></div><div class="dv-grid__item u-flex one-fifth m-one-third sm-one-half s-one-half">
1602<script src="https://cdn.lordicon.com/lordicon.js"></script>
1602 1603<lord-icon 1604 src="https://cdn.lordicon.com/hhduyftw.json" 1605 trigger="hover" 1606 style="width:250px;height:250px"> 1607</lord-icon> 1608<h3 class="stats">Award winning programmes and courses</h3></div></div> 1609 </div> 1610</section> 1611 1612 1613 1614 1615 1616<section class="o-content-block o-content-block--theme-block o-content-block--padding-large o-content-block--venture-custom o-content-block--center o-content-block--bg-light o-content-block--bg-img" 1617 1618 1619 1620 1621 1622 style="background-image:url('https://mmo.aiircdn.com/20/67615a2e2f0c0.png'); background-attachment:fixed;"> 1623 <div class="o-wrapper"> 1624 <div class="o-content-block__inner "> 1625 <div class="o-content-block__text"> 1626 <h2 class="o-headline">Take Part</h2> 1627 <p class="heavy">The Gaydio Academy helps Gaydio reflect the diversity of the audience we represent. It's a core building block in our mission to be the UK's LGBTQ+ station.</p> 1628 1629<p class="heavy">Please check out our Vision, Mission and Values <a href="https://www.gaydio.academy/legal/our-vision-mission-and-values/" target="_blank">here</a>.</p> 1630 1631<p>All activities at The Gaydio Academy are free. No experience is necessary. We're LGBTQ+ focussed, not LGBTQ+ exclusive.</p> 1632 1633<ul> 1634 <li> 1635 <p>As a learner, you'll get experience in media and content creation while you learn new transferrable skills.</p> 1636 </li> 1637 <li> 1638 <p>After training, you can expect to collaborate with others, creating professional-quality audio packages with support from our team.</p> 1639 </li> 1640 <li> 1641 <p>You'll build your confidence and become more employable in the process - all in a fun environment where you'll make friends.</p> 1642 </li> 1643 <li> 1644 <p>After you finish, there are opportunities to progress to further work experience and volunteering.</p> 1645 </li> 1646</ul> 1647 <a href="https://www.gaydio.academy/connect" class="c-btn 1648 c-btn--dark-stroke 1649 "><span>Interested? Get In Touch</span></a> </div> 1650 </div> 1651 </div> 1652 <div class="o-content-block--bg-light 1653 o-content-block--bg-opacity 1654 o-content-block--bg-opacity-low 1655 "></div> 1656</section> 1657 1658 1659<section class="o-content-block o-content-block--padding-large o-content-block--center o-content-block--venture-custom"> 1660 <div class="o-wrapper"> 1661 <h2 class="o-headline">Current Courses</h2> 1662 <div class="dv-grid u-flex u-flex--secwrapper s-dv-grid--small"><div class="dv-grid__item u-flex one-third m-one-half sm-one-half s-one-whole"> 1663 <div class="c-card c-card--rounded u-text-centered"> 1664 <div class="c-card__img" style="background-image:url('https://mmo.aiircdn.com/20/6997362f8a7f7.jpg');"></div> 1665 <div class="c-card__info"> 1666 <a href="/courses/2026/become-a-music-producer/"><span class="c-card__title">Become a Music Producer - Youth Music (Manchester)</span></a> 1667 <span class="c-card__text">powered by Gear4music</span> 1668 </div> 1669 </div> 1670</div><div class="dv-grid__item u-flex one-third m-one-half sm-one-half s-one-whole"> 1671 <div class="c-card c-card--rounded u-text-centered"> 1672 <div class="c-card__img" style="background-image:url('https://mmo.aiircdn.com/20/6a4cc0e68a036683f01.jpg');"></div> 1673 <div class="c-card__info"> 1674 <a href="/courses/2026/intro-to-broadcast-journalism-manchester/"><span class="c-card__title">Intro to Broadcast Journalism (Manchester)</span></a> 1675 <span class="c-card__text"></span> 1676 </div> 1677 </div> 1678</div><div class="dv-grid__item u-flex one-third m-one-half sm-one-half s-one-whole"> 1679 <div class="c-card c-card--rounded u-text-centered"> 1680 <div class="c-card__img" style="background-image:url('https://mmo.aiircdn.com/20/698ca425d048a.jpg');"></div> 1681 <div class="c-card__info"> 1682 <a href="/courses/2026/advanced-broadcast-assistant/"><span class="c-card__title">Advanced Broadcast Assistant - Audio & Video Editing, Social Media & Filming (Manchester)</span></a>
1683 <span class="c-card__text"></span> 1684 </div> 1685 </div> 1686</div><div class="dv-grid__item u-flex one-third m-one-half sm-one-half s-one-whole"> 1687 <div class="c-card c-card--rounded u-text-centered"> 1688 <div class="c-card__img" style="background-image:url('https://mmo.aiircdn.com/20/698ca5c13a79e.jpg');"></div> 1689 <div class="c-card__info"> 1690 <a href="/courses/2026/audible-futures/"><span class="c-card__title">Audible Futures - Advanced Audio & Video Podcasting (Manchester)</span></a> 1691 <span class="c-card__text"></span> 1692 </div> 1693 </div> 1694</div><div class="dv-grid__item u-flex one-third m-one-half sm-one-half s-one-whole"> 1695 <div class="c-card c-card--rounded u-text-centered"> 1696 <div class="c-card__img" style="background-image:url('https://mmo.aiircdn.com/20/6997362f8a7f7.jpg');"></div> 1697 <div class="c-card__info"> 1698 <a href="/courses/2026/become-a-dj/"><span class="c-card__title">Become a DJ - Youth Music (Manchester)</span></a> 1699 <span class="c-card__text">powered by Gear4music</span> 1700 </div> 1701 </div> 1702</div></div> 1703 </div> 1704</section> 1705 1706 1707 1708 1709 1710<section class="o-content-block o-content-block--theme-block o-content-block--padding-large o-content-block--venture-custom o-content-block--center o-content-block--bg-light" 1711 1712 1713 1714 1715 1716 > 1717 <div class="o-wrapper"> 1718 <div class="o-content-block__inner "> 1719 <div class="o-content-block__text"> 1720 <h2 class="o-headline">Previous Courses</h2> 1721 <p>We are proud of every participant who takes part in any of our courses/projects anywhere in the UK. The results the Academy has are outstanding with participants after taking our courses heading off the become presenters on multiple stations across the UK, producers for other national stations, broadcast journalists and more!</p> 1722 1723<p>Take a look at our previous courses so you can get a feel for what the courses are like and the outcomes you will achieve.</p> 1724 <a href="https://www.gaydio.academy/courses/previous-courses/" class="c-btn 1725 c-btn--dark-stroke 1726 "><span>Previous Courses</span></a> </div> 1727 </div> 1728 </div> 1729 <div class="o-content-block--bg-light 1730 o-content-block--bg-opacity 1731 o-content-block--bg-opacity-medium 1732 "></div> 1733</section> 1734 1735 1736 1737 1738 1739<section class="o-content-block o-content-block--theme-block o-content-block--padding-large o-content-block--venture-custom o-content-block--center o-content-block--bg-light" 1740 1741 1742 1743 1744 1745 > 1746 <div class="o-wrapper"> 1747 <div class="o-content-block__inner "> 1748 <div class="o-content-block__text"> 1749 <h2 class="o-headline">Projects</h2> 1750 <p>Alongside short taught courses that run over a week-or-so, The Gaydio Academy facilitates longer-term projects, with opportunities for involvement throughout the year. You could find yourself interviewing local politicians, putting together a series of podcasts to help tackle loneliness and isolation in our community or creating digital content to make a splash across social media.</p> 1751 <a href="https://www.gaydio.academy/projects/" class="c-btn 1752 c-btn--dark-stroke 1753 "><span>Projects</span></a> </div> 1754 </div> 1755 </div> 1756 <div class="o-content-block--bg-light 1757 o-content-block--bg-opacity 1758 o-content-block--bg-opacity-low 1759 "></div> 1760</section> 1761 1762 1763<section class="o-content-block o-content-block--padding-large o-content-block--center o-content-block--venture-custom"> 1764 <div class="o-wrapper"> 1765 <h2 class="o-headline">Podcasts</h2> 1766 <div class="dv-grid u-flex u-flex--secwrapper s-dv-grid--small"><div class="dv-grid__item u-flex one-third m-one-half sm-one-half s-one-whole"> 1767 <div class="c-card c-card--rounded u-text-centered"> 1768 <div class="c-card__img" style="background-image:url('https://mmo.aiircdn.com/20/6a10325a3a684.jpg');"></div> 1769 <div class="c-card__info"> 1770 <a href="/podcasts1/audible-futures-lgbtq-storytelling-and-podcasting-with-audible/"><span class="c-card__title">Audible Futures - LGBTQ+ Storytelling & Podcasting with Audible </span></a>
1771 <span class="c-card__text">‘Audible Futures’ with Gaydio is a powerful podcast series that explores the diverse experiences of LGBTQ+ individuals across the North West and is a spin-off of our 'Audible Lives' Podcast series. Through personal storytelling and shared advice, participants open up about their journeys and offer insight to others in the community.</span> 1772 </div> 1773 </div> 1774</div><div class="dv-grid__item u-flex one-third m-one-half sm-one-half s-one-whole"> 1775 <div class="c-card c-card--rounded u-text-centered"> 1776 <div class="c-card__img" style="background-image:url('https://mmo.aiircdn.com/20/67e2b18c66832.png');"></div> 1777 <div class="c-card__info"> 1778 <a href="/podcasts1/gaydio-academy-voices/"><span class="c-card__title">Gaydio Academy Voices</span></a> 1779 <span class="c-card__text">'Gaydio Academy Voices' is a series of podcast episodes which specific organisations and grant funders have funded to become a full series to help and advise the LGBTQ+ community by giving them a voice</span> 1780 </div> 1781 </div> 1782</div><div class="dv-grid__item u-flex one-third m-one-half sm-one-half s-one-whole"> 1783 <div class="c-card c-card--rounded u-text-centered"> 1784 <div class="c-card__img" style="background-image:url('https://mmo.aiircdn.com/20/677c0b42c0c11.png');"></div> 1785 <div class="c-card__info"> 1786 <a href="/projects/2024/audible-lives/"><span class="c-card__title">Audible Lives</span></a> 1787 <span class="c-card__text">'Audible Lives' with Gaydio and the Future Stories Fund with Audible is a series of podcast episodes which delves into the lives of LGBTQ+ participants across the North West, talking about their lived experiences and advice for other LGBTQ+ individuals</span> 1788 </div> 1789 </div> 1790</div><div class="dv-grid__item u-flex one-third m-one-half sm-one-half s-one-whole"> 1791 <div class="c-card c-card--rounded u-text-centered"> 1792 <div class="c-card__img" style="background-image:url('https://mmo.aiircdn.com/20/680a1a878d7f9.png');"></div> 1793 <div class="c-card__info"> 1794 <a href="/projects/2024/jd/"><span class="c-card__title">Diversity & Inclusion In Sport</span></a> 1795 <span class="c-card__text">JD Sports with Gaydio have teamed up to talk all things diversity and inclusion in sports. Applicants put their skills to the test and interview sports personalities and LGBTQ+ clubs which they then used to create unique episodes about diversity and inclusion in sport</span> 1796 </div> 1797 </div> 1798</div></div> 1799 </div> 1800</section> 1801 1802 1803 1804 1805 1806<section class="o-content-block o-content-block--theme-block o-content-block--padding-large o-content-block--venture-custom o-content-block--center o-content-block--bg-light o-content-block--bg-img" 1807 1808 1809 1810 1811 1812 style="background-image:url('https://mmo.aiircdn.com/20/676055d4a1a9c.png'); background-attachment:fixed;"> 1813 <div class="o-wrapper"> 1814 <div class="o-content-block__inner "> 1815 <div class="o-content-block__text"> 1816 <h2 class="o-headline">Applicants Testimonials</h2> 1817 <p>We love what we do, but it's what our learners, schools and partner organisations say that really matters. Whether you're a keen radio geek or a first-timer, you'll find the experience of someone just like you below...</p> 1818 1819<div class="dv-grid"><div class="dv-grid__item one-half sm-one-whole s-one-whole"> 1820 <div class="testimonial"> 1821<p>This course has been the most fun Iâve had in ages! It really helped my confidence and Iâve really enjoyed getting to know everyone at the Gaydio team - they couldnât be more lovely. We were supported every step of the way and despite being a total newbie to this field I am proud of the work I was able to produce in such a short time! If youâre thinking about doing this course I would say, GO FOR IT! You will learn so much and there is no opportunity like it! A huge thank you to everyone at Gaydio for everything! 1822</p> 1823 <p>Participant from course</p> 1824 <p>London</p> 1825</div> 1826</div><div class="dv-grid__item one-half sm-one-whole s-one-whole"> 1827 <div class="testimonial"> 1828 <p>For the one-week course, I learned a lot in a short space of time, more than I did at university and this will help me if looking for opportunities moving forward.</p> 1829 <p>Participant from course</p> 1830 <p>London</p> 1831</div> 1832</div><div class="dv-grid__item one-half sm-one-whole s-one-whole"> 1833 <div class="testimonial"> 1834 <p>Don't wait. Whether you consider yourself too late in your career to start something new. Whether you fear you have not got the right skills to embark on a course such as this, you're likely incorrect. The Gaydio Academy has restored my faith in following my dreams and renewed my ambition for working in broadcasting. I hope this is the start of a new chapter in my career, and I can assure you that what is delivered by Lee and the team in the Academy is a sure footing to get you going</p> 1835 <p>Participant from course</p> 1836 <p>Manchester</p> 1837</div> 1838</div><div class="dv-grid__item one-half sm-one-whole s-one-whole"> 1839 <div class="testimonial"> 1840 <p>I've landed a radio position at SAM Radio, a non-profit community radio station run by aut
1840istic people, for autistic people. I do a weekly show on Friday at 1pm talking about mental health and playing corresponding tracks from different genres. I wanted to share this with you because Gaydio's guidance and enthusiasm has played a big role in my journey so far. Thanks for helping me on the Gaydio Course.</p> 1841 <p>Participant from course</p> 1842 <p>Fife</p> 1843</div> 1844</div></div> 1845 <a href="https://www.gaydio.academy/testimonials/" class="c-btn 1846 c-btn--dark-stroke 1847 "><span>Testimonials</span></a> </div> 1848 </div> 1849 </div> 1850 <div class="o-content-block--bg-light 1851 o-content-block--bg-opacity 1852 o-content-block--bg-opacity-low 1853 "></div> 1854</section><div class="o-content-block tb-custom-content"> 1855 1856 <div class="o-content-block__inner"> 1857 <h2 class="o-headline" style="text-align: center;">Client Testimonials</h2> 1858 </div> 1859</div><section class="o-content-block o-content-block--padding-large o-content-block--center o-content-block--bg-light o-content-block--venture-custom"> 1860 <div class="o-wrapper o-wrapper--flipbook"> 1861 <div class="c-carousel js-carousel"> 1862 <ul class="c-carousel-list"> 1863 <li class="c-carousel-list__item js-carousel-list__item"> 1864 <a href="" class="c-carousel-list__link" style="background-image:url('https://mmo.aiircdn.com/20/65687d9955c68.jpg');"></a> 1865 </li><li class="c-carousel-list__item js-carousel-list__item"> 1866 <a href="" class="c-carousel-list__link" style="background-image:url('https://mmo.aiircdn.com/20/65687e28ee019.png');"></a> 1867 </li><li class="c-carousel-list__item js-carousel-list__item"> 1868 <a href="" class="c-carousel-list__link" style="background-image:url('https://mmo.aiircdn.com/20/65687d97d9058.jpg');"></a> 1869 </li><li class="c-carousel-list__item js-carousel-list__item"> 1870 <a href="" class="c-carousel-list__link" style="background-image:url('https://mmo.aiircdn.com/20/680f767c3c5ba.jpg');"></a> 1871 </li><li class="c-carousel-list__item js-carousel-list__item"> 1872 <a href="" class="c-carousel-list__link" style="background-image:url('https://mmo.aiircdn.com/20/65687df6bde26.jpg');"></a> 1873 </li><li class="c-carousel-list__item js-carousel-list__item"> 1874 <a href="" class="c-carousel-list__link" style="background-image:url('https://mmo.aiircdn.com/20/65687d9607dac.jpg');"></a> 1875 </li> </ul><!-- 1876 --><div class="c-carousel-dock"> 1877 <ul class="c-carousel-dock-list"> 1878 <li class="c-carousel-dock-list__item js-carousel-detail-list__item"> 1879 <strong class="c-carousel__title">The Kings Trust - Manchester</strong> 1880 <p class="c-carousel__description">"The Gaydio Academy has been a great partner to work with, they offer fantastic courses to young people that really help them realise their potential and how crucial teamwork is in the world of work, not just radio. They are very accommodating to the wide range of support needs that the young people we work with may bring and are great advocates for getting them involved with other communities and volunteer opportunities."</p> 1881 </li><li class="c-carousel-dock-list__item js-carousel-detail-list__item"> 1882 <strong class="c-carousel__title">The Kings Trust - Scotland</strong> 1883 <p class="c-carousel__description">"Gaydio are a fantastic group and Lee is a great educator who balances fun learning, a packed timetable and thoughtful support to everyone on the course!"</p> 1884 </li><li class="c-carousel-dock-list__item js-carousel-detail-list__item"> 1885 <strong class="c-carousel__title">The Kings Trust - Manchester </strong> 1886 <p class="c-carousel__description">"Each course we have run with them has been very fun, educational, and inspiring as well as helping people find their voice and confidence. This course has been a fantastic avenue for our young people who are trying to get their start in media which is desperately needed. On the back of these courses we have had people successfully apply for and start new jobs, one person started their own podcast and many more start back up their various stages of education."</p> 1887 </li><li class="c-carousel-dock-list__item js-carousel-detail-list__item"> 1888 <strong class="c-carousel__title">DXC x Manchester United Foundation</strong> 1889 <p class="c-carousel__description">Gaydio delivered a brilliant two-day Radio and Podcasting workshop to 15 students from Manchester United Foundation'
1889s partner high schools. The workshop was incredibly engaging and staff instantly put the group at ease, creating a space where everyone felt safe to be their true, authentic selves. It was fantastic to witness their passion and self-assurance grow, resulting in thoughtful, confident discussions on such a relevant and important topic. 1890 </p> 1891 </li><li class="c-carousel-dock-list__item js-carousel-detail-list__item"> 1892 <strong class="c-carousel__title">Out Together</strong> 1893 <p class="c-carousel__description">"The project that Out Together was asked to take part in was great and we have had people come to us for support which is fab!"</p> 1894 </li><li class="c-carousel-dock-list__item js-carousel-detail-list__item"> 1895 <strong class="c-carousel__title">The Proud Trust </strong> 1896 <p class="c-carousel__description">"We have worked with Gaydio several times in the past and the quality of the workshops and safe spaces they create for young people to thrive is some of the best I've come across!"</p> 1897 </li> </ul> 1898 1899 <div class="c-carousel-nav"> 1900 <button type="button" class="c-btn c-carousel__btn c-carousel__btn--previous js-carousel__btn js-carousel__btn--previous">Previous</button> 1901 <button type="button" class="c-btn c-carousel__btn c-carousel__btn--next js-carousel__btn js-carousel__btn--next">Next</button> 1902 </div> 1903 </div> 1904 </div> 1905 </div> 1906 </section> 1907 1908 1909 1910 1911 1912<section class="o-content-block o-content-block--theme-block o-content-block--padding-large o-content-block--venture-custom o-content-block--center o-content-block--bg-img" 1913 1914 1915 1916 1917 1918 style="background-image:url('https://mmo.aiircdn.com/20/656871a0ceda5.png'); background-attachment:fixed;"> 1919 <div class="o-wrapper"> 1920 <div class="o-content-block__inner "> 1921 <div class="o-content-block__text"> 1922 <h2 class="o-headline">The Gaydio Academy Newsletter</h2> 1923 <p>If you would like to keep up to date with future Academy courses and projects which you can get involved with then subscribe to our newsletter by clicking the button below.</p> 1924 <a href="https://www.gaydio.academy/connect/academy-newsletter/" class="c-btn 1925 c-btn--dark-stroke 1926 "><span>The Gaydio Academy Newsletter</span></a> </div> 1927 </div> 1928 </div> 1929 <div class=" o-content-block--bg-opacity 1930 o-content-block--bg-opacity-low 1931 "></div> 1932</section> 1933 1934 1935<section class="o-content-block o-content-block--padding-large o-content-block--center o-content-block--venture-custom"> 1936 <div class="o-wrapper"> 1937 <h2 class="o-headline">Our Partners</h2> 1938 <div class="dv-grid u-flex u-flex--secwrapper s-dv-grid--small"><div class="dv-grid__item u-flex one-fifth m-one-third sm-one-half s-one-whole"> 1939 <a target="_blank" href="https://www.tnlcommunityfund.org.uk/" class="c-card"> 1940 <div class="c-card__overlay"></div> 1941 <div class="c-card__img"> 1942 <img src="https://mmo.aiircdn.com/20/625020fcc1c66.png"/> 1943 </div> 1944 <div class="c-card__info"> 1945 <span class="c-card__title">National Lottery</span> 1946 <span class="c-card__text"></span> 1947 </div> 1948 </a> 1949</div><div class="dv-grid__item u-flex one-fifth m-one-third sm-one-half s-one-whole"> 1950 <a href="chttps://www.youthmusic.org.uk/?gad_source=1&gad_campaignid=102072463&gbraid=0AAAAADshpgkZgG-Du0vuTobok-Ru-ontw&gclid=Cj0KCQiA9OnJBhD-ARIsAPV51xMYh0r3KTSm2O516oJpDCVRhSEqn9B9qaFi56eWi5lKQzCiaYx_mKoaAgW5EALw_wcB" class="c-card"> 1951 <div class="c-card__overlay"></div> 1952 <div class="c-card__img"> 1953 <img src="https://mmo.aiircdn.com/20/67ffcb38715d1.png"/> 1954 </div> 1955 <div class="c-card__info">
1956 <span class="c-card__title">Youth Music</span> 1957 <span class="c-card__text"></span> 1958 </div> 1959 </a> 1960</div><div class="dv-grid__item u-flex one-fifth m-one-third sm-one-half s-one-whole"> 1961 <a target="_blank" href="https://www.bbcchildreninneed.co.uk/" class="c-card"> 1962 <div class="c-card__overlay"></div> 1963 <div class="c-card__img"> 1964 <img src="https://mmo.aiircdn.com/20/624acc8e18866.png"/> 1965 </div> 1966 <div class="c-card__info"> 1967 <span class="c-card__title">BBC Children In Need</span> 1968 <span class="c-card__text"></span> 1969 </div> 1970 </a> 1971</div><div class="dv-grid__item u-flex one-fifth m-one-third sm-one-half s-one-whole"> 1972 <a target="_blank" href="https://www.salford.gov.uk/" class="c-card"> 1973 <div class="c-card__overlay"></div> 1974 <div class="c-card__img"> 1975 <img src="https://mmo.aiircdn.com/20/693acc712fe6f.jpg"/> 1976 </div> 1977 <div class="c-card__info"> 1978 <span class="c-card__title">Salford Council</span> 1979 <span class="c-card__text"></span> 1980 </div> 1981 </a> 1982</div><div class="dv-grid__item u-flex one-fifth m-one-third sm-one-half s-one-whole"> 1983 <a target="_blank" href="https://www.greatermanchester-ca.gov.uk/" class="c-card"> 1984 <div class="c-card__overlay"></div> 1985 <div class="c-card__img"> 1986 <img src="https://mmo.aiircdn.com/20/62502266edf22.png"/> 1987 </div> 1988 <div class="c-card__info"> 1989 <span class="c-card__title">GMCA</span> 1990 <span class="c-card__text"></span> 1991 </div> 1992 </a> 1993</div><div class="dv-grid__item u-flex one-fifth m-one-third sm-one-half s-one-whole"> 1994 <a target="_blank" href="https://www.princes-trust.org.uk/?gad_source=1&gclid=CjwKCAjw9p24BhB_EiwA8ID5BrmR2iLpsjayjga0SNpBY9cIXlipFixseNTf9yutzR-EpOkEpdXNJxoCN_cQAvD_BwE" class="c-card"> 1995 <div class="c-card__overlay"></div> 1996 <div class="c-card__img"> 1997 <img src="https://mmo.aiircdn.com/20/6731e745443e9.png"/> 1998 </div> 1999 <div class="c-card__info"> 2000 <span class="c-card__title">The Kings Trust</span> 2001 <span class="c-card__text"></span> 2002 </div> 2003 </a> 2004</div><div class="dv-grid__item u-flex one-fifth m-one-third sm-one-half s-one-whole"> 2005 <a target="_blank" href="https://www.manchester.gov.uk/" class="c-card"> 2006 <div class="c-card__overlay"></div> 2007 <div class="c-card__img"> 2008 <img src="https://mmo.aiircdn.com/20/624acd1a9b1fb.png"/> 2009 </div> 2010 <div class="c-card__info"> 2011 <span class="c-card__title">MCC</span> 2012 <span class="c-card__text"></span> 2013 </div> 2014 </a> 2015</div><div class="dv-grid__item u-flex one-fifth m-one-third sm-one-half s-one-whole"> 2016 <a href="https://www.audible.co.uk/" class="c-card"> 2017 <div class="c-card__overlay"></div> 2018 <div class="c-card__img"> 2019 <img src="https://mmo.aiircdn.com/20/68ee17c76acb0.png"/> 2020 </div> 2021 <div class="c-card__info"> 2022 <span class="c-card__title">Audible</span> 2023 <span class="c-card__text"></span> 2024 </div> 2025 </a> 2026</div></div> 2027 </div> 2028</section><div class="o-content-block"> 2029 <style> 2030 2031 .testimonial { 2032 position: relative; 2033 width: 100%; 2034 margin-bottom: 40px; 2035 padding: 10px; 2036 background: #FFFFFF; 2037 -webkit-border-radius: 0px; 2038 -moz-border-radius: 0px; 2039 border-radius: 0px; 2040 border: #475a62 solid 4px; 2041} 2042 .testimonial p { 2043 margin-bottom: 5px; 2044 line-height: 150%; 2045} 2046 .testimonial p:nth-last-of-type(2) { 2047 font-size: 0.9em !important; 2048 display: inline-block; 2049 padding: 5px; 2050 background: #008577; 2051 text-transform: uppercase; 2052 font-weight: 900; 2053 color: #ffffff; 2054} 2055 .testimonial p:nth-last-of-type(1) { 2056 font-size: 0.9em !important; 2057 display: inline-block; 2058 padding: 5px; 2059 background: #08465d; 2060 text-transform: uppercase; 2061 font-weight: 900; 2062 color: #fff; 2063} 2064 .testimonial:after { 2065 content: ''; 2066 position: absolute; 2067 border-style: solid; 2068 border-width: 15px 15px 0; 2069 border-color: #FFFFFF transparent; 2070 display: block; 2071 width: 0; 2072 z-index: 1; 2073 margin-left: -15px; 2074 bottom: -15px; 2075 left: 15%; 2076} 2077 .testimonial:before { 2078 content: ''; 2079 position: absolute; 2080 border-style: solid; 2081 border-width: 18px 18px 0; 2082 border-color: #ffffff transparent; 2083 display: block; 2084 width: 0; 2085 z-index: 0; 2086 margin-left: -18px; 2087 bottom: -22px; 2088 left: 15%; 2089} 2090 2091</style> 2092 </div><div class="o-content-block"> 2093 2094 </div> 2095 </div> 2096 2097 <div class="o-wrapper o-wrapper--small"> 2098 <div class="u-padding"></div> 2099 2100 <div class="u-padding"></div> 2101 </div> 2102 </main> 2103 2104 2105 <footer class="c-page-footer">
2106 <div class="dv-grid u-flex c-page-footer__inner"> 2107 <div class="dv-grid__item u-flex__item dv-grid__item--flex-350"> 2108 <div><img class="c-logo c-logo--footer" src="https://mmo.aiircdn.com/20/650045af53893.png" alt="Gaydio Academy" /></div> 2109 2110 <ul class="c-page-footer__list o-list-inline"><li class="o-list-inline__item"><a href="/legal/cookie-and-privacy-policy/" target="_blank">Privacy Policy</a></li><li class="o-list-inline__item"><a href="/legal/terms-and-conditions/" >Terms & Conditions</a></li></ul> 2111 2112 <span class="c-copyright">The Gaydio Academy, provided by Gaydio CIC & Gaydio Brighton LTD</span> 2113 2114 <span class="c-copyright"> 2115 © Copyright 2026 Gaydio Academy. Powered by <a href="https://aiir.com" target="_blank" title="Aiir radio website CMS">Aiir</a>. 2116 </span> 2117 2118 </div><!-- 2119 --><div class="dv-grid__item u-flex__item dv-grid__item--fix-350"> 2120 <ul class="c-social__list o-list-inline"> 2121 <li class="o-list-inline__item"> 2122 <a href="https://www.facebook.com/gaydioacademy/" target="_blank" class="c-social__item"> 2123 <svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"> 2124 <path d="M28.344 0C29.26 0 30 .741 30 1.656v26.688C30 29.26 29.259 30 28.344 30h-7.906V18.596h3.833l.574-4.444h-4.407v-2.837c0-1.287.358-2.164 2.206-2.164H25V5.174C24.592 5.121 23.194 5 21.566 5c-3.397 0-5.723 2.071-5.723 5.875v3.277H12v4.444h3.843V30H1.656A1.656 1.656 0 010 28.344V1.656C0 .74.741 0 1.656 0z" fill="#FFF" fill-rule="nonzero"/> 2125 </svg> 2126 <span class="u-access">Facebook</span> 2127 </a> 2128 </li> 2129 <li class="o-list-inline__item"> 2130 <a href="https://twitter.com/gaydioacademy" target="_blank" class="c-social__item"> 2131 <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/></svg> 2132 <span class="u-access">X</span> 2133 </a> 2134 </li> 2135 <li class="o-list-inline__item"> 2136 <a href="https://www.linkedin.com/company/gaydio/" target="_blank" class="c-social__item"> 2137 <svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 2138 <g fill="none" fill-rule="evenodd"> 2139 <path d="M25.568 25.568h-4.51v-7.825c0-2.309-.98-3.021-2.247-3.021-1.338 0-2.65 1.007-2.65 3.078v7.768h-4.51V11.241h4.337v1.985h.058c.436-.882 1.96-2.388 4.286-2.388 2.517 0 5.236 1.493 5.236 5.869v8.861zM6.686 9.244c-1.436 0-2.6-1.093-2.6-2.589 0-1.495 1.164-2.59 2.6-2.59 1.436 0 2.6 1.095 2.6 2.59 0 1.496-1.164 2.59-2.6 2.59zM4.432 25.558h4.51V11.23h-4.51v14.328zM27.785 0H2.215A2.214 2.214 0 000 2.215v25.57C0 29.01.991 30 2.215 30h25.57A2.214 2.214 0 0030 27.785V2.215A2.214 2.214 0 0027.785 0z" fill="#FFFFFE" mask="url(#b)"/> 2140 </g> 2141 </svg> 2142 <span class="u-access">LinkedIn</span> 2143 </a> 2144 </li> 2145 </ul> 2146 <div class="c-search"> 2147 <h2 class="u-access">Search</h2> 2148 <form class="c-search__form" action="/searchresults/" method="get"> 2149 <div> 2150 <label class="access">Search</label> 2151 <input class="c-search__input js-search__input" type="text" name="q"> 2152 </div> 2153 <button class="c-search__submit" type="submit"> 2154 <svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> 2155 <path d="M21.666 20.039l-5.424-5.446a8.672 8.672 0 002.159-5.71C18.4 3.984 14.273 0 9.2 0 4.126 0 0 3.985 0 8.882c0 4.898 4.127 8.883 9.2 8.883 1.905 0 3.72-.555 5.271-1.607l5.465 5.487c.228.229.535.355.865.355.311 0 .607-.115.831-.323a1.132 1.132 0 00.034-1.638zM9.2 2.317c3.75 0 6.8 2.945 6.8 6.565 0 3.62-3.05 6.566-6.8 6.566s-6.8-2.945-6.8-6.566c0-3.62 3.05-6.56
21555 6.8-6.565z" fill="#FFF" fill-rule="nonzero"/> 2156 </svg> 2157 <span class="u-access">Search</span> 2158 </button> 2159 </form> 2160 </div> 2161 </div> 2162 </div> 2163 </footer> 2164 2165</div> 2166
2167<script>var themeSettings = {"site_logo":"https:\/\/mmo.aiircdn.com\/20\/6523de5260e56.png"};</script>
2167<!-- Wavesurfer Replace Module START -->
2168<script type="module"> 2169 import WaveSurfer from 'https://unpkg.com/wavesurfer.js@7/dist/wavesurfer.esm.js' 2170 import Minimap from 'https://unpkg.com/wavesurfer.js@7/dist/plugins/minimap.esm.js' 2171 2172 document.addEventListener('DOMContentLoaded', function () { 2173 const audioElements = document.getElementsByTagName('audio') 2174 2175 let index = 0; // Initialize index counter 2176 2177 for (let i = index; i < audioElements.length;) { 2178 const audio = audioElements[i] 2179 const parent = audio.parentNode 2180 2181 // Generate unique IDs for each WaveSurfer instance 2182 const playerPrefix = 'ab__player-' + index; 2183 const waveformId = 'waveform-' + index; 2184 const timeId = 'time-' + index; 2185 const durationId = 'duration-' + index; 2186 const hoverId = 'hover-' + index; 2187 const playButtonId = 'ab__play-' + index; 2188 2189 // Create the main player container 2190 const playerContainer = document.createElement('div') 2191 playerContainer.classList.add('ab__player') 2192 playerContainer.id = playerPrefix 2193 2194 // Create the control container 2195 const controlContainer = document.createElement('div') 2196 controlContainer.classList.add('ab__control') 2197 2198 // Create the play button 2199 const playButton = document.createElement('div') 2200 playButton.classList.add('ab__btn') 2201 playButton.id = playButtonId 2202 playButton.title = 'Play/Pause' 2203 2204 const playButtonContent = document.createElement('span') 2205 const playButtonIcon = document.createElement('i') 2206 playButtonIcon.classList.add('fa-solid', 'fa-play', 'fa-beat-fade') 2207 playButtonIcon.style = '--fa-beat-fade-opacity: 0.67; --fa-beat-fade-scale: 1.075;' 2208 2209 // Create the waveform container 2210 const waveformContainer = document.createElement('div') 2211 waveformContainer.classList.add('ab__wavesurfer') 2212 waveformContainer.classList.add('waveform') 2213 waveformContainer.id = waveformId 2214 2215 // Create the time element 2216 const timeElement = document.createElement('div') 2217 timeElement.id = timeId 2218 timeElement.classList.add('time') 2219 timeElement.textContent = '0:00' 2220 2221 // Create the duration element 2222 const durationElement = document.createElement('div') 2223 durationElement.id = durationId 2224 durationElement.classList.add('duration') 2225 durationElement.textContent = '0:00' 2226 2227 // Create the hover element 2228 const hoverElement = document.createElement('div') 2229 hoverElement.id = hoverId 2230 hoverElement.classList.add('hover') 2231 2232 // Construct the DOM structure 2233 playButtonContent.appendChild(playButtonIcon) 2234 playButton.appendChild(playButtonContent) 2235 controlContainer.appendChild(playButton) 2236 waveformContainer.appendChild(timeElement) 2237 waveformContainer.appendChild(durationElement) 2238 waveformContainer.appendChild(hoverElement) 2239 playerContainer.appendChild(controlContainer) 2240 playerContainer.appendChild(waveformContainer) 2241 2242 // Replace the audio element with the player container 2243 parent.replaceChild(playerContainer, audio) 2244 const wavesurfer = WaveSurfer.create({ 2245 container: '#' + waveformId, 2246 waveColor: '#efefef', 2247 progressColor: '#08465d', 2248 height: 90, 2249 media: audio, 2250 barWidth: 3, 2251 barGap: 1, 2252 barRadius: 30, 2253 barHeight: 0.9, 2254 cursorWidth: 0, 2255 minPxPerSec: 10, 2256 cursorColor: '#08465d', 2257 responsive: true, 2258 normalize: true, 2259 scrollParent: false, 2260 autoplay: false, 2261 interact: true, 2262 hideScrollbar: true, 2263 autoScroll: true, 2264 autoCenter: true, 2265 peaks: [ 2266 [ 2267 0, 0.0023595101665705442, 0.012107174843549728, 0.005919494666159153, -0.31324470043182373, 0.1511787623167038, 2268 0.2473851442337036, 0.11443428695201874, -0.036057762801647186, -0.0968964695930481, -0.03033737652003765, 2269 0.10682467371225357, 0.23974689841270447, 0.013210971839725971, -0.12377244979143143, 0.046145666390657425, 2270 -0.015757400542497635, 0.10884027928113937, 0.06681904196739197, 0.09432944655418396, -0.17105795443058014, 2271 -0.023439358919858932, -0.10380347073078156, 0.0034454423002898693, 0.08061369508504868, 0.026129156351089478, 2272 0.18730352818965912, 0.020447958260774612, -0.15030759572982788, 0.05689578503370285, -0.0009095853311009705, 2273 0.2749626338481903, 0.2565386891365051, 0.07571295648813248, 0.10791446268558502, -0.06575305759906769, 2274 0.15336275100708008, 0.07056761533021927, 0.03287476301193237, -0.09044631570577621, 0.01777501218020916, 2275 -0.04906218498945236, -0.04756792634725571, -0.006875281687825918, 0.04520256072282791, -0.02362387254834175, 2276 -0.0668797641992569, 0.12266506254673004, -0.10895221680402756, 0.03791835159063339, -0.0195105392485857, 2277 -0.031097881495952606, 0.04252675920724869, -0.09187793731689453, 0.0829525887966156, -0.003812957089394331, 2278 0.0431736595928669, 0.07634212076663971, -0.05335947126150131, 0.0345163568854332, -0.049201950430870056, 2279 0.02300390601158142, 0.007677287794649601, 0.015354577451944351, 0.007677287794649601, 0.007677288725972176, 2280 0, 0.0023595101665705442, 0.012107174843549728, 0.005919494666159153, -0.31324470043182373, 0.1511787623167038, 2281 0.2473851442337036, 0.11443428695201874, -0.036057762801647186, -0.0968964695930481, -0.03033737652003765, 2282 0.10682467371225357, 0.23974689841270447, 0.013210971839725971, -0.12377244979143143, 0.046145666390657425, 2283 -0.015757400542497635, 0.10884027928113937, 0.06681904196739197, 0.09432944655418396, -0.17105795443058014, 2284 -0.023439358919858932, -0.10380347073078156, 0.0034454423002898693, 0.08061369508504868, 0.026129156351089478, 2285 0.18730352818965912, 0.020447958260774612, -0.15030759572982788, 0.05689578503370285, -0.0009095853311009705, 2286 0.2749626338481903, 0.2565386891365051, 0.07571295648813248, 0.10791446268558502, -0.06575305759906769, 2287 0.15336275100708008, 0.07056761533021927, 0.03287476301193237, -0.09044631570577621, 0.01777501218020916, 2288 -0.04906218498945236, -0.04756792634725571, -0.006875281687825918, 0.04520256072282791, -0.02362387254834175, 2289 -0.0668797641992569, 0.12266506254673004, -0.10895221680402756, 0.03791835159063339, -0.0195105392485857, 2290 -0.031097881495952606, 0.04252675920724869, -0.09187793731689453, 0.0829525887966156, -0.003812957089394331, 2291 0.0431736595928669, 0.07634212076663971, -0.05335947126150131, 0.0345163568854332, -0.049201950430870056, 2292 0.02300390601158142, 0.007677287794649601, 0.015354577451944351, 0.007677287794649601, 0.007677288725972176, 2293 0, 0.0023595101665705442, 0.012107174843549728, 0.005919494666159153, -0.31324470043182373, 0.1511787623167038, 2294 0.2473851442337036, 0.11443428695201874, -0.036057762801647186, -0.0968964695930481, -0.03033737652003765, 2295 0.10682467371225357, 0.23974689841270447, 0.013210971839725971, -0.12377244979143143, 0.046145666390657425, 2296 -0.015757400542497635, 0.10884027928113937, 0.06681904196739197, 0.09432944655418396, -0.17105795443058014, 2297 -0.023439358919858932, -0.10380347073078156, 0.0034454423002898693, 0.08061369508504868, 0.026129156351089478, 2298 0.18730352818965912, 0.020447958260774612, -0.15030759572982788, 0.05689578503370285, -0.0009095853311009705, 2299 0.2749626338481903, 0.2565386891365051, 0.07571295648813248, 0.10791446268558502, -0.06575305759906769, 2300 0.15336275100708008, 0.07056761533021927, 0.03287476301193237, -0.09044631570577621, 0.01777501218020916, 2301 -0.04906218498945236, -0.04756792634725571, -0.006875281687825918, 0.04520256072282791, -0.02362387254834175, 2302 -0.0668797641992569, 0.12266506254673004, -0.10895221680402756, 0.03791835159063339, -0.0195105392485857, 2303 -0.031097881495952606, 0.04252675920724869, -0.09187793731689453, 0.0829525887966156, -0.003812957089394331, 2304 0.0431736595928669, 0.07634212076663971, -0.05335947126150131, 0.0345163568854332, -0.049201950430870056, 2305 0.02300390601158142, 0.007677287794649601, 0.015354577451944351, 0.007677287794649601, 0.007677288725972176, 2306 0, 0.0023595101665705442, 0.012107174843549728, 0.005919494666159153, -0.31324470043182373, 0.1511787623167038, 2307 0.2473851442337036, 0.11443428695201874, -0.036057762801647186, -0.0968964695930481, -0.03033737652003765, 2308 0.10682467371225357, 0.23974689841270447, 0.013210971839725971, -0.12377244979143143, 0.046145666390657425, 2309 -0.015757400542497635, 0.10884027928113937, 0.06681904196739197, 0.09432944655418396, -0.17105795443058014, 2310 -0.023439358919858932, -0.10380347073078156, 0.0034454423002898693, 0.08061369508504868, 0.026129156351089478, 2311 0.18730352818965912, 0.020447958260774612, -0.15030759572982788, 0.05689578503370285, -0.0009095853311009705, 2312 0.2749626338481903, 0.2565386891365051, 0.07571295648813248, 0.10791446268558502, -0.06575305759906769, 2313 0.15336275100708008, 0.07056761533021927, 0.03287476301193237, -0.09044631570577621, 0.01777501218020916, 2314 -0.04906218498945236, -0.04756792634725571, -0.006875281687825918, 0.04520256072282791, -0.02362387254834175, 2315 -0.0668797641992569, 0.12266506254673004, -0.10895221680402756, 0.03791835159063339, -0.0195105392485857, 2316 -0.031097881495952606, 0.04252675920724869, -0.09187793731689453, 0.0829525887966156, -0.003812957089394331, 2317 0.0431736595928669, 0.07634212076663971, -0.05335947126150131, 0.0345163568854332, -0.049201950430870056, 2318 0.02300390601158142, 0.007677287794649601, 0.015354577451944351, 0.007677287794649601, 0.007677288725972176, 2319 0, 0.0023595101665705442, 0.012107174843549728, 0.005919494666159153, -0.31324470043182373, 0.1511787623167038, 2320 0.2473851442337036, 0.11443428695201874, -0.036057762801647186, -0.0968964695930481, -0.03033737652003765, 2321 0.10682467371225357, 0.23974689841270447, 0.013210971839725971, -0.12377244979143143, 0.046145666390657425, 2322 -0.015757400542497635, 0.10884027928113937, 0.06681904196739197, 0.09432944655418396, -0.17105795443058014, 2323 -0.023439358919858932, -0.10380347073078156, 0.0034454423002898693, 0.08061369508504868, 0.026129156351089478, 2324 0.18730352818965912, 0.020447958260774612, -0.15030759572982788, 0.05689578503370285, -0.0009095853311009705, 2325 0.2749626338481903, 0.2565386891365051, 0.07571295648813248, 0.10791446268558502, -0.06575305759906769, 2326 0.15336275100708008, 0.07056761533021927, 0.03287476301193237, -0.09044631570577621, 0.01777501218020916, 2327 -0.04906218498945236, -0.04756792634725571, -0.006875281687825918, 0.04520256072282791, -0.02362387254834175, 2328 -0.0668797641992569, 0.12266506254673004, -0.10895221680402756, 0.03791835159063339, -0.0195105392485857, 2329 -0.031097881495952606, 0.04252675920724869, -0.09187793731689453, 0.0829525887966156, -0.003812957089394331, 2330 0.0431736595928669, 0.07634212076663971, -0.05335947126150131, 0.0345163568854332, -0.049201950430870056, 2331 0.02300390601158142, 0.007677287794649601, 0.015354577451944351, 0.007677287794649601, 0.007677288725972176, 2332 0, 0.0023595101665705442, 0.012107174843549728, 0.005919494666159153, -0.31324470043182373, 0.1511787623167038, 2333 0.2473851442337036, 0.11443428695201874, -0.036057762801647186, -0.0968964695930481, -0.03033737652003765, 2334 0.10682467371225357, 0.23974689841270447, 0.013210971839725971, -0.12377244979143143, 0.046145666390657425, 2335 -0.015757400542497635, 0.10884027928113937, 0.06681904196739197, 0.09432944655418396, -0.17105795443058014, 2336 -0.023439358919858932, -0.10380347073078156, 0.0034454423002898693, 0.08061369508504868, 0.026129156351089478, 2337 0.18730352818965912, 0.020447958260774612, -0.15030759572982788, 0.05689578503370285, -0.0009095853311009705, 2338 0.2749626338481903, 0.2565386891365051, 0.07571295648813248, 0.10791446268558502, -0.06575305759906769, 2339 0.15336275100708008, 0.07056761533021927, 0.03287476301193237, -0.09044631570577621, 0.01777501218020916, 2340 -0.04906218498945236, -0.04756792634725571, -0.006875281687825918, 0.04520256072282791, -0.02362387254834175, 2341 -0.0668797641992569, 0.12266506254673004, -0.10895221680402756, 0.03791835159063339, -0.0195105392485857, 2342 -0.031097881495952606, 0.04252675920724869, -0.09187793731689453, 0.0829525887966156, -0.003812957089394331, 2343 0.0431736595928669, 0.07634212076663971, -0.05335947126150131, 0.0345163568854332, -0.049201950430870056, 2344 0.02300390601158142, 0.007677287794649601, 0.015354577451944351, 0.007677287794649601, 0.007677288725972176, 2345 0, 0.0023595101665705442, 0.012107174843549728, 0.005919494666159153, -0.31324470043182373, 0.1511787623167038, 2346 0.2473851442337036, 0.11443428695201874, -0.036057762801647186, -0.0968964695930481, -0.03033737652003765, 2347 0.10682467371225357, 0.23974689841270447, 0.013210971839725971, -0.12377244979143143, 0.046145666390657425, 2348 -0.015757400542497635, 0.10884027928113937, 0.06681904196739197, 0.09432944655418396, -0.17105795443058014, 2349 -0.023439358919858932, -0.10380347073078156, 0.0034454423002898693, 0.08061369508504868, 0.026129156351089478, 2350 0.18730352818965912, 0.020447958260774612, -0.15030759572982788, 0.05689578503370285, -0.0009095853311009705, 2351 0.2749626338481903, 0.2565386891365051, 0.07571295648813248, 0.10791446268558502, -0.06575305759906769, 2352 0.15336275100708008, 0.07056761533021927, 0.03287476301193237, -0.09044631570577621, 0.01777501218020916, 2353 -0.04906218498945236, -0.04756792634725571, -0.006875281687825918, 0.04520256072282791, -0.02362387254834175, 2354 -0.0668797641992569, 0.12266506254673004, -0.10895221680402756, 0.03791835159063339, -0.0195105392485857, 2355 -0.031097881495952606, 0.04252675920724869, -0.09187793731689453, 0.0829525887966156, -0.003812957089394331, 2356 0.0431736595928669, 0.07634212076663971, -0.05335947126150131, 0.0345163568854332, -0.049201950430870056, 2357 0.02300390601158142, 0.007677287794649601, 0.015354577451944351, 0.007677287794649601, 0.007677288725972176, 2358 0, 0.0023595101665705442, 0.012107174843549728, 0.005919494666159153, -0.31324470043182373, 0.1511787623167038, 2359 0.2473851442337036, 0.11443428695201874, -0.036057762801647186, -0.0968964695930481, -0.
235903033737652003765, 2360 0.10682467371225357, 0.23974689841270447, 0.013210971839725971, -0.12377244979143143, 0.046145666390657425, 2361 -0.015757400542497635, 0.10884027928113937, 0.06681904196739197, 0.09432944655418396, -0.17105795443058014, 2362 -0.023439358919858932, -0.10380347073078156, 0.0034454423002898693, 0.08061369508504868, 0.026129156351089478, 2363 0.18730352818965912, 0.020447958260774612, -0.15030759572982788, 0.05689578503370285, -0.0009095853311009705, 2364 0.2749626338481903, 0.2565386891365051, 0.07571295648813248, 0.10791446268558502, -0.06575305759906769, 2365 0.15336275100708008, 0.07056761533021927, 0.03287476301193237, -0.09044631570577621, 0.01777501218020916, 2366 -0.04906218498945236, -0.04756792634725571, -0.006875281687825918, 0.04520256072282791, -0.02362387254834175, 2367 -0.0668797641992569, 0.12266506254673004, -0.10895221680402756, 0.03791835159063339, -0.0195105392485857, 2368 -0.031097881495952606, 0.04252675920724869, -0.09187793731689453, 0.0829525887966156, -0.003812957089394331, 2369 0.0431736595928669, 0.07634212076663971, -0.05335947126150131, 0.0345163568854332, -0.049201950430870056, 2370 0.02300390601158142, 0.007677287794649601, 0.015354577451944351, 0.007677287794649601, 0.007677288725972176, 2371 ], 2372 ], 2373 plugins: [ 2374 // Register the plugin 2375 Minimap.create({ 2376 height: 15, 2377 waveColor: '#efefef', 2378 progressColor: '#08465d', 2379 barWidth: 1.6, 2380 barGap: 1.2, 2381 barRadius: 10, 2382 barHeight: 0.8, 2383 cursorWidth: 0, 2384 overlaycolor: '#008577' 2385 // the Minimap takes all the same options as the WaveSurfer itself 2386 }) 2387 ] 2388 }) 2389 2390 // Hover effect 2391 { 2392 const hover = document.getElementById(hoverId); 2393 const waveform = document.getElementById(waveformId); 2394 waveform.addEventListener('pointermove', (e) => (hover.style.width = `${e.offsetX}px`)); 2395 } 2396 2397 // Play button control 2398 { 2399 const abPlayButton = document.getElementById(playButtonId) 2400 abPlayButton.addEventListener('click', function () { 2401 if (wavesurfer.isPlaying()) { 2402 wavesurfer.pause() 2403 abPlayButton.classList.remove('playing') 2404 } else { 2405 wavesurfer.play() 2406 abPlayButton.classList.add('playing') 2407 } 2408 }) 2409 } 2410 2411 // Update current time and duration 2412 wavesurfer.on('audioprocess', function () { 2413 const currentTimeElement = document.getElementById(timeId) 2414 currentTimeElement.textContent = formatTime(wavesurfer.getCurrentTime()) 2415 2416 const durationElement = document.getElementById(durationId) 2417 durationElement.textContent = formatTime(wavesurfer.getDuration()) 2418 }) 2419 // Make play button visible 2420 playButton.classList.add('visible') 2421 2422 // Increment the index counter for the next iteration 2423 index += 1; 2424 } 2425 }) 2426 2427 function formatTime (seconds) { 2428 const minutes = Math.floor(seconds / 60) 2429 const secondsRemainder = Math.round(seconds) % 60 2430 const paddedSeconds = String(secondsRemainder).padStart(2, '0') 2431 return `${minutes}:${paddedSeconds}` 2432 } 2433 </script>
2433 2434<!-- Wavesurfer Replace Module JS ENDs --> 2435<!-- Load FontAwesome -->
2436<script src="https://kit.fontawesome.com/5f4996c7e4.js" crossorigin="anonymous"></script>
2436 2437<!-- Load FontAwesome ENDS --> 2438<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 2438-2439
2438 2439<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2439GTM-KFVVR2FQ
vendor: 97 bytes, lines 2439-2440
2439" 2440 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2441<!-- End Google Tag Manager (noscript) --> 2442</body> 2443</html>
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.