.menu-workshop[data-triggeredby=workshop]{position:absolute}.menu-workshop .container{max-width:900px}.menu-workshop{position:relative}.menu-workshop:before{content:"";position:absolute;top:0;left:0;height:100%;width:50%;background:#5c8fbe;background-image:url(https://www.rona.ca/documents/ronaResponsive/SpecialPages/Projects/assets/images/menu_atelier_imageg2.png);background-size:auto 365px;background-position:calc(100% - 400px);background-repeat:no-repeat}.menu-workshop:after{content:"";position:absolute;top:0;left:50%;height:100%;width:50%;background:#263f68;background-image:url(https://www.rona.ca/documents/ronaResponsive/SpecialPages/Projects/assets/images/menu_atelier_imaged.png);background-size:auto 365px;background-position:100%;background-repeat:no-repeat}.menu-workshop__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.menu-workshop .button{background:#ffde00;-webkit-transition:all 250ms ease;transition:all 250ms ease;color:#000}.menu-workshop .button:hover{background:#e6c800}.menu-workshop__logo{fill:#fff;width:65px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.menu-workshop.open .menu-workshop__logo{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.menu-workshop__logo__inner{fill:#5c8fbe}.menu-workshop__title{display:block;width:220px;margin:10px auto}.menu-workshop__subtitle{font-size:18px;margin:0;padding:0 0 15px 0}.menu-workshop__menu{position:relative;z-index:1}.menu-workshop__left{text-align:center;color:#fff;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.menu-workshop__left div{padding:30px 30px 30px 15px}.menu-workshop__right{-webkit-box-flex:1;-ms-flex:1;flex:1}.menu-workshop__nav ul{margin:25px 0;padding:0;list-style:none}.menu-workshop__nav li{display:block;margin:10px 0}.menu-workshop__nav a{background:-webkit-gradient(linear,left top,right top,from(#223a60),to(rgba(34,58,96,0)));background:linear-gradient(90deg,#223a60,rgba(34,58,96,0));display:inline-block;width:300px;padding:10px 30px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:uppercase;-webkit-transition:all 250ms ease;transition:all 250ms ease}.menu-workshop__nav a:hover .menu-workshop__arrow{-webkit-transform:translateX(3px) rotate(-90deg);-ms-transform:translateX(3px) rotate(-90deg);transform:translateX(3px) rotate(-90deg)}.menu-workshop__icon{width:50px}.menu-workshop__arrow{-webkit-transform:translateX(0) rotate(-90deg);-ms-transform:translateX(0) rotate(-90deg);transform:translateX(0) rotate(-90deg);fill:#ffde00;height:8px;width:12px;margin-left:10px;-webkit-transition:all 250ms ease;transition:all 250ms ease}
/*# sourceMappingURL=main.css.map */