.twelve.columns.composers{
    padding-left: 0px;
    padding-right: 0px;
}
.vanilla{
    padding-left:18px;
    padding-right:18px;
}
@media(max-width:1024px){
body.index_home .header.js-header div.container {
    width: 100%;
}
body.index_home main.container#main-content {
    width: 100%;
    float: left;
}
}
.sr-only{
    position:absolute !important;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    border:0;
}
html,
body{
    min-height:100%;
}
body{
    background:#f5f5f5;
}
.skip-link{
    position:absolute;
    top:0;
    left:0;
    transform:translateY(-120%);
    padding:12px 16px;
    background:#111111;
    color:#ffffff !important;
    z-index:1000;
}
.skip-link:focus{
    transform:translateY(0);
}
a,
strong.name,
h1.name,
h2.name,
h3.name,
h4.name,
h5.name,
h6.name,
div#wotd_container div.wotd h3 a,
#wotd_container .wotd h4 a,
#wotd_container .wotd h3 a,
#term_related_alphabet a.current{
    color:#a22d00 !important;
}
a:hover,
a:focus,
div.term-detail a:hover,
div.term-detail a:focus{
    color:#7a2100 !important;
    text-decoration:underline;
}
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--multiple:focus,
.music_symbol_link:focus{
    outline:3px solid #111111 !important;
    outline-offset:2px !important;
}
.header,
.header .container,
.header .row.bevel,
.button,
.button.primary,
a.btn,
input.btn{
    background:#a22d00 !important;
}
.button,
.button.primary,
a.btn,
input.btn{
    border-color:#7a2100 !important;
    color:#ffffff !important;
}
.button:hover,
.button:focus,
.button.primary:hover,
.button.primary:focus,
a.btn:hover,
a.btn:focus,
input.btn:hover,
input.btn:focus{
    background:#7a2100 !important;
}
.footer{
    background:#666666 !important;
    color:#ffffff !important;
    height:auto !important;
    min-height:105px;
    padding:25px 0;
    position:static !important;
}
.footer .row{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
}
.footer .row:before,
.footer .row:after{
    display:none;
}
a.about-us,
div.footer #copyright,
ul#top-navigation a,
#term_letters_nav a,
#instrument_letters_nav a,
.instrument-subnav-links a,
.subnav-label{
    color:#ffffff !important;
}
.footer a,
.footer a.about-us,
.footer #copyright{
    color:#ffffff !important;
}
.footer .btn{
    display:inline-block;
    margin:0;
}
.footer-nav{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:16px 24px;
}
.footer #copyright,
.footer .footer-copy{
    text-align:right;
}
.header #header-bottom{
    height:auto !important;
    background:#4b4b4b !important;
    padding:0;
}
.header{
    display:block;
    min-height:122px;
    position:relative;
}
.header .container{
    width:100%;
    max-width:1160px;
    padding-left:24px;
    padding-right:24px;
}
main.container#main-content{
    background:#ffffff;
    float:none;
    margin:0 auto;
    max-width:1012px;
    min-height:calc(100vh - 140px);
    padding:24px 0 120px;
    position:relative;
}
main.container#main-content:before,
main.container#main-content:after{
    content:" ";
    display:table;
}
main.container#main-content:after{
    clear:both;
}
.header .row.bevel{
    align-items:center;
    display:flex;
    flex-wrap:nowrap;
    gap:16px;
    height:auto !important;
    margin:0;
    max-width:none;
    min-height:93px;
    min-width:0;
    width:100%;
}
.header .row.bevel .columns,
.header .row.bevel .column{
    height:auto !important;
}
.header img#logo{
    display:block;
    height:auto;
    margin:0;
    max-width:133px;
}
.header-brand-column,
.header-search-column{
    display:flex;
}
.header .row.bevel > .header-brand-column,
.header .row.bevel > .header-main-column,
.header .row.bevel > .header-search-column{
    float:none;
    min-width:0;
}
.header .row.bevel > .header-brand-column{
    flex:0 0 165px;
    max-width:165px;
    width:165px !important;
}
.header-brand-column a{
    align-items:flex-end;
    display:flex;
    min-height:93px;
}
.header-main-column{
    display:flex;
    flex:1 1 auto;
    max-width:none;
    min-width:0;
    width:auto !important;
}
.header-main-inner{
    align-items:center;
    display:flex;
    flex-wrap:nowrap;
    gap:16px;
    justify-content:space-between;
    min-height:93px;
    width:100%;
}
div#term_search_form{
    margin-top:0 !important;
}
.site-primary-nav{
    align-items:center;
    display:flex;
    flex:1 1 auto;
    float:none;
    min-width:0;
    overflow:hidden;
}
ul#top-navigation{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:10px 24px;
    list-style:none;
    margin:0;
    max-width:100%;
    padding:32px 0 12px;
}
ul#top-navigation li{
    display:flex;
    flex-direction:column;
    margin-right:0;
    position:relative;
}
ul#top-navigation li .current_page{
    margin-top:4px;
}
.header-partner{
    align-items:flex-end;
    display:flex;
    flex:0 0 auto;
    justify-content:flex-end;
    min-height:93px;
    margin-top:10px
}
.header-partner-link{
    align-items:flex-end;
    display:flex;
    flex-direction:column;
    gap:4px;
    margin:0;
    max-width:180px;
    text-align:center;
}
.header-partner-logo{
    display:block;
    float:none;
    height:auto;
    max-height:50px;
    max-width:100%;
}
.header-partner-note{
    clear:both;
    color:#ffffff;
    font-size:.75em;
    margin:0;
    padding:0;
    text-align:center;
}
#header-bottom .js-subnav{
    display:none;
    height:auto;
    margin:0 auto;
    max-width:none;
    min-width:0;
    width:100%;
}
#header-bottom .js-subnav.is-active{
    display:block;
}
#header-bottom .js-subnav .columns{
    height:auto !important;
    border:0 !important;
}
#term_letters_nav,
.instrument-subnav-links{
    line-height:29px;
}
#term_letters_nav a,
.instrument-subnav-links a{
    display:inline-block;
    margin-right:12px;
}
#search-navigation-container{
    align-items:center;
    display:flex;
    flex:0 0 260px;
    justify-content:flex-end;
    margin-left:auto;
    max-width:260px;
    padding-left:12px;
    padding-right:12px;
    width:260px !important;
}
#search-navigation-container .site-search{
    align-items:center;
    display:flex;
    justify-content:flex-end;
    min-height:93px;
    width:100%;
}
div#search{
    margin-top:0;
    width:100%;
}
.site-search #term_search_form{
    margin-left:auto;
    max-width:100%;
    width:100%;
}
.site-search-form{
    margin:0;
    width:100%;
}
.site-search .select2-container{
    flex:1 1 auto;
    width:100% !important;
}
.site-search .selection{
    display:block;
    width:100%;
}
.site-search .select2-container .select2-selection--single .select2-selection__rendered{
    color:#1f1f1f;
}
.search-header,
.site-search select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-image:none;
}
.search-header::-ms-expand,
.site-search select::-ms-expand{
    display:none;
}
.site-search .select2-container .select2-selection__arrow{
    display:none;
}
.site-search .select2-container--default .select2-selection--single .select2-selection__placeholder{
    color:#4b4b4b;
}
.search-form-controls{
    align-items:center;
    display:flex;
    position:relative;
    width:100%;
}
.search-submit{
    background:#ffffff;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8' cy='8' r='5.25' fill='none' stroke='%23909090' stroke-width='2'/%3E%3Cpath d='M11.8 11.8 16.5 16.5' fill='none' stroke='%23909090' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
    background-size:16px 16px;
    border:0;
    border-left:1px solid #d7d7d7;
    bottom:5px;
    color:transparent;
    font-size:0;
    min-height:0;
    padding:0;
    position:absolute;
    right:5px;
    top:5px;
    width:30px;
}
.site-search .select2-container{
    flex:1 1 auto;
}
.site-search .select2-container .select2-selection--single,
.site-search .select2-container .select2-selection--multiple{
    align-items:center;
    display:flex;
    height:40px;
    margin:0;
    min-height:40px;
    padding:0 42px 0 12px;
    border:2px solid #cccccc;
    border-radius:0;
    box-shadow:none;
}
.site-search .select2-container .select2-selection--single .select2-selection__rendered{
    line-height:1.3;
    padding-left:0;
    padding-right:0;
}
.site-search .select2-container .select2-selection--single .select2-selection__placeholder{
    color:#4b4b4b;
}
.site-search .select2-container .select2-selection--single .select2-selection__clear,
.site-search .select2-container .select2-selection--multiple .select2-selection__clear{
    display:none;
}
.site-search--home #term_search_form{
    max-width:100%;
}
.site-search--header #term_search_form{
    max-width:260px;
    width:100%;
}
.site-search--header .search-form-controls{
    justify-content:flex-end;
    width:100%;
}
.header-search-column{
    align-items:center;
}
.header-search-column #term_search_form{
    margin-left:auto;
    margin-top:0 !important;
}
.site-search .select2-container--default.select2-container--open .select2-selection--single,
.site-search .select2-container--default.select2-container--open .select2-selection--multiple,
.site-search .select2-container--default.select2-container--focus .select2-selection--single,
.site-search .select2-container--default.select2-container--focus .select2-selection--multiple{
    border-color:#111111 !important;
}
#wotd_container .legend{
    background:#ffffff;
    display:inline-block;
    font-size:1.6rem;
    font-weight:bold;
    line-height:1;
    margin:0;
    padding:0 14px;
    position:absolute;
    top:-10px;
    left:26px;
    color:#a22d00 !important;
}
#wotd_container .wotd{
    background:#ffffff !important;
    border:1px solid #e03b00 !important;
    border-radius:6px;
    display:block;
    line-height:22px;
    padding:40px 40px 24px;
    position:relative;
    width:100%;
}
#wotd_container .wotd h3{
    margin:0 0 18px;
}
#wotd_container .wotd .wotd-term{
    font-size:4rem;
    line-height:1.1;
}
#wotd_container .wotd-definition > :last-child{
    margin-bottom:0;
}
body.index_home #wotd_container{
    margin-top:150px;
}
body.index_home #wotd_container .eight.columns.centered,
body.index_home > main.container#main-content > .row > .eight.columns.centered{
    float:none;
    margin-left:auto;
    margin-right:auto;
}
div.term-detail a{
    color:#a22d00 !important;
    border-bottom:1px solid #7a2100;
}
.term-detail{
    min-height:720px;
}
.term-pronunciation{
    margin-bottom:12px;
}
.music_symbols_container{
    display:inline-block;
    margin:0 11px 16px 0;
    vertical-align:top;
}
.music_symbol_link{
    display:block;
    max-width:120px;
    position:relative;
    text-align:center;
    text-decoration:none;
}
.music_symbol_link > span:first-child{
    display:block;
    margin-bottom:6px;
}
.music_symbol_link .overlay{
    align-items:center;
    background:rgba(17,17,17,0.85);
    color:#ffffff;
    display:flex;
    inset:0;
    justify-content:center;
    opacity:0;
    padding:6px;
    position:absolute;
    transition:opacity 0.2s ease-in-out;
}
.music_symbol_link:hover .overlay,
.music_symbol_link:focus .overlay{
    opacity:1;
}
.symbol-category-section h2{
    margin-top:0;
}
.help-block{
    color:#8b0000;
    display:block;
    margin-top:4px;
}
.form-help{
    margin-bottom:12px;
}
.bot-field{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
.share-links{
    list-style:none;
    margin:0 0 16px;
    padding:0;
}
.share-links li{
    margin:0 0 8px;
}
.appendix-parent-category,
.appendix-child-heading{
    margin:0;
}
fieldset.control-group{
    border:0;
    margin:0 0 18px;
    padding:0;
}
fieldset.control-group legend{
    border:0;
    font-size:14px;
    line-height:20px;
    margin-bottom:8px;
    padding:0;
}
figure{
    margin:0 0 16px;
}
figcaption{
    margin-top:8px;
}
.term-list-heading{
    font-size:1.8rem;
    margin:0 0 8px;
}
.term-list-links,
.see-also-links,
.appendix-topic-links,
.family-instrument-links,
.root-instrument-family-list,
.music-symbol-category-nav,
.music-symbol-grid{
    list-style:none;
    margin:0;
    padding:0;
}
.term-list-links li,
.see-also-links li,
.appendix-topic-links li,
.family-instrument-links li{
    margin:0 0 8px;
}
#term_related_alphabet{
    position:relative;
}
#term_related_alphabet .alphabet_container{
    background:#f7f4ee;
    border:1px solid #d7d0c3;
    box-sizing:border-box;
    height:638px;
    max-height:calc(100vh - 48px);
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:24px 18px;
    position:sticky;
    top:24px;
    width:100%;
}
#term_related_alphabet .term-list-heading{
    font-size:2.2rem;
    margin:0 0 16px;
}
.term-list-links a{
    border-bottom:0;
    color:#565656 !important;
    display:block;
    line-height:1.5;
    padding:1px 0;
}
.term-list-links a:hover,
.term-list-links a:focus{
    color:#7a2100 !important;
}
.term-list-links li.is-current a,
.term-list-links a.current,
.term-list-links a[aria-current="page"]{
    color:#a22d00 !important;
    font-weight:bold;
}
.browse-label{
    color:#555555;
    font-size:1.4rem;
    font-weight:bold;
    margin:14px 0 8px;
}
.term-breadcrumb{
    margin-bottom:12px;
}
.term-origin{
    font-weight:bold;
    margin:0 0 16px;
}
.term-definition-section{
    margin-bottom:24px;
}
.term-definition-section h2{
    margin-top:0;
}
.term-definition-body > :last-child{
    margin-bottom:0;
}
.term-detail audio{
    display:block;
    max-width:480px;
    width:100%;
}
.term-detail video{
    display:block;
    max-width:100%;
}
.example-timing{
    color:#666666;
    display:block;
    font-size:1.3rem;
    margin-top:6px;
}
.composer-directory-nav{
    align-items:center;
}
.composer-meta{
    display:grid;
    grid-template-columns:minmax(140px, 180px) 1fr;
    gap:8px 16px;
    margin:0;
}
.composer-meta dt{
    font-weight:bold;
}
.composer-meta dd{
    margin:0;
}
.required-note{
    font-weight:bold;
}
.appendix-topic-links{
    margin-bottom:12px;
}
.root-instrument-family-list{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:12px;
}
.music-symbol-category-nav{
    display:flex;
    flex-wrap:wrap;
    gap:12px 18px;
}
.music-symbol-grid{
    display:flex;
    flex-wrap:wrap;
    gap:16px 12px;
}
.music-symbol-grid .music_symbols_container{
    margin:0;
}
.family-instrument-links{
    margin-bottom:16px;
}
@media (max-width: 900px){
    .header .row.bevel{
        flex-wrap:wrap;
    }
    .header-brand-column{
        width:25% !important;
    }
    .header-main-column{
        width:75% !important;
    }
    .header-search-column{
        width:100% !important;
    }
    #search-navigation-container{
        flex:1 1 100%;
        margin-left:0;
        max-width:none;
    }
    #search-navigation-container .site-search{
        min-height:auto;
        padding:0 0 16px;
    }
}
@media (max-width: 900px){
    .site-primary-nav,
    .header-partner{
        float:none;
    }
    .header-main-inner{
        flex-direction:column;
        gap:8px;
    }
    .header-partner{
        align-items:flex-start;
        min-height:auto;
    }
    .header-partner-link{
        align-items:flex-start;
        margin:0 0 8px;
        text-align:left;
    }
    .header-partner-logo{
        float:none;
    }
    #header-bottom .js-subnav .columns{
        width:100%;
        margin-left:0;
    }
    .search-form-controls{
        flex-direction:column;
        align-items:stretch;
    }
    #term_letters_nav a,
    .instrument-subnav-links a{
        margin-bottom:0;
    }
    #term_letters_nav,
    .instrument-subnav-links{
        display:flex;
        flex-wrap:wrap;
        gap:6px 12px;
    }
    .composer-meta{
        grid-template-columns:1fr;
    }
    .footer-nav{
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
    }
    .root-instrument-family-list,
    .music-symbol-category-nav,
    .music-symbol-grid{
        display:block;
    }
}
@media (max-width: 767px){
    .container,
    .row,
    main.container#main-content{
        min-width:0 !important;
        width:100% !important;
    }
    .row{
        padding-left:12px;
        padding-right:12px;
    }
    .row .row{
        margin:0 !important;
        width:100% !important;
    }
    .column,
    .columns,
    .row .one,
    .row .two,
    .row .three,
    .row .four,
    .row .five,
    .row .six,
    .row .seven,
    .row .eight,
    .row .nine,
    .row .ten,
    .row .eleven,
    .row .twelve{
        float:none;
        padding-left:12px;
        padding-right:12px;
        width:100% !important;
    }
    [class*="column"]+[class*="column"]:last-of-type{
        float:none;
    }
    .row .offset-by-one,
    .row .offset-by-two,
    .row .offset-by-three,
    .row .offset-by-four,
    .row .offset-by-five,
    .row .offset-by-six,
    .row .offset-by-seven,
    .row .offset-by-eight,
    .row .offset-by-nine,
    .row .offset-by-ten{
        margin-left:0;
    }
    .header .row.bevel{
        display:block;
    }
    .header-brand-column a{
        justify-content:center;
        min-height:auto;
        padding:20px 0 8px;
    }
    .header-main-inner{
        min-height:auto;
    }
    ul#top-navigation{
        align-items:center;
        flex-direction:column;
        gap:10px;
        justify-content:center;
        padding:8px 0 4px;
    }
    ul#top-navigation li{
        align-items:center;
    }
    #search-navigation-container .site-search{
        padding:4px 0 16px;
    }
    .site-search #term_search_form{
        max-width:100%;
    }
    #header-bottom .js-subnav{
        padding-bottom:8px;
        padding-top:8px;
    }
    #term_letters_nav,
    .instrument-subnav-links{
        font-size:0.82em;
        gap:5px 7px;
        justify-content:center;
    }
    .appendix-category .row{
        padding-left:0;
        padding-right:0;
    }
    .appendix-category > .four.columns,
    .appendix-category > .eight.columns,
    .appendix-child-category .six.columns{
        float:none !important;
        width:100% !important;
    }
    .appendix-child-category .row{
        display:block;
    }
    .appendix-parent-category,
    .appendix-child-heading{
        font-size:2.6rem;
        line-height:1.15;
    }
    #term_related_alphabet .alphabet_container{
        height:auto;
        max-height:none;
        position:static;
    }
    main.container#main-content{
        min-height:0;
        padding:16px 0 64px;
    }
    .footer-nav{
        margin-bottom:16px;
    }
    .footer .row{
        display:block;
    }
}