body.is-open { height: 100%; overflow-y: hidden; } .l-change-pop { margin-top: 18px; } .is-open .l-change-pop { height: auto; margin-top: 18px; padding: 10px 50px; } .l-navigation__logo { height: 44px; } .l-navigation__menu { .scrollable { height: 100%; overflow-y: scroll; padding-bottom: 30px; } } .l-navigation__menu__book__header { display: flex; align-items: center; justify-content: space-between; p { margin: 0; &.korona { &:before { content: url('images/korona.svg'); width: 21px; margin-right: -21px; position: relative; top: -10px; left: -3px; } } } } .l-navigation__menu__book { .button { display: inline-block; font-size: 16px; font-weight: 700; padding: 0 20px; min-width: 212px; line-height: 38px; text-align: center; /* green 700 */ background: #92BD39; color: #083F4D; border-radius: 6px; transition: background-color 150ms; &:hover { background-color: #FBC40F; } } } .l-navigation__menu__book__info { img { width: 42px; height: 60px; } } .l-navigation__menu__links ul li a em { font-style: normal; color: #FFA500; font-weight: 600; } .l-navigation__login { color: #74BDC2; margin-right: 20px; a { color: white; } } .l-navigation__actions { position: relative; height: 44px; .user { margin-right: 25px; } } .l-books { margin-right: -17px; } .l-books__grid { margin-right: -17px; } .l-books__item { width: 212px; margin-right: 17px !important; // reverse the 5n+5 rule. transition: opacity .1s, all cubic-bezier(0.25, 1, 0.5, 1) 350ms; } .by-popularity { .l-books__item { order: attr(data-pop); } } .toggle-input { left: calc(50% - 77px/2); opacity: 0; position: absolute; //top: 0; height: 26px; width: 77px; z-index: 2; &:checked { z-index: 0; } } .l-checkout__box { position: relative; } .l-checkout__payments { display: none; } .toggle-input{ &#switch-once:checked { ~.l-switch__wrapper { label { &:nth-of-type(1) { color: #003C3C; } &:nth-of-type(2) { color: #74BDC2; } } .toggle { left: 5px; } } ~.payments-once { display: flex; } } &#switch-monthly:checked { ~.l-switch__wrapper { label { &:nth-of-type(1) { color: #74BDC2; } &:nth-of-type(2) { color: #003C3C; } } .toggle { left: 39px; } } ~.payments-recurring { display: flex; } } } .l-checkout__footer__content__item > div ul { font-weight: normal; font-size: 15px; line-height: 150%; color: #808080; } .l-checkout__form__row { .iframe { margin-bottom: 16px; } } .l-books__item__content { width: 100%; .fragment-text { max-width: 390px; margin-top: 20px; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 150%; color: #474747; h1, h2, h3, h4 { font-size: 1em; } } } #user-menu { //display: none; position:absolute; top: 60px; z-index: 1; position: absolute; width: 186px; top: 48px; right: 45px; /* yellow 900 */ background: #F7BA00; box-shadow: 0px 0px 20px rgba(1, 129, 137, 0.2); border-radius: 10px; overflow: hidden; opacity:0; pointer-events: none; transition: 200ms opacity; &.is-open { //display: block; pointer-events: all; opacity: 100%; } ul { margin: 0; padding: 0; list-style: none; li { a { color: #474747; display: block; line-height: 27px; padding: 8px 21px; &:hover { color: #474747; background: #EDAA00; } strong { font-weight: 600; } } } } }