*, *::before, *::after {
    box-sizing: border-box
}
* {
    margin: 0
}
@font-face {
    font-family: 'BebasNeue-Regular';
    src: url('/assets/fonts/bebasneue_regular.eot');
    src: url('/assets/fonts/bebasneue_regular.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/bebasneue_regular.woff2') format('woff2'),
        url('/assets/fonts/bebasneue_regular.woff') format('woff'),
        url('/assets/fonts/bebasneue_regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
:root {
    --border-radius: 3px;
    --gap: 1rem;
    --gap-inverse: -1rem;
    --text-size: 1rem;
    --text-colour: #1c1010;
    --text-colour-dark-bg: #fcfcfc;
    --text-colour-subtle: #6c757d;
    --font-stack: "Open Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

    --tv-main: #b60000;
    --tv-dark: #9D0000;
    --tv-light: #D01A1A;
    --tv-text: #fff;
    --radio-main: #005c99;
    --radio-dark: #003C65;
    --radio-light: #0086DF;
    --radio-text: #fff;
    --film-main: #ede25c;
    --film-dark: #d4c943;
    --film-light: #fffc76;
    --film-text: #464646;
    --online-main: #a1009c;
    --online-dark: #880083;
    --online-light: #BB1AB6;
    --online-text: #fff;
    --live-main: #3BAE43;
    --live-dark: #22952A;
    --live-light: #55C85D;
    --live-text: #000;
    --people-main: #db943d;
    --people-dark: #C27B24;
    --people-light: #F5AE57;
    --people-text: #000;
    --shop-main: #ccc;
    --shop-dark: #B3B3B3;
    --shop-light: #E6E6E6;
    --shop-text: #000;
    --pro-main: #fa6264;
    --pro-dark: #E1494B;
    --pro-light: #FF7C7E;
    --pro-text: #000;
    --bcg-main: #222;
    --bcg-dark: #090909;
    --bcg-light: #3C3C3C;
    --bcg-text: #fff;

    --fringe-main: #193f62;
    --fringe-dark: #002649;
    --fringe-light: #33597C;
    --fringe-text: #fff;
    --podcasts-main: #005E8B;
    --podcasts-text: #fff;
    --news-main: #cd2377;
    --news-text: #fff;
    --forums-main: #797cdf;
    --forums-text: #fff;

    --bcg-header: rgba(51,51,51,1);
    --bcg-heading: #2c2c2c;
    --bcg-blue: #1d5787;
    --bcg-red: #bc3434;
    --bcg-yellow: #f4d228;

    --light-bg: #f4f4f4;
    --promo-bg: #f1f1f1;
    /*
    podcasts 008ba3
    news cd2377
    forums 797cdf
    contrast accessibility: https://polypane.app/color-contrast/
    adjust shade: https://www.hexcolortool.com/
    */
}
.fab.fa-twitter {
	font-family:sans-serif
}
.fab.fa-twitter::before {
	content:"𝕏";
	font-size:1.2em;
    font-style: normal;
}
.visually-hidden,
.hide {
    display: none
}
a,
a:link,
a:visited {
    text-decoration: none;
    color: #2980C8
}
a:hover {
    color: #004D95
}
img, picture, video, canvas, svg {
    display: block;
    max-width: 100%
}
input, button, textarea, select {
    font: inherit
}
p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word
}
p {
    margin-bottom: var(--gap)
}
small {
    font-size: .875rem
}
blockquote {
    position: relative;
    background: #f5f5f7;
    padding: calc(var(--gap) * 2) calc(var(--gap) * 3);
    border-radius: var(--border-radius)
}
iframe, hr, blockquote {
    border: 0
}

table {
    border-spacing: 0;
}
th,
td {
    padding: calc(var(--gap) / 3)
}
hr {
    margin-block: var(--gap);
    border-top: 1px solid rgba(0,0,0,.1);
    color: #CFCFCF;
    height: 2px;
    clear: both
}
header.bcg-header ul,
nav ol,
nav ul,
.plain,
.dot-separated,
.feature-categories,
.external-links {
    padding-left: 0;
    list-style-type: none
}
.modal {
    display: none;
    position: fixed;
    z-index: 1001; /* Above everything else */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4)
}
.modal-content {
    margin: auto auto;/* was 15% vertical */
    width: 80%;
    position: relative;
    justify-content: center;
    border: 0
}
.modal-content .modal-body,
.modal-content form {
    border-radius: var(--border-radius);
    background-color: #fefefe;
    padding: var(--gap)
}
.modal-content form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}
.modal-close {
    color: #aaa;
    font-size: 3rem;
    font-weight: bold;
    cursor: pointer
}
.modal-close:hover, .modal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer
}

.search-bar {
    display: flex;
    flex-direction: column;
    width: 100%
}
#search-modal form {
    width: 100%
}
.search-bar input {
    font-size: 2rem;
    padding: 10px;
    box-sizing: border-box;
    border-width: 0 0 1px 0;
    flex: 1 1 auto;
    min-width: 0
}
.search-bar button {
    font-size: 1.8rem;
    cursor: pointer
}

.suggestions {
    display: none;
    list-style: none;
    width: 100%;
    border: 1px solid #ddd;
    max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    position: absolute;
    z-index: 1002;
    box-sizing: border-box;
    padding-left: 0
}
.suggestions li {
    padding: 10px;
    cursor: pointer
}
.suggestions li.highlighted {
    background-color: #ddd
}
.suggestions li b {
    font-weight: bold
}

.bcg-header,
.bcg-sidebar {
    background-color: var(--bcg-header);
    font-size: 1.5rem
}
.bcg-header img {
    max-width: 100%;
    height: auto
}

.search-btn {
    background: none;
    border: none;
    cursor: pointer;
}
.bcg-header-meta {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    align-items: center
}
.bcg-header-meta li:first-of-type {
    margin-left: 0
}
.bcg-header-meta li a,
.bcg-header-meta li button {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    color: #fafafa;
    white-space: nowrap;
    align-items: center
}
.bcg-header-meta li a:hover,
.bcg-header-meta li button:hover {
    text-decoration: none;
    color: var(--bcg-yellow);
    cursor: pointer
}
body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: stretch;
    background-color: #fdfdfd;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23d6d4d9' fill-opacity='0.21' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    color: var(--text-colour);
    font-family: var(--font-stack);
    font-size: var(--text-size);
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    padding: 0
}
.body-wrapper {
    flex: 1 0 auto
}
footer {
    flex-shrink: 0
}

.nav-tv,
body.section-tv .section-overview,
body.section-tv .content-footer h3 {
    border-color: var(--tv-main)
}
.bcg-header .large .nav-tv:hover a,
body.section-tv .bcg-header .large .nav-tv a,
.bcg-sidebar nav .nav-tv a,
.section-label-tv,
body.section-tv .guide-nav a,
body.section-tv .credits-table caption,
body.section-tv .credits-table thead tr,
body.section-tv .repeats-table th,
body.section-tv .recordings-table th,
body.section-tv .section-overview nav li.active a,
a[href*="/tv/"].link-ref:hover,
a[href*="/tv/"].link-ref-bold:hover {
    color: var(--tv-text)
}
.nav-tv::before,
body.section-tv .bcg-header .large .nav-tv,
.bcg-sidebar nav .nav-tv a,
.section-label-tv,
body.section-tv .guide-nav,
body.section-tv .credits-table caption,
body.section-tv .repeats-table th,
body.section-tv .recordings-table th,
a[href*="/tv/"].link-ref:hover,
a[href*="/tv/"].link-ref-bold:hover {
    background-color: var(--tv-main)
}
body.section-tv .guide-nav a:hover {
    background-color: var(--tv-dark)
}
body.section-tv .nav-tv::before,
body.section-tv .guide-nav a.active,
body.section-tv .section-overview nav li.active,
body.section-tv .credits-table thead tr {
    background-color: var(--tv-light)
}
.nav-radio,
body.section-radio .section-overview,
body.section-radio .content-footer h3 {
    border-color: var(--radio-main)
}
.bcg-header .large .nav-radio:hover a,
body.section-radio .bcg-header .large .nav-radio a,
.bcg-sidebar nav .nav-radio a,
.section-label-radio,
body.section-radio .guide-nav a,
body.section-radio .section-overview nav li.active a,
body.section-radio .credits-table caption,
body.section-radio .credits-table thead tr,
body.section-radio .repeats-table th,
body.section-radio .recordings-table th,
a[href*="/radio/"].link-ref:hover,
a[href*="/radio/"].link-ref-bold:hover {
    color: var(--radio-text)
}
.nav-radio::before,
body.section-radio .bcg-header .large .nav-radio,
.bcg-sidebar nav .nav-radio a,
.section-label-radio,
body.section-radio .guide-nav,
body.section-radio .credits-table caption,
body.section-radio .repeats-table th,
body.section-radio .recordings-table th,
a[href*="/radio/"].link-ref:hover,
a[href*="/radio/"].link-ref-bold:hover {
    background-color: var(--radio-main)
}
body.section-radio .guide-nav a:hover {
    background-color: var(--radio-dark)
}
body.section-radio .nav-radio::before,
body.section-radio .guide-nav a.active,
body.section-radio .section-overview nav li.active,
body.section-radio .credits-table thead tr {
    background-color: var(--radio-light)
}
.nav-film,
body.section-film .section-overview,
body.section-film .content-footer h3 {
    border-color: var(--film-main)
}
.bcg-header .large .nav-film:hover a,
body.section-film .bcg-header .large .nav-film a,
.bcg-sidebar nav .nav-film a,
.section-label-film,
body.section-film .guide-nav a,
body.section-film .section-overview nav li.active a,
body.section-film .credits-table caption,
body.section-film .repeats-table th,
body.section-film .recordings-table th,
a[href*="/film/"].link-ref:hover,
a[href*="/film/"].link-ref-bold:hover {
    color: var(--film-text)
}
.nav-film::before,
body.section-film .bcg-header .large .nav-film,
.bcg-sidebar nav .nav-film a,
.section-label-film,
body.section-film .guide-nav,
body.section-film .credits-table caption,
body.section-film .repeats-table th,
body.section-film .recordings-table th,
a[href*="/film/"].link-ref:hover,
a[href*="/film/"].link-ref-bold:hover {
    background-color: var(--film-main)
}
body.section-film .guide-nav a:hover {
    background-color: var(--film-dark)
}
body.section-film .nav-film::before,
body.section-film .guide-nav a.active,
body.section-film .section-overview nav li.active {
    background-color: var(--film-light)
}
.nav-online,
body.section-online .section-overview,
body.section-online .content-footer h3 {
    border-color: var(--online-main)
}
.bcg-header .large .nav-online:hover a,
body.section-online .bcg-header .large .nav-online a,
.bcg-sidebar nav .nav-online a,
.section-label-online,
body.section-online .guide-nav a,
body.section-online .section-overview nav li.active a,
body.section-online .credits-table caption,
body.section-online .credits-table thead tr,
body.section-online .repeats-table th,
body.section-online .recordings-table th,
a[href*="/online/"].link-ref:hover,
a[href*="/online/"].link-ref-bold:hover {
    color: var(--online-text)
}
.nav-online::before,
body.section-online .bcg-header .large .nav-online,
.bcg-sidebar nav .nav-online a,
.section-label-online,
body.section-online .guide-nav,
body.section-online .credits-table caption,
body.section-online .repeats-table th,
body.section-online .recordings-table th,
a[href*="/online/"].link-ref:hover,
a[href*="/online/"].link-ref-bold:hover {
    background-color: var(--online-main)
}
body.section-online .guide-nav a:hover {
    background-color: var(--online-dark)
}
body.section-online .nav-online::before,
body.section-online .guide-nav a.active,
body.section-online .section-overview nav li.active,
body.section-online .credits-table thead tr {
    background-color: var(--online-light)
}
.nav-live,
body.section-live .section-overview,
body.section-live .content-footer h3 {
    border-color: var(--live-main)
}
.bcg-header .large .nav-live:hover a,
body.section-live .bcg-header .large .nav-live a,
.bcg-sidebar nav .nav-live a,
.section-label-live,
body.section-live .section-overview nav li.active a,
body.section-live .credits-table caption,
body.section-live .credits-table thead tr,
a[href*="/live/"].link-ref:hover,
a[href*="/live/"].link-ref-bold:hover {
    color: var(--live-text)
}
.nav-live::before,
body.section-live .bcg-header .large .nav-live,
.bcg-sidebar nav .nav-live a,
.section-label-live,
body.section-live .credits-table caption,
a[href*="/live/"].link-ref:hover,
a[href*="/live/"].link-ref-bold:hover {
    background-color: var(--live-main)
}
body.section-live .nav-live::before,
body.section-live .section-overview nav li.active a,
body.section-live .credits-table thead tr {
    background-color: var(--live-light)
}
.nav-people,
body.section-people .section-overview,
body.section-people .content-footer h3 {
    border-color: var(--people-main)
}
.bcg-header .large .nav-people:hover a,
body.section-people .bcg-header .large .nav-people a,
.bcg-sidebar nav .nav-people a,
.section-label-people,
body.section-people .section-overview nav li.active a,
body.section-people .profile-nav a,
body.section-people .person-credits-table th,
a[href*="/people/"].link-ref:hover,
a[href*="/people/"].link-ref-bold:hover {
    color: var(--people-text)
}
.nav-people::before,
body.section-people .bcg-header .large .nav-people,
.bcg-sidebar nav .nav-people a,
.section-label-people,
body.section-people .profile-nav,
body.section-people .person-credits-table th,
a[href*="/people/"].link-ref:hover,
a[href*="/people/"].link-ref-bold:hover {
    background-color: var(--people-main)
}
body.section-people .profile-nav a:hover {
    background-color: var(--people-dark)
}
body.section-people .nav-people::before,
body.section-people .profile-nav a.active,
body.section-people .section-overview nav li.active {
    background-color: var(--people-light)
}
.nav-shop,
body.section-shop .content-footer h3 {
    border-color: var(--shop-main)
}
.bcg-header .large .nav-shop:hover a,
body.section-shop .bcg-header .large .nav-shop a,
.bcg-sidebar nav .nav-shop a,
.section-label-shop,
a[href*="/shop/"].link-ref:hover,
a[href*="/shop/"].link-ref-bold:hover {
    color: var(--shop-text)
}
.nav-shop::before,
body.section-shop .bcg-header .large .nav-shop,
.bcg-sidebar nav .nav-shop a,
.section-label-shop,
a[href*="/shop/"].link-ref:hover,
a[href*="/shop/"].link-ref-bold:hover {
    background-color: var(--shop-main)
}
body.section-shop .nav-shop::before,
body.section-shop .section-overview nav li.active {
    background-color: var(--shop-light)
}
.nav-pro,
body.section-pro .content-footer h3 {
    border-color: var(--pro-main)
}
.bcg-header .large .nav-pro:hover a,
body.section-pro .bcg-header .large .nav-pro a,
.bcg-sidebar nav .nav-pro a,
.section-label-pro {
    color: var(--pro-text)
}
.nav-pro::before,
body.section-pro .bcg-header .large .nav-pro,
.bcg-sidebar nav .nav-pro a,
.section-label-pro {
    background-color: var(--pro-main)
}
body.section-pro .nav-pro::before {
    background-color: var(--pro-light)
}
.nav-bcg,
body.section-bcg .content-footer h3 {
    border-color: var(--bcg-main)
}
.bcg-header .large .nav-bcg:hover a,
body.section-bcg .bcg-header .large .nav-bcg a,
.bcg-sidebar nav .nav-bcg a,
.section-label-bcg,
body.section-bcg .credits-table caption {
    color: var(--bcg-text)
}
.nav-bcg::before,
body.section-bcg .bcg-header .large .nav-bcg,
.bcg-sidebar nav .nav-bcg a,
.section-label-bcg,
body.section-bcg .credits-table caption {
    background-color: var(--bcg-main)
}
body.section-bcg .nav-bcg::before {
    background-color: var(--bcg-light)
}

body.section-fringe .section-overview {
    border-color: var(--fringe-main)
}
.section-label-fringe,
body.section-fringe .section-overview nav li.active a {
    color: var(--fringe-text)
}
.section-label-fringe,
body.section-fringe .section-overview nav li.active {
    background-color: var(--fringe-light)
}
.section-label-news {
    background-color: var(--news-main);
    color: var(--news-text)
}
.nav-icon,
.no-cap figcaption {
    display: none
}
.bcg-header {
    display: flex;
    flex-direction: column
}
.bcg-header .large ul li {
    position: relative;
    overflow: hidden;
    background-color: transparent
}
.bcg-header .large ul li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-105%, -50%);
    width: 100%;
    height: 100%;
    transition: transform 0.25s cubic-bezier(.7,0,.9,1)
}
.bcg-header .large li:hover::before {
    transform: translate(0, -50%)
}
.bcg-sidebar nav ul li a,
.bcg-header .large ul li a {
    position: relative;
    z-index: 1;
    transition: color 0.25s cubic-bezier(.7,0,.9,1);
    font-family: 'BebasNeue-Regular', Roboto, 'Open Sans', Helvetica, Verdana, Arial, sans-serif;
    text-decoration: none
}
.bcg-header .large ul li a:hover {
    text-decoration: none
}
.body-inner {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 var(--gap)
}
.bcg-header .logo-nav .bcg-brand {
    margin-bottom: 0
}
.modal-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh
}
.modal-panel {
    margin: 0 var(--gap);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}
.modal-panel .close {
    color: #fff;
    font-size: 2rem;
    margin-left: var(--gap);
    cursor: pointer
}
.modal-panel .pane {
    background-color: #fff;
    border-radius: var(--border-radius);
    box-shadow: 0 2px 50px 0 rgba(0,0,0,.5)
}
.bcg-site-search {
    display: flex;
    align-items: center;
    margin: var(--gap)
}
.bcg-site-search input {
    width: 100%;
    outline-offset: -2px;
    overflow: visible;
    background-color: transparent;
    border: none;
    line-height: 1.25;
    font-family: inherit
}
.bcg-site-search input:focus {
    outline: none
}
.bcg-site-search button {
    padding: .35rem 1rem;
    background-color: var(--bcg-yellow);
    color: var(--bcg-red);
    position: relative;
    border-radius: var(--border-radius);
    overflow: hidden;
    z-index: 1;
    flex-shrink: 0;
    cursor: pointer;
    border: none;
    font-family: 'BebasNeue-Regular', Roboto, 'Open Sans', Helvetica, Verdana, Arial, sans-serif;
    margin: 0
}
.bcg-site-search button span {
    z-index: 1;
    position: relative
}
.bcg-site-search button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    transform: translate3d(-50%,-50%,0) scale3d(0,0,0);
    transition: opacity .4s cubic-bezier(.19,1,.22,1), transform .75s cubic-bezier(.19,1,.22,1);
    background-color: var(--bcg-blue);
    opacity: 0
}
.bcg-site-search button:hover span {
    color: var(--text-colour-dark-bg)
}
.bcg-site-search button:hover::before {
    opacity: 1;
    transition-duration: .85s;
    transform: translate3d(-50%,-50%,0) scale3d(1,1,1)
}

#searchPanel .modal-dialog {
    max-width: unset
}
#searchPanel .modal-content {
    overflow: unset;
    box-shadow: unset;
    background-color: transparent;
    border-width: 0
}
#searchPanel .close {
    text-shadow: unset;
    opacity: unset
}

.bcg-footer {
    margin-top: var(--gap);
    padding: calc(var(--gap) * 1.5) 0;
    background-color: #333
}
header.bcg-header ul,
.bcg-footer ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}
.bcg-footer a {
    color: lightgray
}
.bcg-footer a:hover {
    color: #fff;
    text-decoration: none
}
.bcg-footer,
.bcg-footer cite a {
    color: #c4c4c4
}
.bcg-footer-wrap {
    line-height: 1.5
}
.bcg-footer-wrap,
.bcg-footer-base,
.bcg-footer-us {
    display: flex
}
.bcg-footer .bcg-footer-nav li {
    border-left-width: 3px;
    border-left-style: solid;
    padding-left: calc(var(--gap) / 2)
}
.bcg-footer-socials li a {
    transition: color 1s ease-out
}
.bcg-footer-socials li:first-of-type a:hover {
    color: rgb(24, 119, 242)
}
.bcg-footer-socials li:nth-of-type(2) a:hover {
    color: rgb(195, 42, 163)
}
.bcg-footer-socials li:nth-of-type(3) a:hover {
    color: rgb(29, 161, 242)
}
.bcg-footer-socials li:last-of-type a:hover {
    color: rgb(255, 0, 0)
}
.bcg-footer-meta {
    text-align: right
}
.bcg-footer hr {
    margin: calc(var(--gap) * 1.5) 0;
    border-color: #2b2b2b;
    border-style: solid;
    border-width: 1px 0 0 0;
    height: 2px;
    clear: both;
    opacity: 1;
    background-color: unset
}
.bcg-footer-base {
    font-size: .75rem
}
.bcg-footer-base p {
    margin-bottom: 0
}

.breadcrumbs {
    margin: var(--gap) 0;
    font-size: .8rem
}
.breadcrumbs ul {
    display: flex;
    list-style-type: none;
    padding-left: 0;
    flex-wrap: wrap
}
.breadcrumbs li {
    white-space: pre-line
}
.breadcrumbs li::after {
    padding: 0 calc(var(--gap) / 2);
    content: "\003e"
}
.breadcrumbs li:last-of-type {
    padding-right: 0;
    color: #878787
}
.breadcrumbs li:last-of-type::after {
    content: unset
}
.tagging-container {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.tag {
    background-color: #e0e0e0;
    padding: 4px 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}
.tag .remove-tag {
    margin-left: 8px;
    cursor: pointer;
}
.input-wrapper {
    flex: 1;
    display: flex;
}
.input-wrapper input {
    border: none;
    outline: none;
    padding: 4px;
    flex: 1;
}
.tag-suggestions {
    position: relative;
    background: white;
    border: 0 solid #ccc;
    max-height: 150px;
    overflow-y: auto;
    width: 100%;
    z-index: 1000;
}
.tag-suggestion {
    padding: 8px;
    cursor: pointer;
}
.tag-suggestion:hover, .tag-suggestion.active {
    background-color: #f0f0f0;
}
@media screen and (max-width: 767.99px) {
    input::placeholder {
        font-size: 80%
    }
    .bcg-header .large {
        display: none
    }
    .bcg-header .small {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: calc(var(--gap) / 2)
    }
  
    #sidebar-btn {
        cursor: pointer;
        z-index: 1000
    }
    
    .bcg-sidebar {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding: var(--gap);
        height: 100%;
        width: 80vw;
        position: fixed;
        top: 0;
        left: -85vw;
        overflow-x: hidden;
        transition: 0.3s;
        z-index: 999
    }
    
    #sidebar-btn,
    .bcg-sidebar .close-btn {
        text-decoration: none;
        color: white;
        background: none;
        border: none;
        display: block;
        transition: 0.3s;
        cursor: pointer;
        text-align: left
    }
    .bcg-sidebar nav {
        margin-top: var(--gap);
        padding: var(--gap) 0;
        line-height: 1
    }
    .bcg-sidebar nav ul {
        list-style-type: none;
        padding-left: 0
    }
    .bcg-sidebar nav ul li {
        font-size: 1.4rem;
        text-align: center
    }
    .bcg-sidebar nav ul li a {
        display: inline-block;
        padding: .3rem .5rem;
        width: 100%
    }
    
    .show-sidebar {
        filter: drop-shadow(50px 0 50px #000);
        left: 0
    }

    #search-input {
        margin-bottom: var(--gap);
        font-size: 1.5rem
    }
    .modal-content {
        width: calc(100% - var(--gap))
    }
    .modal-close {
        float: right
    }
    .bcg-sidebar .bcg-header-meta {
        flex-direction: column;
        padding-left: 0
    }
    .bcg-sidebar .bcg-header-meta li a,
    .bcg-sidebar .bcg-header-meta li button {
        flex-direction: row
    }
    .bcg-sidebar .bcg-header-meta i {
        margin-right: var(--gap);
        font-size: 80%
    }
    .modal-panel,
    .bcg-site-search,
    .bcg-footer-us,
    .bcg-footer-base {
        flex-direction: column
    }
    .bcg-footer {
        line-height: 1.3rem
    }
    .bcg-footer-wrap {
        flex-wrap: wrap
    }
    .bcg-footer-us {
        width: 100%;
        justify-content: center;
        order: 3;
        margin-top: var(--gap);
        align-items: center
    }
    .bcg-footer-sections,
    .bcg-footer-meta {
        flex: 1 0 50%
    }
    .bcg-footer-sections ul,
    .bcg-footer-meta ul,
    .bcg-footer-logo {
        margin-bottom: var(--gap)
    }
    .bcg-footer-socials {
        display: flex;
        flex-flow: row wrap;
        font-size: 2rem;
        justify-content: space-around;
        width: 100%
    }
    .bcg-footer-meta {
        order: 2
    }
    .bcg-footer-wrap li {
        padding: .175rem 0
    }
    .bcg-footer-base {
        text-align: center
    }
}
@media screen and (min-width: 768px) {
    .bcg-header {
        padding: calc(var(--gap) / 2) 0
    }
    .bcg-header .small,
    .bcg-sidebar {
        display: none
    }
    .search-bar input {
        width: 1%
    }
    .modal-content {
        display: flex;
        flex-direction: row
    }
    .modal-content .modal-close {
        display: flex;
        order: 2;
        align-self: center
    }
    .bcg-header .large {
        width: 100%;
        margin: 0 auto;
        padding: 0 var(--gap);
        display: block
    }
    .bcg-header .large>div:first-of-type {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
    .bcg-header ul {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end
    }
    .bcg-header .large .logo-nav {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center
    }
    .bcg-header .bcg-brand {
        margin-right: calc(var(--gap) * 2);
        max-width: 260px
    }
    .bcg-header nav li.nav-bcg:first-of-type {
        display: none
    }
    .bcg-header nav li {
        flex: 1 1 auto;
        text-align: center;
        border-bottom-width: 3px;
        border-bottom-style: solid
    }
    .bcg-header nav li a {
        color: #eee;
        padding: 0 1.25rem
    }
    #search-input {
        margin-right: var(--gap);
    }
    .search-bar {
        flex-direction: row
    }
    .mobile {
        display: none
    }
    .bcg-footer-wrap {
        flex-wrap: nowrap;
        align-items: stretch
    }
    .bcg-footer-base {
        align-items: stretch
    }
    .bcg-footer-us {
        flex: 2 1 33%
    }
    .bcg-footer-logo {
        text-align: center
    }
    .bcg-footer-sections,
    .bcg-footer-meta {
        flex: 1 1 33%
    }
    .bcg-footer-us {
        margin: 0 calc(var(--gap) * 2);
        flex-grow: 0;
        flex-direction: column;
        justify-content: space-evenly
    }
    .bcg-footer-socials {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        width: 100%;
        font-size: 1.8rem
    }
    .bcg-footer-base {
        justify-content: space-between
    }
    .bcg-footer-base .bcg-footer-quote {
        order: 1
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .bcg-header .large .nav-icon {
        display: block
    }
    .bcg-header .large .nav-icon+span {
        display: none
    }
    .bcg-header .large ul li {
        padding: 0 calc(var(--gap) / 1.5)
    }
}
@media only screen and (min-width: 992px) {
    .bcg-header nav li a {
        line-height: 2.5rem
    }
    .bcg-header-meta li a {
        padding: var(--gap) calc(var(--gap) / 2)
    }
    .body-inner {
        max-width: 1200px
    }
    .modal-content {
        width: 50%;
    }
}
@media print {
    .bcg-header .small,
    .bcg-header nav,
    .bcg-header-meta,
    .bcg-sidebar,
    .bcg-footer-socials {
        display: none
    }
    .bcg-footer-wrap,
    .bcg-footer-base {
        justify-content: space-between
    }
}