Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .template-collection .main-content > .banner:first-child {
- margin-top: -10px;
- }
- .filter-menu {
- top: 60px;
- background-color: #FFFFFF;
- border-top: 1px solid #D3DCDE;
- border-bottom: 1px solid #D3DCDE;
- }
- .filter-menu.fixed-filter {
- transition: all 0.3s ease-out;
- transform: translate3d(0, 0, 0);
- transition-delay: 1s;
- }
- .filter-menu__menu-mobile {
- background: #9ABE53;
- border-radius: 4px;
- color: #FFFFFF;
- }
- .filter-menu__menu-mobile svg {
- fill: #FFFFFF;
- }
- @media (max-width: 767px) {
- .filter-menu__left {
- position: absolute;
- left: 0;
- width: 50px;
- }
- .filter-menu__center {
- margin-right: 0;
- }
- .filter-open .filter-menu__menu {
- padding: 80px 20px 50px 20px;
- display: block;
- background: #FFFFFF;
- border-bottom: 1px solid #c2c2c2;
- }
- .filter-menu__menu li a {
- background: #FFFFFF;
- }
- .template-collection .main-content > .banner:first-child .hero__mobile-image {
- min-width: 768px;
- left: 50%;
- transform: translateX(-50%);
- position: absolute;
- }
- .template-collection .main-content > .banner:first-child .slick-list.draggable {
- height: 260px;
- }
- }
- .filter-menu__placeholder {
- display: none;
- }
- @media (min-width: 768px) {
- .filter-menu--options,
- .filter-menu--tooltip {
- left: -40px;
- }
- .filter-menu--options .filter-columns:before,
- .filter-menu--options .filter-columns:after,
- .filter-menu--tooltip:before,
- .filter-menu--tooltip:after {
- left: 20px;
- }
- .filter-menu__menu li a span {
- height: 31px;
- padding: 10px 15px;
- }
- .filter-menu__menu li a.active span {
- background: #9ABE53;
- padding: 10px 15px;
- border-radius: 4px;
- color: #FFFFFF;
- }
- .filter-menu__menu li a.active span:after {
- height: 0;
- background: none;
- }
- }
- @media screen and (min-width: 960px) {
- .template-collection .main-content > .banner:first-child {
- margin-top: -50px!important;
- }
- .filter-menu {
- top: 80px;
- }
- .banner .hero {
- height: 386px;
- }
- .banner .hero__wrapper--banner {
- height: auto;
- }
- }
Add Comment
Please, Sign In to add comment