.accordion-wrapper{width:100vw;position:relative;margin-top:-40px;border:solid 3px black;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background-color:#000}.accordion{width:100vw;overflow:hidden}.accordion ul{width:100vw;height:37vw;display:table;table-layout:fixed;margin:0;padding:0}.accordion ul li{display:table-cell;vertical-align:middle;position:relative;padding-left:35%;width:100%;height:auto;border-left:3px black solid;background-repeat:no-repeat;background-position:15% center;background-size:auto 100%;transition:all .5s ease}.accordion ul li div{display:block;overflow:hidden;width:100%}.accordion ul li div a{display:block;height:100%;width:100%;position:relative;z-index:3;vertical-align:top;box-sizing:border-box;color:#eee;text-decoration:none;transition:all .2s ease}.accordion ul li div a *{opacity:0;margin:0;width:100%;position:relative;z-index:5;white-space:nowrap;overflow:hidden;-webkit-transform:translateX(20px);transform:translate(20px);-webkit-transition:all .4s ease;transition:all .4s ease}.accordion ul li div a h2{text-overflow:clip;font-family:Neue Aachen,sans-serif;font-size:5.2vw;color:#eee;text-transform:uppercase;text-shadow:2px 2px 5px black}.accordion ul li div a p{font-family:Neue Aachen,sans-serif;font-size:2.7vw;color:#eee;text-shadow:2px 2px 5px black}.accordion ul li div a.action_button{display:inline-block;position:relative;width:auto;height:auto;opacity:0;padding:15px 25px;margin:20px 0;white-space:nowrap;overflow:hidden;-webkit-transform:translateX(20px);transform:translate(20px);-webkit-transition:all .4s ease;transition:all .4s ease;box-shadow:2px 2px 5px #000}.accordion ul li div a.first_button{margin-right:20px}.accordion ul li div a.highlight-true{color:#000}.accordion ul li div a.highlight-false{background-color:#0000004d}.accordion ul li div a.highlight-true:hover,.accordion ul li div a.highlight-false:hover{background-color:#f11;border:1px solid #ff1111}.accordion ul:hover li,.accordion ul:focus-within li{width:5%}.accordion ul li:focus{outline:none}.accordion ul:hover li:hover,.accordion ul li:focus,.accordion ul:focus-within li:focus{width:80%}.accordion ul:hover li:hover a *,.accordion ul:hover li:hover a.action_button,.accordion ul li:focus a *,.accordion ul li:focus a.action_button,.accordion ul:focus-within li:focus a *,.accordion ul:focus-within li:focus a.action_button{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}.accordion ul:hover li{width:5%!important}.accordion ul:hover li a *,.accordion ul:hover li a.action_button{opacity:0!important}.accordion ul:hover li:hover{width:80%!important}.accordion ul:hover li:hover a *,.accordion ul:hover li:hover a.action_button{opacity:1!important;-webkit-transform:translateX(0);transform:translate(0)}.accordion-mobile{background-color:#000;width:100vw;padding:0;margin:0;border:0}.accordion-mobile div{width:100vw;height:42vw;display:table;table-layout:fixed;margin:0;padding:0;border:3px 3px black solid;background-size:100% auto}.accordion-mobile div h2{display:table-cell;line-height:normal;text-align:right;vertical-align:bottom;padding:0 .5em .5em 50%;text-overflow:clip;font-family:Neue Aachen,sans-serif;font-size:9vw;color:#eee;text-transform:uppercase;text-shadow:2px 2px 5px black}@media screen and (max-width: 800px){.accordion-wrapper{width:100vw;margin-top:0}}@media screen and (max-width: 500px){body{margin:0}.accordion{display:none}}@media screen and (min-width: 501px){.accordion-mobile{display:none}}
/*# sourceMappingURL=/s/files/1/1951/1591/t/39/assets/accordion-styles.scss.css.map */