@font-face{
    font-family: "FaktPro-Hair";
    src:url("fonts/FaktPro-Hair.eot?#iefix");
    src:url("fonts/FaktPro-Hair.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-Hair.ttf") format('truetype'), url("fonts/FaktPro-Hair.woff") format('woff');
}
@font-face{
    font-family: "FaktPro-Thin";
    src:url("fonts/FaktPro-Thin.eot?#iefix");
    src:url("fonts/FaktPro-Thin.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-Thin.ttf") format('truetype'), url("fonts/FaktPro-Thin.woff") format('woff');
}
@font-face{
    font-family: "FaktPro-Light";
    src:url("fonts/FaktPro-Light.eot?#iefix");
    src:url("fonts/FaktPro-Light.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-Light.ttf") format('truetype'), url("fonts/FaktPro-Light.woff") format('woff');
}
@font-face{
    font-family: "FaktPro-Blond";
    src:url("fonts/FaktPro-Blond.eot?#iefix");
    src:url("fonts/FaktPro-Blond.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-Blond.ttf") format('truetype'), url("fonts/FaktPro-Blond.woff") format('woff');
}
@font-face{
    font-family: "FaktPro-BlondItalic";
    src:url("fonts/FaktPro-BlondItalic.eot?#iefix");
    src:url("fonts/FaktPro-BlondItalic.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-BlondItalic.ttf") format('truetype'), url("fonts/FaktPro-BlondItalic.woff") format('woff')
}
@font-face{
    font-family: "FaktPro-Normal";
    src:url("fonts/FaktPro-Normal.eot?#iefix");
    src:url("fonts/FaktPro-Normal.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-Normal.ttf") format('truetype'), url("fonts/FaktPro-Normal.woff") format('woff');
}
@font-face{
    font-family: "FaktPro-NormalItalic";
    src:url("fonts/FaktPro-NormalItalic.eot?#iefix");
    src:url("fonts/FaktPro-NormalItalic.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-NormalItalic.ttf") format('truetype'), url("fonts/FaktPro-NormalItalic.woff") format('woff');
}
@font-face{
    font-family: "FaktPro-Medium";
    src:url("fonts/FaktPro-Medium.eot?#iefix");
    src:url("fonts/FaktPro-Medium.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-Medium.ttf") format('truetype'), url("fonts/FaktPro-Medium.woff") format('woff');
}
@font-face{
    font-family: "FaktPro-SemiBold";
    src:url("fonts/FaktPro-SemiBold.eot?#iefix");
    src:url("fonts/FaktPro-SemiBold.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-SemiBold.ttf") format('truetype'), url("fonts/FaktPro-SemiBold.woff") format('woff');
}
@font-face{
    font-family: "FaktPro-Bold";
    src:url("fonts/FaktPro-Bold.eot?#iefix");
    src:url("fonts/FaktPro-Bold.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-Bold.ttf") format('truetype'), url("fonts/FaktPro-Bold.woff") format('woff');
}
@font-face{
    font-family: "FaktPro-BoldItalic";
    src:url("fonts/FaktPro-BoldItalic.eot?#iefix");
    src:url("fonts/FaktPro-BoldItalic.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-BoldItalic.ttf") format('truetype'), url("fonts/FaktPro-BoldItalic.woff") format('woff');
}
@font-face{
    font-family: "FaktPro-Black";
    src:url("fonts/FaktPro-Black.eot?#iefix");
    src:url("fonts/FaktPro-Black.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-Bold.ttf") format('truetype'), url("fonts/FaktPro-Black.woff") format('woff');
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
html {
    font-size: 16px;
    min-height: 100%;
    margin: 0 auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1.6em;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    font-family: "FaktPro-Normal", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: rgba(0,0,0,1);
    width: 90vw;
    padding: 1vh 5vw 0 5vw;
    min-height: 100%;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1e1e1+0,ffffff+100 */
    background: rgba(0,0,0,0.15); /* Old browsers */
    background: -moz-linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.05)); /* FF3.6-15 */
    background: -webkit-linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.05)); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.05)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
a:focus,
button:focus,
input:focus,
textarea:focus {
outline: none;
}

.wrapper {
    padding-top: 5vh;
    background-image: url('nd-paper.svg');
    background-repeat: no-repeat;
    background-size: 100%;
}
.paper {
    margin: 0 1.75% 2vh 1.75%;
    padding: 0 5vw;
    background-color: rgb(255,255,255);
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
a {
    color: rgb(16, 79, 110);
    transition: all 0.3s ease;
    text-decoration: none;
    border-bottom: dotted 1px rgba(0,0,0,0.2);
}
p a {
    font-family: "FaktPro-Medium";
    font-size: 1.1em;
}
.sidebar p a {
    font-size: inherit;
}
a.button, label.button, #auth_box input[type="submit"], input[type="submit"], label.button, .announcelink.button a {
    padding: 14px 28px 12px 28px;
    border-radius: 8px;
    border: 0;
    font-size: .8125rem;
    letter-spacing: 1.5px;
    font-family: "FaktPro-Medium";
    transition: all 0.3s ease;
    box-shadow: none;
    background-color: rgba(16, 79, 110, 0.9);
    color: white;
    line-height: 1em;
    text-transform: uppercase;
    text-align: center;
    min-width: 100px;
}
a.button:hover, label.button:hover {
    cursor: pointer;
}
.sidebar a.button {
    display: block;
    margin-bottom: 2vh;
}

li.active a {
    color: rgb(179,8,56);
    border-bottom-color: rgb(179,8,56);
    border-bottom-style: solid;
}
a:hover {
    color: rgb(0,0,0);
    border-bottom-color: rgba(0,0,0,0.8);
}
ul, ol, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
h5 {
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: normal;
    font-size: .8125rem;
    line-height: 1.25em;
    letter-spacing: .5px;
    margin-bottom: .75vh;
    text-transform: uppercase;
    color: rgba(0,0,0,0.6);
    font-weight: 800;
}
header {
    padding: 6vh 0 2vh 0;
    align-items: center;
    position: relative;
}
header .logo {
    margin: 0 auto;
    margin-bottom: 6vh;
    width: 40%;
}
header .logo img {
    width: 100%;
    height: auto;
    display: block;
}
header nav.mainnav > ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-transform: uppercase;
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: .75px;
    text-align: center;
    background-color: rgba(0,0,0,0.05);
    z-index: 10;
}
header nav.mainnav > ul, nav.sectionnav {
    position: relative;
    width: 107.5%;
    left: 50%;
    transform: translateX(-50%);
}
header nav.mainnav > ul > li {
    padding: 3vh 0;
}
header nav.mainnav a {
    color: rgba(0,0,0,0.6);
}
header nav.mainnav a:hover {
    color: rgb(0,0,0);
}
header nav.mainnav a.active, header nav.mainnav a.active em {
    border-bottom-color: rgba(0,0,0,0.8);
}
header nav.mainnav a .word3, header nav.mainnav a .word4, header nav.mainnav a .word5 {
    color: rgba(0,0,0,0.8);
    font-weight: 800;
}
header nav.mainnav a.active, header nav.mainnav a.active em, header nav.mainnav a.active .word3, header nav.mainnav a.active .word4, header nav.mainnav a.active .word5, header nav.mainnav a.active:hover .word3, header nav.mainnav a.active:hover .word4, header nav.mainnav a.active:hover .word5 {
    color: rgb(179,8,56);
}
header nav.mainnav a:hover .word3, header nav.mainnav a:hover .word4, header nav.mainnav a:hover .word5 {
    color: rgb(0,0,0);
}
header nav.mainnav > ul > li:nth-of-type(3) a .word3 {
    color: inherit;
    font-weight: inherit;
}
header nav.mainnav > ul > li > a:after {
    font-size: 1rem;
    font-family: FontAwesome;
    content: '\f107';
    padding-left: 6px;
}
header nav.mainnav a.active:after {
    font-size: 1rem;
    font-family: FontAwesome;
    content: '\f106';
    padding-left: 6px;
    position: relative;
    bottom: 1px;
}
nav.mainnav ul ul.childnav {
    position: absolute;
    top: 9.5vh;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    padding: 2vh 0;
    overflow: hidden;
    transition: all 0.3s ease;
    background-color: rgb(100,100,100);
    text-transform: none;
    letter-spacing: 0;
}
nav.mainnav ul ul.childnav li {
    display: inline-block;
    font-family: "FaktPro-SemiBold";
    font-size: .9375rem;
    padding: 0 1vw;
}
nav.mainnav li.pwlist ul.childnav > li {
    width: 100%;
    padding: 0 2vw;
    box-sizing: border-box;
}
nav.mainnav li.pwlist ul.childnav h5 {
    text-align: left;
}
nav.mainnav ul ul.childnav li a {
    color: rgba(255,255,255,0.8);
}
nav.mainnav ul ul.childnav li a:after {
    content: '';
    padding: 0;
}
nav.mainnav ul ul.childnav li a:hover {
    color: rgba(255,255,255,1);
    border-bottom-color: rgba(255,255,255,0.8);
    border-bottom-style: solid;
}
nav.mainnav ul ul.childnav li > ul {
    -moz-column-count: 5;
    -moz-column-gap: 0;
    -webkit-column-count: 5;
    -webkit-column-gap: 0;
    column-count: 5;
    column-gap: 0;
    margin-bottom: 4vh;
}
nav.mainnav ul ul.childnav li > ul li {
    display: inherit;
    padding: 0;
    text-align: left;
    font-size: 1rem;
    line-height: 1.25em;
    margin-bottom: 1.15vh;
}
nav.mainnav ul ul.childnav.seen {
    height: auto;
    opacity: 1;
    visibility: visible;
}
header .search {
    position: absolute;
    right: 0;
    top: 25%;
    font-size: 0;
}
header .search a {
    border-bottom: none;
}
header .search a:before {
    content: '\f002';
    font-size: 1.5rem;
    font-family: FontAwesome;
    color: rgba(0,0,0,0.6);
    transition: all 0.3s ease;
}
header .search a:hover:before {
    color: rgb(16, 79, 110);
}
header .Login-popup-link, header nav#block-useraccountmenu {
    position: absolute;
    top: 25%;
    right: 4%;
}
header .donate {
    position: absolute;
    top: 0vh;
    right: 0%;
}
header .donate a {
    font-size: 1rem;
    line-height: 2em;
    background-color: rgb(16, 79, 110);
    color: rgba(255,255,255,0.8);
    padding: 11px 18px 8px 18px;
    line-height: 2.5em;
    border-radius: 0 0 10px 10px;
    border: none;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.1);
    letter-spacing: .5px;
}
header .donate a:hover {
    color: rgb(16, 79, 110);
    background-color: rgb(255,255,255);
}
header .pwlist {
    text-align: center;
}
header .pwlist span:hover {s
    color: rgba(0,0,0,0.8);
    cursor: pointer;
}
header .pws {
    display: none;
    width: 100%;
    position: absolute;
    top: 6vh;
    text-align: left;
    background-color: rgb(255,255,255);
    padding: 1%;
    box-sizing: border-box;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.33);
    z-index: 12;
}
header .pws h5 {
    width: 75%;
}
header .pws a {
    color: rgb(16, 79, 110);
}
header .pws a:hover {
    color: rgb(0,0,0);
}
header .pws section {
    margin-bottom: 4vh;
}
header .pws section:last-of-type {
    margin-bottom: inherit;
}
header .pws ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
header .pws li {
    line-height: 1.85em;
    font-size: 1rem;
}
header .pws > div, .pwlist ul.childnav {
    background-color: rgba(0,0,0,0.075);
    padding: 2.5%;
}
.pwlist ul.childnav a.button {
    position: absolute;
    top: 1vw;
    right: 1vw;
    background-color: rgba(255,255,255,0.6);
    transition: all 0.3s ease;
    padding: 12px 16px 10px 16px;
    border-width: 0;
    font-size: .75rem;
}

nav.sectionnav {
    border-bottom: dotted 1px rgba(0,0,0,0.1);
    border-top: dotted 1px rgba(0,0,0,0.1);
    padding: 1vh 0;
    margin-bottom: 7.5vh;
    text-align: center;
    min-height: 25px;
}
nav.sectionnav a {
}
nav.sectionnav li {
    display: inline-block;
    font-family: 'Open Sans', arial, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    padding: 0 1vw;
}
main {
    margin-bottom: 5vh;
}
main #content.onetwoone, main #content.twoone, .featherlight-content #content.onetwoone, main #content.twooneone, main #content.threeone, main #content.twotwo, main #content.oneoneone, main #content.special, #content.twotwoone {
    display: grid;
    grid-column-gap: 3vw;
}
main #content.onetwoone, .featherlight-content #content.onetwoone {
    grid-template-columns: 1fr 3fr 1.25fr;
}
main #content.oneoneone {
    grid-template-columns: repeat(3, 1fr);
}
main #content.oneoneone .title {
    grid-column: 1/4;
}
main #content.onetwoone aside, .featherlight-content #content.onetwoone aside {
    grid-column: 1;
    grid-row: 1/4;
}
main #content.onetwoone .title, .featherlight-content #content.onetwoone .title {
    grid-column: 2;
    grid-row: 1;
    margin-bottom: 4vh;
}
main #content.onetwoone article, .featherlight-content #content.onetwoone article {
    grid-column: 2;
    grid-row: 2;
}
main #content.onetwoone .sidebar, .featherlight-content #content.onetwoone .sidebar {
    grid-column: 3;
    grid-row: 2/4;
}
main #content.twoone {
    grid-template-columns: 3fr 1.25fr;
    grid-column-gap: 5vw;
}
main #content.twooneone, main #content.special {
    grid-template-columns: 3fr 1fr 1.25fr;
}
main #content.twooneone .title, main #content.twotwo .title, main #content.special .title {
    grid-column: 1/3;
    grid-row: 1;
}
main #content.twooneone.form article {
    grid-column: 1;
    grid-row: 2/5;
}
main #content.twooneone.form .form-progress {
    grid-column: 3;
    grid-row: 1;
}
main #content.twooneone.form .form-steps {
    grid-column: 3;
    grid-row: 3;
}
main #content.twooneone section:last-of-type {
    grid-column: 3;
    grid-row: 2/4;
}
main #content.twooneone.form section:last-of-type {
    grid-row: 2;
}
main #content.twooneone.form section:last-of-type, main #content.twooneone.form section:last-of-type .block {
    padding-bottom: 0;
    margin-bottom: 0;
}
main #content.twotwoone {
    grid-template-columns: 1.5fr 1.5fr 1fr;
    margin-top: 6vh;
}
main #content.twotwoone article {
    min-height: 35vh;
}
main #content.twotwoone article h2, main #content.twotwoone section h2 {
    border-top: solid 1px rgb(179,8,56);
    padding-top: 1vh;
    padding-bottom: 5px;
}
main #content.twotwoone .home_nowplaying h3, main #content.twotwoone .home_openingsoon h3 {
    margin-bottom: 2vh;
}
main #content.twotwoone article ul, main #content.twotwoone section ul {
    font-size: 1.25rem;
}
main #content.twotwoone section ul.homeblock {
    margin-bottom: 5vh;
}
main #content.twotwoone section ul.homeblock .date {
    font-size: 1rem;
    letter-spacing: .5px;
}
main #content.twotwoone section ul.homeblock li {
    margin-bottom: 1vh;
}
main #content.twotwoone article li::before {
    content: '';
    padding: 0;
}
main #content.twotwoone .pwannouncement {
    grid-row: 2;
    grid-column: 1/3;
}
main #content.twotwoone .home_nowplaying {
    grid-column: 1;
}
main #content.twotwoone .home_openingsoon {
    grid-column: 2;
}
main #content.twotwoone .home_nowplaying ul, main #content.twotwoone .home_openingsoon ul {
    margin-bottom: 4vh;
}
main #content.twotwoone .home_nowplaying li, main #content.twotwoone .home_openingsoon li {
    padding-bottom: 1.5vh;
    margin-bottom: 1.5vh;
    border-bottom: solid 1px rgba(0,0,0,0.1);
}
main #content.twotwoone .home_nowplaying em, main #content.twotwoone .home_openingsoon em {
    border-bottom: 0;
}
/* main #content.twotwoone section:last-of-type {
    grid-row: 1/5;
} */
main #content.special .banner {
    grid-column: 1/3;
    grid-row: 2;
    margin-bottom: 5vh;
}
main #content.special article {
    grid-row: 3;
    grid-column: 1/2
}
main #content.special section {
    grid-row: 3;
    grid-column: 2/3;
}
main #content.special section:last-of-type {
    grid-column: 3;
    grid-row: 2/5;
}
main #content.twotwo {
    grid-template-columns: 3fr 1fr 1.25fr;
    grid-column-gap: 3vw;
}
main #content.twotwo {
    grid-row: 2/4;
    grid-column: 1/2;
    grid-column-gap: 5vw;
}
main #content.twotwo section:last-of-type {
    grid-row: 2/4;
    grid-column: 2/4;
}
main #content.threeone {
    grid-template-columns: 4fr 1.25fr;
    grid-column-gap: 5vw;
}
main #content.threeone .banner {
    grid-column: 1;
    grid-row: 2;
}
main #content.threeone article {
    grid-column: 1;
    grid-row: 3;
}
main #content.threeone ul.pwgrid, main #content.threeone ul.alumnigrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2vw;
    margin-bottom: 10vh;
}
main #content.threeone ul.alumnigrid {
    margin-bottom: inherit;
}
main #content.threeone ul.pwgrid li::before, main #content.threeone ul.alumnigrid li::before {
    content: '';
    padding: 0;
}
.owl-carousel figure {
    margin-bottom: 1.5vh;
}
main #content.threeone ul.pwgrid h4, aside h4, .owl-carousel h4 {
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 600;
    margin-top: .5vh;
    font-size: .9125rem;
    letter-spacing: -.25px;
    line-height: 1.25em;
}
main #content.threeone section:last-of-type {
    grid-row: 2/4;
}
main #content.onethree {
    grid-template-columns: 1.25fr 4fr;
    grid-column-gap: 5vw;
}
main #content .block {
    margin-bottom: 4vh;
}
main #content article .block {
    margin-top: 4vh;
}
main #content aside figure, .featherlight-content #content aside figure {
    margin-bottom: 4vh;
}
main #content aside .block {
    margin-bottom: 0;
}

.homebanner {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 3vw;
    padding: 2vw;
    background-color: #fff;
    /* box-shadow: 0px 0px 20px rgba(0,0,0,.1); */
    border: solid 1px rgba(0,0,0,0.1);
    align-items: center;
    margin: 12.5vh 0 17.5vh;
    transition: all 0.3s ease;
}
.homebanner h1 {
    font-family: 'Merriweather', serif;
    margin-bottom: 3vh;
    transition: all 0.3s ease;
}
.homebanner .bannertext {
    text-align: center;
}
a:hover .homebanner {
    box-shadow: 0px 0px 20px rgba(0,0,0,.15);
    border-color: transparent;
}
a:hover .homebanner h1 {
    color: #000;
}

main img, .featherlight-content figure img {
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease;
}
ul.pwgrid figure:hover img, .owl-carousel .owl-item:hover img {
    opacity: 0.8;
}
main section {
    padding-bottom: 3vh;
}
main .pw-carousel {
    padding-bottom: 5vh;
}
main section.playcategories {
    padding-bottom: .75vh;
    padding-top: 1vh;
    margin-bottom: 3vh;
    border-bottom: solid 1px rgba(0,0,0,0.1);
    border-top: solid 1px rgba(0,0,0,0.1);
}
main h1, .featherlight-content h1, .ruled .home-announce h5 {
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 400;
    font-size: 3rem;
    line-height: 1em;
    margin-bottom: .5vh;
    color: rgb(16, 79, 110);
    letter-spacing: -2px;
}
main h1 p {
    font-family: inherit;
    line-height: inherit;
    font-size: inherit;
    padding-bottom: inherit;
    font-weight: inherit;
    letter-spacing: -1.5px;
}
main h1 p em {
    border-bottom: none;
}
main .twooneone h1, main .threeone h1, main .twotwo h1, main #content h1 {
    margin-bottom: 5vh;
}
main h2 {
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 300;
    font-size: 1.875rem;
    line-height: 1.1em;
    letter-spacing: -1px;
    color: rgb(179,8,56);
    margin-bottom: 4vh;
}
main .pwbuzz h2 {
    padding: 3vh 1.5vw 5vh 1.5vw;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1e1e1+0,ffffff+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(rgba(0,0,0,0.075), rgba(0,0,0,0)); /* FF3.6-15 */
    background: -webkit-linear-gradient(rgba(0,0,0,0.075), rgba(0,0,0,0)); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(rgba(0,0,0,0.075), rgba(0,0,0,0)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
main h3, .featherlight-content h3, .js-form-type-webform-custom-composite > label {
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: rgb(0,0,0);
    font-weight: 600;
    top: .5vh;
}
.js-form-type-webform-custom-composite > label.form-required {
     display: block;
     font-weight: 400;
     letter-spacing: 1px;
 }
main h3.inlibrary {
    margin-bottom: 4vh;
}
main h3.inlibrary span {
    color: rgb(179,8,56);
    border-bottom: solid 1px rgb(179,8,56);
}
main .block h3 {
    margin-bottom: 4vh;
    color: rgba(0,0,0,0.5);
}
main .block h3 span {
    border-bottom: solid 1px rgba(0,0,0,0.3);
}
main .pwbuzz h3 {
    font-size: 1.25rem;
    padding-bottom: 0.5vh;
    margin-bottom: 1vh;
    border-bottom: dotted 1px rgba(0,0,0,0.2);
}
main .pwbuzz h3 a {
    border: none;
}
main .ruled h5, header .pws h5, nav.mainnav li.pwlist ul.childnav h5 {
    text-align: left;
    text-transform: inherit;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: -1px;
    padding-bottom: 1vh;
    margin-bottom: 1.5vh;
    border-bottom: dashed 1px rgba(255,255,255,.2);
}
 nav.mainnav li.pwlist ul.childnav h5 {
     color: rgba(255,255,255,0.5);
     width: 75%;
 }
main .ruled.promosm h5, main .ruled.promolg h5 {
    color: rgb(179,8,56);
    border-bottom-color: rgba(179,8,56,.33);
}
main h6 {
    font-family: 'Open Sans', arial, sans-serif;
    font-size: .875rem;
    line-height: 1em;
    margin-bottom: 1vh;
    color: rgba(0,0,0,0.6);
}
main .sidebar .spacer {
    margin-bottom: 2vh;
    border-bottom: solid 1px rgba(0,0,0,0.1);

}
main .sidebar h6. main .home_openingsoon h6 {
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 800;
    color: rgba(0,0,0,0.6);
    font-size: .8125rem;
    line-height: 1.4em;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1vh;
}
main .sidebar .playlist h6 {
    color: rgb(179,8,56)
}
main strong, footer strong, .lightbox strong, .featherlight-content strong {
    font-weight: bold;
    color: rgb(0,0,0);
}
footer strong, main form strong, .webform-progress-tracker .progress-step.is-active .progress-title, main .sidebar p strong {
    font-family: "FaktPro-Bold";
    font-weight: inherit;
}
main .playsample p {
    color: rgba(0,0,0,0.75);
}
main .pwbuzz article {
    padding: 0 1.5vw 1.5vh 1.5vw;
}
main .pwbuzz article p {
    font-size: .9125rem;
    line-height: 1.6em;
    color: rgba(0,0,0,0.8);
}
main .pwbuzz time {
    font-size: .8125rem;
    color: rgba(0,0,0,0.4);
}
main p, .lightbox p, .featherlight-content p {
    padding-bottom: 2.5vh;
    font-family: 'Merriweather', serif;
    letter-spacing: 0;
    /* font-weight: 300; */
    line-height: 1.85em;
    font-size: 1rem;
}
main em, .featherlight-content em {
    font-style: italic;
    border-bottom: solid 1px rgba(0,0,0,0.1);
    padding-bottom: 1px;
}
main strong {
    font-weight: bold;
}
main #content .sidebar > ul, main .block > ul {
    padding-bottom: 2.5vh;
}
main #content .sidebar .staff li {
    padding-bottom: 2vh;
    margin-bottom: 1.5vh;
    border-bottom: solid 1px rgba(0,0,0,0.1);
}
main #content .sidebar .staff h4 {
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 600;
    font-size: 1rem;
    padding-bottom: 1px;
}
main #content .sidebar p, main .playcategories li, main #content .sidebar > ul  {
    line-height: 1.5em;
    font-size: .875rem;
    color: rgba(0,0,0,0.6);
    letter-spacing: .33px;
    font-family: inherit;
}
main .playcategories ul, main .playcategories li {
    margin-bottom: 0;
    padding-bottom: 0;
    color: rgba(0,0,0,0.9);
}
main .playcategories li {
    display: inline-block;
}
main article .playcategories li::before {
    content: '';
    padding: 0;
}
main .playcategories li::after {
    content: ', ';
}
main .playcategories li:last-child::after {
    content: '';
}
main #content .sidebar .spacer p {
    margin-bottom: 0;
}
main #content .sidebar img {
    max-width: 100%;
}
main #content .sidebar .staff p {
    padding-bottom: 0;
    margin-bottom: .5vh;
    line-height: 1.8em;
}
main article section ul {
    padding-bottom: 3vh;
}
main .playlist footer {
    margin: 0;
    padding: 0;
}
main #content .sidebar .playlist footer p {
    line-height: 1.25em;
}
main .term {
    color: rgba(0,0,0,0.6);
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: 1px;
}
main .staff .term {
    letter-spacing: 0;
}
main .block p, main .block li, main .playlist li, .featherlight-content .block p {
    font-size: .875rem;
    line-height: 1em;
    font-family: "FaktPro-Normal";
    line-height: 1.4em;
}
main .block li, main .playlist li {
    line-height: 1.5em;
    padding-bottom: 1.25vh;
}
 main .block.episodes {
     margin-top: 4.5vh;
 }
main .block .websites li::before, main .block.episodes li::before {
    content: '';
}
main .block .websites a::before {
    content: '\f08e';
    font-family: FontAwesome;
    font-size: .875rem;
    line-height: 1em;
    padding-right: .5vw;
    color: rgba(0,0,0,0.4);
    transition: all 0.3s ease;
}
main .block.promolg, main .block.promosm {
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    padding: 1.5vh;
    background-repeat: no-repeat;
    border-radius: 10px;
}
main .twotwo .block.promolg, main .twotwo .block.promosm {
    padding: 2vh;
}
main .block.promolg {
    background-image: url(bg-promolg.svg);
}
main .block.promosm {
    background-image: url(bg-promosm.svg);
}
main .share, .featherlight-content .share {
    margin-top: 1vh;
    box-sizing: border-box;
    padding: .5vw .75vw;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background-color: rgba(0,0,0,0.05);
    border: solid 1px white;
    grid-column: 3/4;
    grid-row: 1;
    height: 5vh;
}
main .threeone .share {
    grid-column: 2/3;
}
main .share h5, .featherlight-content .share h5 {
    float: left;
    margin-right: 1vw;
    font-weight: 600;
    line-height: 2em;
}
main .share ul, main .share li, .featherlight-content .share ul, .featherlight-content .share li {
    line-height: 1em;
}
main .share li, .featherlight-content .share li {
    display: inline-block;
    border-left: solid 1px rgba(0,0,0,0.2);
}
main .share li a, .social li a, .featherlight-content .share li a {
    font-size: 0;
    border: 0;
    display: block;
    padding-top: 10px;
    line-height: .5rem;
    padding: 10px .66vw 0 .66vw;
}
main .share li a:after, .social li a:after, .featherlight-content .share li a:after, .footerinfo li a:after {
    font-family: FontAwesome;
    font-size: 1.125rem;
}
main .share li a.facebook-share:after, .social li a.facebook-share:after, .featherlight-content .share li a.facebook-share:after, .footerinfo li a.facebook-share:after {
    content: '\f09a';
}
main .share li a.twitter:after, .social li a.twitter:after, .featherlight-content .share li a.twitter:after, .footerinfo li a.twitter:after {
    content: '\f099';
}
main .share li a.email:after, .featherlight-content .share li a.email:after {
    content: '\f0e0';
}
.footerinfo li a.instagram:after {
    content: '\f16d';
}
main .block li::before {
    content: '— ';
    color: rgba(0,0,0,0.4);
}
main .block .progress-tracker li::before {
    content: '';
}
.progress-step:not(:last-child)::after {
    height: inherit;
    width: inherit;
    background-color: none;
}
main .block ul.staff li:before {
    content: '';
}
main .playlist li {
    line-height: 1.4em;
    vertical-align: top;
}
main .ruled em {
    font-style: normal;
    font-family: "FaktPro-NormalItalic";
    border-bottom: 0;
}
main .playlist li em {
    font-style: normal;
    font-family: "FaktPro-BoldItalic";
    border-bottom: 0;
}
main .playlist a {
    font-family: "FaktPro-Bold";
}
main .playlist > ul {
    margin-bottom: 2vh;
}
main .playlist li.library a:before {
    content: '\f097';
    font-family: FontAwesome;
    padding-right: .6125vw;
    color: rgb(179,8,56);
    font-weight: normal;
}
main .playlist footer p {
    line-height: 1em;
    font-size: .75rem;
    color: rgba(0,0,0,0.33);
    margin-bottom: 0;
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 400;
}
main .collapsesec {
    margin-top: 1.5vh;
}
main h3.slider {
    border-top: solid 1px rgba(0,0,0,0.2);
}
main h3.slider a {
    padding: 1vh 0 2vh 0;
    border: none;
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1e1e1+0,ffffff+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.02)); /* FF3.6-15 */
    background: -webkit-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.02)); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.02)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    box-sizing: border-box;
}
main h3.slider a span {
    border-bottom: dotted 1px rgba(0,0,0,0.2);
    padding-bottom: 2px;
}
main h3.slider a:before {
    font-family: FontAwesome;
    content: '\f103';
    padding-right: 1vw;
    padding-left: 1vw;
    font-weight: normal;
}
main h3.slider.active a:before {
    content: '\f102';
}
main article .hidecontain {
    display: none;
    padding: 0 3vw;
    background-color: rgba(0,0,0,0.02);
}
main article .hidecontain p {
    font-size: .875rem;
    font-family: Helvetica;
    color: rgba(0,0,0,0.6);
}
main article .hidecontain li {
    margin-bottom: 1.5vh;
}
main article .hidecontain li a em {
    border-bottom: none;
}
/* main article li {
    font-family: 'Merriweather', serif;
    font-size: .875rem;
    font-style: italic;
} */
main article li::before {
    content: '—';
    padding-right: .5vw;
    color: rgba(0,0,0,0.33);
}
main article a.permalink {
    color: rgba(0,0,0,0.25);
    font-size: .925rem;
    border-bottom: none;
    padding-left: .5vw;
}
main article a.permalink:hover {
    color: rgb(0,0,0);
}
p:empty {
    margin: 0;
    padding: 0;
}
.tns-horizontal.tns-subpixel>.tns-item.home-announce {
    display: grid;
    grid-template-columns: 2fr 2fr;
    column-gap: 2.5vw;
    border-bottom: 0;
}
.home-announce a .text {
    color: rgb(0,0,0);
}
main article a .text {
    color: rgb(0,0,0);
}
main article a .announcelink {
    margin-top: 1vh;
}
main figcaption {
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 400;
    font-size: .8125rem;
    line-height: 1.5em;
    color: rgba(0,0,0,0.6);
    margin-top: 1vh;
    padding-bottom: 2vh;
    border-bottom: solid 1px rgba(0,0,0,0.1);
}
main .sidebar figcaption {
    border: 0;
    padding-bottom: 0;
}
main .align-left {
    width: 50%;
    box-sizing: border-box;
    padding-right: 4vw;
    padding-bottom: 3vh;
}
main .align-left img, main .align-right img {
    padding: 2vw;
    box-sizing: border-box;
    border: solid 1px rgba(0,0,0,0.1);
}
main .playsample a {
    border-bottom: 0;
}
hr {
    display: block;
    margin: 4vh auto 4vh 0px;
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.sidebar hr {
    margin-top: 0;
}
.video-embed {
    position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 3vh;
}
.video-embed iframe, .video-embed object, .video-embed embed {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.bookmark {
    font-size: 0;
}
.bookmark:after {
    content: '\f097';
    font-family: FontAwesome;
    color: rgb(179,8,56);
    font-size: .75rem;
    padding: 0 3px;
}
footer {
    padding-bottom: 2.5vh;
}
footer .footer-main {
    background-color: rgba(0,0,0,0.05);
    padding: 3vh;
    margin-bottom: 3vh;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 2vw;
}
footer .footer-main, footer .smallfooter {
    letter-spacing: .33px;
}
footer .footer-main h6 {
    font-size: .8125rem;
    font-family: "FaktPro-Bold";
}
footer .footer-main li {
    display: block;
    font-size: .875rem;
}
.footerinfo {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 2vw;
    border-left: solid 1px rgba(0,0,0,0.1);
}
.footerinfo a {
    border: 0;
}
.footerinfo img {
    width: 100%;
}
footer .footer-main .footerinfo ul {
    margin-top: 1vh;
}
footer .footer-main .footerinfo li {
    font-size: 0;
    letter-spacing: 0;
}
footer .sociallinks {
    text-align: center;
    padding-left: 2vw;
}
footer .smallfooter {
    font-size: .8125rem;
    line-height: 1.4em;
}
footer .smallfooter ul {
    display: grid;
    grid-template-columns: 2fr 1fr;
}
footer .smallfooter li {
    grid-column: 1;
}
footer .smallfooter li:last-of-type {
    grid-column: 2;
    grid-row: 1;
    font-weight: bold;
    leter-spacing: .5px;
    text-align: right;
}
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: opacity 0.5s ease;
       -moz-transition: opacity 0.5s ease;
        -ms-transition: opacity 0.5s ease;
	       -o-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	     -moz-transform: translate(0px, -100%) scale(0, 0);
	      -ms-transform: translate(0px, -100%) scale(0, 0);
         -o-transform: translate(0px, -100%) scale(0, 0);
	          transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    visibility: hidden;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
       -moz-transform: translate(0px, 0px) scale(1, 1);
    	  -ms-transform: translate(0px, 0px) scale(1, 1);
	       -o-transform: translate(0px, 0px) scale(1, 1);
	           transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    z-index: 106;
    visibility: visible;
}

#search input.form-search, .searchpage input.form-search {
    color: rgb(255, 255, 255);
  	background: transparent;
  	border-top: 1px solid rgba(255, 255, 255, 0.6);
  	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  	border-left: 0px solid transparent;
  	border-right: 0px solid transparent;
    font-size: 2.5rem;
    font-weight: 300;
    text-align: center;
    outline: none;
  	padding: 10px 0;
    box-sizing: border-box;
}
.searchpage form {
    margin-bottom: 6vh;
}
main .searchpage h6 {
    margin-bottom: 2.5vh;
}
.searchpage input.form-search {
    border-top-color: rgba(0,0,0,.5);
    border-bottom-color: rgba(0,0,0,.5);
    color: rgb(0,0,0);
    text-align: left;
    width: 100%;
    margin-bottom: 2vh;
}
.searchpage .search-result {
    border-bottom: solid 1px rgba(0,0,0,0.1);
    margin-bottom: 2.5vh;
}
#search input.form-search {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
}
#search input.form-search::placeholder {
    color: rgba(255,255,255,0.33);
}
#search input[type="submit"] {
    display: none;
}

#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
	  opacity: 1;
	  font-size: 27px;
    font-weight: 300;
  	color: #fff;
}

#search .close:hover{
  color: #FC2121;
  cursor: pointer;
}
.searchpage {
    margin-top: 4vh;
}
nav.pager {
    font-size: .875rem;
    margin-bottom: 4vh;
    margin-top: 4vh;
}
nav.pager ul {
    width: 100%;
    text-align: center;
}
nav.pager ul li::after {
    margin-right: 1vw;
    padding-right: 1vw;
    border-right: solid 1px rgba(0,0,0,0.4);
    content: '';
}
nav.pager ul li:last-child::after {
    padding: 0;
    margin: 0;
    border: none;
}
ul.pager__items li {
    display: inline;
    letter-spacing: .33px;
    font-family: "FaktPro-Medium";
}

.messages {
    position: absolute;
    top: 15vh;
    width: 85%;
    z-index: 15;
    letter-spacing: .33px;
    color: rgba(0,0,0,0.8);
    line-height: 1.5em;
    font-size: 1rem;
}
.messages > div {
    padding: 2vw;
    box-sizing: border-box;
    background-color: white;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
    background-color: rgb(255,255,255);
    text-align: left;
}
.messages div[aria-label="Warning message"] {
    font-family: "FaktPro-SemiBold";
    color: rgb(0,0,0);
    margin-top: 2vh;
    padding-top: 1vh;
    border-top: solid 1px rgba(0,0,0,0.1);
}
.messages.animated.fadeIn {
    animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
}
.messages.animated.fadeOut {
    animation-delay: 5s;
    -moz-animation-delay: 5s;
    -webkit-animation-delay: 5s;
}
.messages a:link {
    color: rgba(0,0,0,0.5);
}
.messages a:hover {
    color: rgba(255,0,0,1);
}
.pure-toggle-label {
    background-color: rgb(179,8,56);
    width: 36px;
    height: 36px;
}
.pure-toggle-label[data-toggle-label='right'] {
    right: -4%;
    left: inherit;
}
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] {
    background-color: rgb(0,0,0);
}
.pure-drawer a {
    color: rgba(255,255,255,.6);
}
.pure-drawer a:hover, .pure-drawer a.is-active {
    color: rgba(255,255,255,1);
}

@-webkit-keyframes featherlightLoader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes featherlightLoader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.featherlight .featherlight-content {
    margin-left: 10%;
    margin-right: 10%;
    max-height: 85%;
}
.featherlight-loading .featherlight-content {
  -webkit-animation: featherlightLoader 1s infinite linear;
          animation: featherlightLoader 1s infinite linear;
  background: transparent;
  border: 8px solid #8f8f8f;
  border-left-color: #fff;
  border-radius: 80px;
  width: 80px;
  height: 80px;
  min-width: 0;
}

.featherlight-loading .featherlight-content > * {
  display: none !important;
}

.featherlight-loading .featherlight-close,
.featherlight-loading .featherlight-inner {
  display: none;
}
#auth_box {
    width: 33.333%;
    padding-top: 20vh;
}
#auth_box h2.title {
    text-indent: 0;
    font-size: 1.25rem;
    padding-bottom: 4vh;
}
#auth_box #middle_part {
    padding: 2vw 3vw;
    box-shadow: 0 0 10px #ccc;
}
#auth_box input[type="text"], input[type="text"], #auth_box input[type="password"], input[type="password"], #auth_box input[type="email"], input[type="email"], input[type="tel"], input[type="file"], input[type="date"], textarea, select.form-select {
    width: 100%;
    box-sizing: border-box;
    font-size: inherit;
    line-height: 1.5em;
    padding: 5px 10px;
    border-color: rgba(0,0,0,0.25);
    border-width: 1px;
    display: block;
    letter-spacing: .5px;
    font-family: "FaktPro-Normal";
}
.webform-submission-form strong {
    font-family: "FaktPro-SemiBold";
}
.webform-submission-form h3 {
    margin-bottom: 2vh;
    padding-top: 4vh;
}
.webform-multiple-table table {
    width: 100%;
    margin-bottom: 0;
}
.webform-multiple-table table tbody tr {
    display: block;
    box-sizing: border-box;
    padding: 2vw 2vw 0 2vw;
    margin-top: 4vh;
    background-color: rgba(0,0,0,0.05);
}
.form-item, .g-recaptcha {
    margin-bottom: 4vh;
}
.form-item.form-no-label.other {
    margin: 0;
}
select.form-select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: right .7em top 50%;
	background-size: .65em auto;
}
.form-item.js-form-type-radio, .form-item.js-form-type-checkbox {
    margin-bottom: .5vh;
}
.js-form-type-checkbox label.form-required {
    font-weight: inherit;
}
fieldset.webform-composite-hidden-title {
    border-bottom: solid 1px rgba(0,0,0,0.1);
    padding-bottom: 3vh;
    margin-bottom: 3vh;
}
.compact-form-label {
    color: rgba(0,0,0,0.3);
    font-size: .875rem;
    line-height: 2.5em;
    left: 10px;
}
.js-form-type-textfield label, .js-form-type-email label, .js-form-type-textarea label, .fieldset-legend, .js-form-type-select label, .js-form-type-tel label, .js-form-type-date label, .js-form-type-managed-file label, .webform-element label, .js-form-type-password label, .password-strength__title, .password-confirm, .js-form-item-audio-upload label, .js-form-type-webform-audio-file label, .js-form-type-webform-custom-composite label {
    font-family: 'Open Sans', arial, sans-serif;
    font-size: .8125rem;
    line-height: 1.4em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(0,0,0,0.6);
    display: block;
    margin-bottom: .75vh;
    border-top: 1px solid rgba(0,0,0,0.5);
    padding-top: 8px;
}
.js-form-type-webform-custom-composite label, .js-form-type-checkbox label.form-required {
    padding-top: 0;
    border: 0;
}
.js-form-type-webform-custom-composite label.button, .js-form-type-managed-file label {
    padding: 14px 28px 12px 28px;
}
fieldset[data-drupal-selector="edit-song-1"], fieldset[data-drupal-selector="edit-song-2"], fieldset[data-drupal-selector="edit-song-3"], fieldset[data-drupal-selector="edit-song-4"], fieldset[data-drupal-selector="edit-song-5"], fieldset[data-drupal-selector="edit-song-6"], fieldset[data-drupal-selector="edit-song-7"], fieldset[data-drupal-selector="edit-song-8"] {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 30px;
    margin-bottom: 50px;
}
fieldset[data-drupal-selector="edit-song-1"] > legend, fieldset[data-drupal-selector="edit-song-2"] > legend, fieldset[data-drupal-selector="edit-song-3"] > legend, fieldset[data-drupal-selector="edit-song-4"] > legend, fieldset[data-drupal-selector="edit-song-5"] > legend, fieldset[data-drupal-selector="edit-song-6"] > legend, fieldset[data-drupal-selector="edit-song-7"] > legend, fieldset[data-drupal-selector="edit-song-8"] > legend {
    position: relative;
    top: -24px ;
    left: -30px;
}
}
.password-strength__title {
    margin-top: .75vh;
}
.password-confirm span.ok {
    color: green;
}
.password-confirm span.error {
    color: red;
}
.js-form-type-radio label {
    margin-left: 1vw;
}
.js-form-managed-file > div {
    margin-bottom: 1vh;
}
.js-form-managed-file > input[type="submit"] {
    margin-bottom: 3vh;
}
label.form-required, .fieldset-legend.form-required {
    color: rgba(0,0,0,.66);
    font-weight: bold;
    border-top: 2px solid black;
}
.webform-managed-file-preview-wrapper {
    width: 100%;
}
.webform-managed-file-preview-wrapper, .webform-managed-file-preview-wrapper.form-item {
    width: 100%;
    box-sizing: border-box;
    padding: 2vh;
    margin-top: 2vh;
}
.webform-managed-file-preview-wrapper input[type='checkbox'], .webform-managed-file-preview, label.webform-managed-file-preview, label.option.webform-managed-file-preview {
    display: inline-block;
    font-family: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    font-size: inherit;
}
.webform-managed-file-preview-wrapper input[type='checkbox'] {
    margin-right: 2vw;
}
.description {
    color: rgba(0,0,0,0.5);
    font-size: .875rem;
    margin-top: 2vh;
    max-width: 40vw;
}
.js-form-type-managed-file .description, .js-form-type-webform-audio-file .description {
    margin-top: 0;
}
.form-item .description {
    line-height: 1.5em;
}
.password-confirm {
    margin-top: 1vh;
}
.form-item.confirm-parent {
    margin-bottom: 0;
}
.progress-tracker {
    display: block;
}
.webform-progress-tracker .progress-step:not(.is-active) .progress-marker {
    background-color: #b6b6b6;
}
.webform-progress-tracker .progress-step.is-complete .progress-marker {
    background-color: #1976D2;
}
.progress-tracker--center .progress-step {
    text-align: left;
}
main .block li.progress-step {
    font-family: "FaktPro-Blond";
}
main .block li.progress-step.is-complete {
    font-family: "FaktPro-Medium";
}
main .block li.progress-step.is-active {
    font-family: "FaktPro-Bold";
}
.progress-text {
    padding: 0;
    font-size: 1rem;
}
.progress-text .progress-number {
    font-size: .8125rem;
    display: inline-block;
    padding-right: 7px;
}
.webform-progress__status {
    margin-top: 1vh;
    border: solid 1px rgba(0,0,0,0.1);
    padding: 5px 5px 2px 5px;
    font-size: .875rem;
    font-family: "FaktPro-Medium";
}
main .webform-progress .block li::before {
    content: '';
}
.ok {
    color: green;
}
.error {
    color: red;
}
#auth_box input[type="submit"], input[type="submit"], label.button {
    margin-right: .5vw;
    margin-top: 1vh;
}
#auth_box input[type="submit"]:hover, input[type="submit"]:hover, label.button:hover, .sidebar a.button:hover, .announcelink.button a:hover {
    cursor: pointer;
    background-color: rgb(16, 79, 110);
    color: rgb(255,255,255);
}
.announcelink.button a  {
    color: rgb(255,255,255);
    display: block;
}
#auth_box input[type="submit"]:active, input[type="submit"]:active, label.button:active, .sidebar a.button:active {
    background-color: rgba(16, 79, 110, 0.7);
}
input.webform-button--previous[type="submit"] {
    background-color: rgba(0,0,0,0.4);
}
input.webform-button--previous[type="submit"]:hover {
    background-color: rgba(0,0,0,0.5);
}
input.webform-button--previous[type="submit"]:active {
    background-color: rgba(0,0,0,0.3);
}
input.webform-button--draft[type="submit"], .js-form-managed-file input[type="submit"] {
    background-color: rgba(0,0,0,0.05);
    color: rgba(0,0,0,0.6);
}
input.webform-button--draft[type="submit"]:hover, .js-form-managed-file input[type="submit"]:hover {
    background-color: rgba(0,0,0,0.075);
}
input.webform-button--draft[type="submit"]:active, , .js-form-managed-file input[type="submit"]:active {
    background-color: rgba(0,0,0,0.01);
}
label.button {
    color: rgb(255,255,255);
    box-sizing: border-box;
}
.js-form-managed-file label.button {
    font-family: inherit;
    margin-right: 0;
}
#auth_box #bottom_part {
    padding-top: 5vh;
    font-size: inherit;
}
#auth_box #bottom_part a:link {
    color: rgba(0,0,0,0.6);
}
#auth_box #bottom_part a:hover {
    color: rgb(0,0,0);
}
#auth_box .back_link {
    padding-top: 1vh;
}

button.owl-next, button.owl-prev {
    position: absolute;
    top: 33%;
    left: -4vw;
    transform: translateY(-33%);
}
button.owl-next {
    right: -4vw;
    left: inherit;
}
button.owl-prev::after, button.owl-next::after {
    font-size: 2rem;
    font-family: FontAwesome;
    padding: 0 .75vw;
}
button.owl-prev::after {
    content: '\f104';
    border-right: solid 1px rgba(0,0,0,0.1);
}
button.owl-next::after {
    content: '\f105';
    border-left: solid 1px rgba(0,0,0,0.1);
}
button.owl-next.disabled, button.owl-prev.disabled {
    visibility: hidden;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    font-size: 0;
    color: rgba(0,0,0,0.5);
    transition: all 0.3s ease;
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
    color: rgba(0,0,0,1);
}
.tns-outer {
    position: relative;
    margin-bottom: 12.5vh;
}
.ruled .tns-outer {
    box-shadow: 2px 2px 15px rgba(0,0,0,0.15);
    height: 55vh;
    padding: 5vh 5vh 10vh 5vh !important;
    border-radius: 15px;
    background-color: rgba(0,0,0,0.03);
}
.tns-slider .banner {
    text-align: center;
}
.tns-slider .banner img {
    width: auto;
    max-width: 100%;
    max-height: 55vh;
}
.tns-slider .text {
    height: 55vh;
    overflow-y: scroll;
}
.tns-controls {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1000;
    width: 100%;
}

.tns-controls button, .owl-carousel button.owl-dot {
    height: 40px;
    width: 40px;
    border: solid 1px rgb(255,255,255);
    position: absolute;
    color: rgb(255,255,255);
    font-size: 1.5rem;
    background-color: transparent;
    outline: none;
    transition: all 0.3s ease;
    top: 50%;
    transform: translateY(-50%);
}
.tns-controls button:hover {
    color: rgb(0,0,0);
    border-color: rgb(0,0,0);
}
.tns-controls button[data-controls="prev"] {
    left: 25px;
}
.tns-controls button[data-controls="next"] {
    right: 25px;
}
.tns-outer button[data-action="stop"], .tns-outer button[data-action="start"] {
    display: none;
}
.tns-nav {
    position: absolute;
    bottom: -3vh;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}
.ruled .tns-nav {
    bottom: 3vh;
}
.tns-nav button {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 0;
    margin: 0 8px;
    background-color: rgba(0,0,0,0.25);
    box-shadow: 0px 0px 6px rgba(255,255,255,.33);
    transition: all 0.3s ease;
    outline: none;
}
.tns-nav button.tns-nav-active {
    background-color: rgba(0,0,0,.75);
    box-shadow: 0px 0px 6px rgba(255,255,255,1);
}
.tns-nav button:hover {
    background-color: rgba(0,0,0,.75);
    box-shadow: 0px 0px 6px rgba(255,255,255,1);
}

.ui-front.ui-widget-overlay {
    opacity: .5;
}
.ui-dialog.ui-widget.ui-widget-content {
    background-color: white;
    padding: 2vh;
}
/*
* Reset the jQuery Tabs if you're using a Theme
*/

/* Resets the contain background and outer borders */
.ui-widget.ui-widget-content { border: none; background: none; }
.ui-widget { font-family: inherit; font-size: inherit; }

/* Resets all border radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-right,
.ui-corner-br,
.ui-corner-bl,
.ui-corner-tr,
.ui-corner-tl { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

/* Resets widget header tabs */
.ui-widget-header { border: none; background: none; font-weight: normal; color: inherit; }
.ui-widget-header li { border: 0px; padding: 0px; margin: 0px; }
.ui-widget-header li a,
.ui-widget-header li a:link,
.ui-widget-header li a:visited,
.ui-widget-header li a,
.ui-widget-header li a:link,
.ui-widget-header li a:visited { border: none; background: none; font-weight: normal; color: rgba(0,0,0,0.5); margin: 0px; padding: 0px; }

/* Resets the panel */
.ui-tabs, .ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li { padding: 0px; margin: 0; }
.ui-widget-header .ui-state-active, .ui-widget-header .ui-state-default {
    background-color: transparent; border: 0;
}
.ui-widget-header li a:link {
    border-bottom: solid 1px transparent;
}
.ui-widget-header li.ui-state-active a {
    color: black;
    border-bottom: solid 1px black;
}
.ui-tabs .ui-tabs-nav {
    margin-bottom: 2vh;
}
.ui-tabs .ui-tabs-nav li {
    padding-right: 1vw;
}
.ui-widget-content a {
    color: rgb(16, 79, 110);
}
.ui-widget-content a:hover {
    color: rgb(0,0,0);
}

.readmore + [data-readmore-toggle] {
    padding-top: 175px;
    margin-top: -175px;
    position: relative;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50&0+0,1+50 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
aside.alert {
    position: fixed;
    z-index: 50;
    top: 0;
    right: -42%;
    height: 100%;
    width: 40%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a6e7+0,e51c24+100 */
    background: rgb(0,166,231); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(0,166,231) 0%, rgb(229,28,36) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgb(0,166,231) 0%,rgb(229,28,36) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(0,166,231) 0%,rgb(229,28,36) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6e7', endColorstr='#e51c24',GradientType=0 ); /* IE6-9 */
    box-shadow: -5px 0px 7px rgba(0,0,0,0.2);
    display: none;
}
aside.alert.display {
    right: 0;
    display: block;
}
aside.alert .overlay {
    box-sizing: border-box;
    background-image: url(alert.svg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 8% 16%;
    height: 100%;
    width: 100%;
    position: relative;
}
aside.alert h2 {
    font-size: 4.125rem;
    line-height: 100%;
    font-family: "Chaparral Semibold";
    color: rgb(255,255,255);
    min-height: 11vh;
}
aside.alert h2:before {
    content: initial;
}
aside.alert p {
    color: rgb(255,255,255);
}
aside.alert a {
    font-size: .75rem;
    line-height: 145.45%;
    text-transform: uppercase;
    font-family: "Proxima Bold";
    letter-spacing: .1em;
    color: rgb(255,255,255);
}
aside.alert a:hover, aside.alert a:hover:after {
    color: rgb(0,0,0);
}
aside.alert a:after {
    content: '>>';
    padding-left: 6px;
    color: rgba(0,0,0,0.4);
    transition: all 0.3s ease;
}
aside.alert a.slideclose {
    position: absolute;
    top: 1vw;
    left: 1.5vw;
    font-size: 1.5rem
}
aside.alert a.slideclose:after {
    content: initial;
}
aside.alert .overlay {
    padding: 12% 6% 12% 20%;
}
aside.alert {
    width: 70%;
}
aside.alert h2 {
    font-size: 3.375rem;
    width: 100%;
}
aside.alert a.slideclose {
    top: 1.5vw;
    left: 3vw;
    font-size: 1rem
}

/* smartphone landscape */
@media only screen and (max-width: 1024px) {

}

/* smartphone */
@media (max-width: 599px) {
html {
    width: 100%;
}
body, .wrapper {
    padding: 0;
}
.paper {
    margin: 0;
    padding: 0 6vw;
}
header .logo {
    width: 80%;
    margin-left: 0;
}
header nav.mainnav > ul {
    display: block;
}
header nav.mainnav > ul > li.pwlist {
    padding: 0;
}
main #content.onetwoone, main #content.twoone, .featherlight-content #content.onetwoone, main #content.twooneone, main #content.threeone, main #content.twotwo, main #content.oneoneone, main #content.special, #content.twotwoone {
    display: block;
}
}

/* tablet portrait */
@media (min-width: 600px) {

}

/* tablet landscape */
@media (min-width: 900px) {

}

/* laptop / desktop */
@media (min-width: 1200px) {

}