/* --------------------- Tablets (1024px max) ------------------------ */ @media only screen and (max-width: 1024px) { #page-content { min-width: inherit; } .hidden-1024 { display: none !important; } /* wrapper and spacings */ .wrapper, .wrapper-small, .wrapper-medium, .wrapper-mini { max-width: calc(100% - 40px); } #hero:not(.no-bg) #page-title.no-wrapper { width: calc(100% - 80px); } #hero.hero-wrapped { max-width: calc(100% - 40px); } /* menu appearance */ .menu-toggle { display: block; } #menu #menu-inner { overflow:hidden; position:fixed; left:0; bottom: 0; width:100%; opacity: 0; visibility: hidden; transition: all 0.4s ease, height 0.01s ease 0.4s; background: #fff; height: calc(100vh - 40px - 1px - 20px - 20px); } .admin-bar #menu #menu-inner { height: calc(100vh - 40px - 1px - 20px - 20px - 46px); } body.loading-end.menu-is-open #menu #menu-inner { opacity: 1; visibility: visible; transition: all 0.4s ease 0.02s, height 0.01s ease; transform: none; } #menu #menu-inner .scroll-menu { overflow-y: auto; /*position:absolute; top: 0px; left: 0;*/ width: 100%; max-height: calc(100% - 45px); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #menu #menu-inner .menu-mobile-actions + .scroll-menu { max-height: calc(100% - 100px); } #header.logo-left-menu-center #menu { left: calc(50% - 9px); top: calc(50% - 9px); -webkit-transform: none; -moz-transform: none; transform: none; } #hero-and-body { transition: all 0.5s ease 0.4s; } #menu nav#main-nav > ul { height: auto !important; } #menu nav#main-nav > ul > li { margin: 0; display: block; position: relative; height: auto; top: auto; border-bottom: 1px solid rgba(0,0,0,0.11); transition: background 0.3s ease; } nav#main-nav ul > li.mobile-slide { background: #fafafa; } #menu nav#main-nav > ul > li:first-child { margin-top: 0; } #menu nav#main-nav > ul > li:last-child { margin-bottom: 3px; } nav#main-nav ul > li a { font-size: 14px; padding: 15px 20px; display: block; height: 20px; line-height: 20px; vertical-align: top; } nav#main-nav > ul > li > a::before { content: ""; width: 8px; height: 6px; position: absolute; top: calc(50% - 3px); right: 22px; background-image: url(../assets/select-arrow.svg); background-position: left 0px top 0px; background-repeat: no-repeat; -webkit-background-size: 8px 6px; background-size: 8px 6px; transition: transform 0.3s ease; transform: rotate(-90deg); } nav#main-nav ul > li.mobile-slide > a::before { transform: rotate(0deg); } nav#main-nav > ul > li ul.sub-menu > li { padding: 3px 20px; } nav#main-nav > ul > li ul.sub-menu > li > a { font-size: 13px; padding: 0; } nav#main-nav > ul > li ul.sub-menu ul.sub-menu > li { padding-left: 10px; } nav#main-nav ul > li a::after { display: none; } #menu nav#main-nav > ul > li .sub-menu { position: relative; padding: 0 !important; top:auto !important; left:auto; opacity:1; visibility:visible; display:none; transition: none; transform: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;box-sizing: border-box;} nav#main-nav > ul > li ul.sub-menu::before { display: none; } nav#main-nav > ul > li ul.sub-menu > li { transform: none; opacity: 1; } nav#main-nav > ul > li > ul.sub-menu > li:last-child { padding-bottom: 15px !important; } #menu nav#main-nav > ul > li .sub-menu ul.sub-menu li:last-child { padding-bottom: 15px; } #menu nav#main-nav > ul > li .sub-menu ul.sub-menu li:first-child { padding-top: 10px;} #menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu > li > a { display: none; } #menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu { padding: 0 0 15px 0; top:auto; } #menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu .sub-menu { display: block; padding-top: 0; } #menu nav#main-nav > ul > li[class*="megamenu"] ul.sub-menu ul.sub-menu > li { padding-left: 0; } #menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu > li a .item-thumb { display: none; } /* Menu Actions */ .menu-actions .menu-login, .menu-actions .header-wishlist { display: none; } .menu-mobile-actions { display: block; } /* header-bar */ #header .header-bar [class*='header-bar-'] { float: none; width: 100% !important; margin-right: 0; display: none; } #header .header-bar.show-mobile-left .header-bar-left { display: block; } #header .header-bar.show-mobile-middle .header-bar-middle { display: block; } #header .header-bar.show-mobile-right .header-bar-right { display: block; } #header .mobile-header-bar { display: block; width: calc(100% - 40px); position: absolute; bottom: 10px; left: 20px; } #header .mobile-header-bar.show-mobile-left .header-bar-left { display: none; } #header .mobile-header-bar.show-mobile-middle .header-bar-middle { display: none; } #header .mobile-header-bar.show-mobile-right .header-bar-right { display: none; } /*Search*/ #header-search .search-inner .search-close { right: 20px; } /* SPACER */ .spacer-mini { height: 20px; } .spacer-small { height: 40px; } .spacer-medium { height: 60px; } .spacer-big { height: 80px; } /* COLUMNS */ .spaced-huge .column { margin-right: 50px; } .spaced-huge .one-half { width: calc(50% - 25px); } .spaced-huge .one-third { width: calc(33.33% - 33.33px); } .spaced-huge .two-third { width: calc(66.6% - 16.66px); } .spaced-huge .one-fourth { width: calc(25% - 37.5px); } .spaced-huge .two-fourth { width: calc(50% - 25px); } .spaced-huge .one-fifth { width: calc(20% - 40px); } .spaced-huge .two-fifth { width: calc(40% - 30px); } .spaced-huge .three-fifth { width: calc(60% - 20px); } /* ISOTOPE spacing huge */ .isotope-grid[class*='isotope-spaced'] { width: calc(100% + 15px); margin-bottom: -15px; } .isotope-grid[class*='isotope-spaced-big'] { width: calc(100% + 30px); margin-bottom: -30px; } .isotope-grid[class*='isotope-spaced-huge'] { width: calc(100% + 60px); margin-bottom: -60px; } .isotope-grid[class*='isotope-spaced'] .isotope-item { margin-bottom: 15px; margin-right: 15px; } .isotope-grid[class*='isotope-spaced-big'] .isotope-item { margin-bottom: 30px; margin-right: 30px; } .isotope-grid[class*='isotope-spaced-huge'] .isotope-item { margin-bottom: 60px; margin-right: 60px; } .isotope-grid.style-column-2[class*='isotope-spaced'] .isotope-item { width: calc(50% - 15px); } .isotope-grid.style-column-2[class*='isotope-spaced'] .isotope-item.double-width { width: calc(100% - 15px); } .isotope-grid.style-column-3[class*='isotope-spaced'] .isotope-item { width: calc(33.33% - 15px); } .isotope-grid.style-column-3[class*='isotope-spaced'] .isotope-item.double-width { width: calc(66.66% - 15px); } .isotope-grid.style-column-4[class*='isotope-spaced'] .isotope-item { width: calc(25% - 15px); } .isotope-grid.style-column-4[class*='isotope-spaced'] .isotope-item.double-width { width: calc(50% - 15px); } .isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item { width: calc(20% - 15px); } .isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item.double-width { width: calc(40% - 15px); } .isotope-grid.style-column-2[class*='isotope-spaced-big'] .isotope-item { width: calc(50% - 30px); } .isotope-grid.style-column-2[class*='isotope-spaced-big'] .isotope-item.double-width { width: calc(100% - 30px); } .isotope-grid.style-column-3[class*='isotope-spaced-big'] .isotope-item { width: calc(33.33% - 30px); } .isotope-grid.style-column-3[class*='isotope-spaced-big'] .isotope-item.double-width { width: calc(66.66% - 30px); } .isotope-grid.style-column-4[class*='isotope-spaced-big'] .isotope-item { width: calc(25% - 30px); } .isotope-grid.style-column-4[class*='isotope-spaced-big'] .isotope-item.double-width { width: calc(50% - 30px); } .isotope-grid.style-column-5[class*='isotope-spaced-big'] .isotope-item { width: calc(20% - 30px); } .isotope-grid.style-column-5[class*='isotope-spaced-big'] .isotope-item.double-width { width: calc(30% - 30px); } .isotope-grid.style-column-2[class*='isotope-spaced-huge'] .isotope-item { width: calc(50% - 60px); } .isotope-grid.style-column-2[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(100% - 60px); } .isotope-grid.style-column-3[class*='isotope-spaced-huge'] .isotope-item { width: calc(33.33% - 60px); } .isotope-grid.style-column-3[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(66.66% - 60px); } .isotope-grid.style-column-4[class*='isotope-spaced-huge'] .isotope-item { width: calc(25% - 60px); } .isotope-grid.style-column-4[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(50% - 60px); } .isotope-grid.style-column-5[class*='isotope-spaced-huge'] .isotope-item { width: calc(20% - 60px); } .isotope-grid.style-column-5[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(40% - 60px); } /* ISOTOPE for main-content */ .main-content .isotope-grid.style-column-4.mobile-col-2 .isotope-item, .main-content .isotope-grid.style-column-5.mobile-col-2 .isotope-item { width: 50%; } .main-content .isotope-grid.style-column-4.mobile-col-2[class*='isotope-spaced'] .isotope-item, .main-content .isotope-grid.style-column-5.mobile-col-2[class*='isotope-spaced'] .isotope-item { width: calc(50% - 15px); } .main-content .isotope-grid.style-column-4.mobile-col-2[class*='isotope-spaced-big'] .isotope-item, .main-content .isotope-grid.style-column-5.mobile-col-2[class*='isotope-spaced-big'] .isotope-item { width: calc(50% - 30px); } .main-content .isotope-grid.style-column-4.mobile-col-2[class*='isotope-spaced-huge'] .isotope-item, .main-content .isotope-grid.style-column-5.mobile-col-2[class*='isotope-spaced-huge'] .isotope-item { width: calc(50% - 60px); } .main-content .isotope-grid.style-column-4.mobile-col-2.style-column-1 .isotope-item, .main-content .isotope-grid.style-column-5.mobile-col-2.style-column-1 .isotope-item { width: 100%; } /* FLICKITY */ .flickity-carousel[class*='flickity-spaced'] .isotope-item { margin-right: 15px; } .flickity-carousel[class*='flickity-spaced-big'] .isotope-item { margin-right: 30px; } .flickity-carousel[class*='flickity-spaced-huge'] .isotope-item { margin-right: 60px; } .flickity-carousel.style-column-2[class*='flickity-spaced'] .isotope-item { width: calc((100% - 15px)/2); } .flickity-carousel.style-column-2[class*='flickity-spaced-big'] .isotope-item { width: calc((100% - 30px)/2); } .flickity-carousel.style-column-2[class*='flickity-spaced-huge'] .isotope-item { width: calc((100% - 60px)/2); } .flickity-carousel.style-column-3[class*='flickity-spaced'] .isotope-item { width: calc((100% - 30px)/3); } .flickity-carousel.style-column-3[class*='flickity-spaced-big'] .isotope-item { width: calc((100% - 60px)/3); } .flickity-carousel.style-column-3[class*='flickity-spaced-huge'] .isotope-item { wwidth: calc((100% - 120px)/3); } .flickity-carousel.style-column-4[class*='flickity-spaced'] .isotope-item { width: calc((100% - 45px)/4); } .flickity-carousel.style-column-4[class*='flickity-spaced-big'] .isotope-item { width: calc((100% - 90px)/4); } .flickity-carousel.style-column-4[class*='flickity-spaced-huge'] .isotope-item { width: calc((100% - 180px)/4); } .flickity-carousel.style-column-5[class*='flickity-spaced'] .isotope-item { width: calc((100% - 60px)/5); } .flickity-carousel.style-column-5[class*='flickity-spaced-big'] .isotope-item { width: calc((100% - 120px)/5); } .flickity-carousel.style-column-5[class*='flickity-spaced-huge'] .isotope-item { width: calc((100% - 240px)/5); } /* random width */ .flickity-carousel.random-width.style-column-2[class*='flickity-spaced'] .isotope-item:nth-child(1), .flickity-carousel.random-width.style-column-2[class*='flickity-spaced'] .isotope-item:nth-child(1n+2) { width: calc((80% - 15px)/2); } .flickity-carousel.random-width.style-column-2[class*='flickity-spaced'] .isotope-item:nth-child(2), .flickity-carousel.random-width.style-column-2[class*='flickity-spaced'] .isotope-item:nth-child(2n+2) { width: calc((120% - 15px)/2); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .isotope-item:nth-child(1), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .isotope-item:nth-child(1n+3) { width: calc((87% - 30px)/3); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .isotope-item:nth-child(2), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .isotope-item:nth-child(2n+3) { width: calc((113% - 30px)/3); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .isotope-item:nth-child(3), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .isotope-item:nth-child(3n+3) { width: calc((100% - 30px)/3); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .isotope-item:nth-child(1), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .isotope-item:nth-child(1n+4) { width: calc((83% - 45px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .isotope-item:nth-child(2), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .isotope-item:nth-child(2n+4) { width: calc((117% - 45px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .isotope-item:nth-child(3), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .isotope-item:nth-child(3n+4) { width: calc((94% - 45px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .isotope-item:nth-child(4), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .isotope-item:nth-child(4n+4) { width: calc((106% - 45px)/4); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(1), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(1n+5) { width: calc((85% - 60px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(2), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(2n+5) { width: calc((115% - 60px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(3), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(3n+5) { width: calc((94% - 60px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(4), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(4n+5) { width: calc((106% - 60px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(5), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(5n+5) { width: calc((100% - 60px)/5); } .flickity-carousel.random-width.style-column-2[class*='flickity-spaced-big'] .isotope-item:nth-child(1), .flickity-carousel.random-width.style-column-2[class*='flickity-spaced-big'] .isotope-item:nth-child(1n+2) { width: calc((80% - 30px)/2); } .flickity-carousel.random-width.style-column-2[class*='flickity-spaced-big'] .isotope-item:nth-child(2), .flickity-carousel.random-width.style-column-2[class*='flickity-spaced-big'] .isotope-item:nth-child(2n+2) { width: calc((120% - 30px)/2); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .isotope-item:nth-child(1), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .isotope-item:nth-child(1n+3) { width: calc((87% - 60px)/3); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .isotope-item:nth-child(2), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .isotope-item:nth-child(2n+3) { width: calc((113% - 60px)/3); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .isotope-item:nth-child(3), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .isotope-item:nth-child(3n+3) { width: calc((100% - 60px)/3); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .isotope-item:nth-child(1), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .isotope-item:nth-child(1n+4) { width: calc((83% - 90px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .isotope-item:nth-child(2), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .isotope-item:nth-child(2n+4) { width: calc((117% - 90px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .isotope-item:nth-child(3), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .isotope-item:nth-child(3n+4) { width: calc((94% - 90px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .isotope-item:nth-child(4), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .isotope-item:nth-child(4n+4) { width: calc((106% - 90px)/4); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(1), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(1n+5) { width: calc((85% - 120px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(2), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(2n+5) { width: calc((115% - 120px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(3), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(3n+5) { width: calc((94% - 120px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(4), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(4n+5) { width: calc((106% - 120px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(5), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(5n+5) { width: calc((100% - 120px)/5); } .flickity-carousel.random-width.style-column-2[class*='flickity-spaced-huge'] .isotope-item:nth-child(1), .flickity-carousel.random-width.style-column-2[class*='flickity-spaced-huge'] .isotope-item:nth-child(1n+2) { width: calc((80% - 60px)/2); } .flickity-carousel.random-width.style-column-2[class*='flickity-spaced-huge'] .isotope-item:nth-child(2), .flickity-carousel.random-width.style-column-2[class*='flickity-spaced-huge'] .isotope-item:nth-child(2n+2) { width: calc((120% - 60px)/2); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .isotope-item:nth-child(1), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .isotope-item:nth-child(1n+3) { width: calc((87% - 120px)/3); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .isotope-item:nth-child(2), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .isotope-item:nth-child(2n+3) { width: calc((113% - 120px)/3); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .isotope-item:nth-child(3), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .isotope-item:nth-child(3n+3) { width: calc((100% - 120px)/3); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .isotope-item:nth-child(1), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .isotope-item:nth-child(1n+4) { width: calc((83% - 180px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .isotope-item:nth-child(2), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .isotope-item:nth-child(2n+4) { width: calc((117% - 180px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .isotope-item:nth-child(3), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .isotope-item:nth-child(3n+4) { width: calc((94% - 180px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .isotope-item:nth-child(4), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .isotope-item:nth-child(4n+4) { width: calc((106% - 180px)/4); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(1), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(1n+5) { width: calc((85% - 240px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(2), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(2n+5) { width: calc((115% - 240px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(3), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(3n+5) { width: calc((94% - 240px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(4), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(4n+5) { width: calc((106% - 240px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(5), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(5n+5) { width: calc((100% - 240px)/5); } /* SLIDER */ .carousel-slider .gallery-image { width: 640px; max-width: calc(100% - 120px); margin-right: 80px; } /* BLOG */ #blog-single .blog-media { max-width: calc(100vw - 40px); } blockquote { width: calc(100% - 40px); padding: 20px; } /* WOO */ #product .product-images { width: calc(55% - 16px); margin-right: 40px; } #product .wrapper-medium .product-images { padding-right: 0; } #product .product-infos { width: calc(45% - 24px); padding-right: 0px; } #product .wrapper-medium .product-infos { width: calc(45% - 24px); } .shop_table .product-name .product-image, .lookbook-list .product-name .product-image { max-width: 80px; } .shop_table .product-name .product-info, .lookbook-list .product-name .product-info { width: calc(100% - 100px); } .shop_table .product-price, .shop_table .product-subtotal { width: auto; } .woocommerce .sr-checkout-details .sr-checkout-login { width: calc(66.6% - 16.66px); } .woocommerce .sr-checkout-details .sr-checkout-coupon { width: calc(33.33% - 33.33px); } .cross-sell-container .shopthelook { width: calc(50% - 20px) !important; } /* WISHLIST */ .tinv-wishlist .product-stock span { display: table-cell !important; } /* Quick View */ #quick-view .quick-product .three-fifth { width: 400px; } #quick-view .quick-product .three-fifth.width-2 { width: 460px; } #quick-view .quick-product .three-fifth.width-3 { width: 500px; } #quick-view .quick-product .two-fifth {width: 400px;padding: 50px; } } /* --------------------- Smartphones (768px max) ------------------------ */ @media only screen and (max-width: 768px) { /* hidden */ .hidden-768 { display: none !important; } /* wrapper and spacings */ .wrapper, .wrapper-small, .wrapper-medium, .wrapper-mini { max-width: calc(100% - 40px); } #hero:not(.no-bg) #page-title.no-wrapper { width: calc(100% - 40px); } /* heading spacing */ div h1, div h2, div h3, div h4, div h5, div h6 { margin-top: 20px; } i + h1, i + h2, i + h3, i + h4, i + h5, i + h6 { margin-top: 10px; } /* Header Spacings */ #header.logo-menu-left #menu, #header.logo-center-menu-left #menu { margin-left: 20px; } #header.logo-center-menu-left #menu { margin-left: 0; } .menu-actions > div { margin-left: 15px; } .menu-actions > div:not(.display-icon), .menu-actions > div:first-child { margin-left: 20px; } .menu-actions > div.display-icon + div:not(.display-icon) , .menu-actions > div.header-wishlist + div:not(.display-icon) { margin-left: 15px; } .menu-actions > div:not(.display-icon) + div.header-wishlist + div:not(.display-icon) { margin-left: 20px; } /* columns */ .column:not(.one-fourth):not(.one-half) { float: none !important; margin-right: 0px !important; width: 100% !important; margin-top: 40px; display: block; } .spaced-none .column:not(.one-fourth):not(.one-half) { margin-top: 0px;} div .column:first-child, .column.empty-content, .column.empty-content + .column { margin-top: 0px !important; } .column.hasbg.empty-content { min-height: 300px !important; } .one-fourth { width: calc(50% - 10px); } .spaced-big .one-fourth { width: calc(50% - 20px); } .spaced-huge .one-fourth { width: calc(50% - 25px); } .one-fourth + .one-fourth:nth-child(2) { margin-right: 0px; } .two-fourth:first-child { margin-bottom: 50px; } .two-fourth:last-child, .one-fourth + .one-fourth:nth-child(3), .one-fourth + .one-fourth:nth-child(4) { margin-top: 40px; } /* FOOTER */ #footer .footer-inner { padding: 40px 0; } #footer .column { float: none !important; margin-right: 0px !important; width: 100% !important; margin-top: 40px; display: block; } #footer .column-section .column.last-col { text-align: left; } #footer .footer-bottom .footer-bottom-left, #footer .footer-bottom .footer-bottom-right { float: none; text-align: left; } #footer .footer-bottom .footer-bottom-left + .footer-bottom-right { margin-top: 10px; } #footer .footer-bottom .footer-bottom-left > a, #footer .footer-bottom .footer-bottom-right > a { margin: 0 8px; } .main-content { width: 100%; float: none; } aside.sidebar { width: 100%; float: none; } /* Page Title */ #header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-auto.no-bg #page-title { padding-top: 40px; } #hero.hero-auto.no-bg #page-title { padding-bottom: 40px; } /* ISOTOPE */ .isotope-grid:not(.mobile-col-2) { width: 100%; margin-bottom: -15px; } .isotope-grid[class*='isotope-spaced']:not(.mobile-col-2) {margin-bottom: -15px; } .isotope-grid[class*='isotope-spaced-big']:not(.mobile-col-2) { margin-bottom: -20px; } .isotope-grid[class*='isotope-spaced-huge']:not(.mobile-col-2) { margin-bottom: -30px; } .isotope-grid:not(.mobile-col-2) .isotope-item, .isotope-grid.style-column-2:not(.mobile-col-2) .isotope-item, .isotope-grid.style-column-3:not(.mobile-col-2) .isotope-item, .isotope-grid.style-column-4:not(.mobile-col-2) .isotope-item, .isotope-grid.style-column-5:not(.mobile-col-2) .isotope-item { width: 100%; margin-right: 0; margin-bottom: 0px; } .isotope-grid[class*='isotope-spaced']:not(.mobile-col-2) .isotope-item { margin-bottom: 15px; } .isotope-grid[class*='isotope-spaced-big']:not(.mobile-col-2) .isotope-item { margin-bottom: 25px; } .isotope-grid[class*='isotope-spaced-huge']:not(.mobile-col-2) .isotope-item { margin-bottom: 30px; } .isotope-grid:not(.mobile-col-2) .isotope-item.double-width { width: 100%; } .isotope-grid.mobile-col-2[class*='isotope-spaced'] { width: calc(100% + 15px); margin-bottom: -15px; } .isotope-grid.mobile-col-2[class*='isotope-spaced-big'] { width: calc(100% + 20px); margin-bottom: -20px; } .isotope-grid.mobile-col-2[class*='isotope-spaced-huge'] { width: calc(100% + 30px); margin-bottom: -30px; } .isotope-grid.mobile-col-2[class*='isotope-spaced'] .isotope-item { margin-bottom: 15px; margin-right: 15px; } .isotope-grid.mobile-col-2[class*='isotope-spaced-big'] .isotope-item { margin-bottom: 20px; margin-right: 20px; } .isotope-grid.mobile-col-2[class*='isotope-spaced-huge'] .isotope-item { margin-bottom: 30px; margin-right: 30px; } .isotope-grid.mobile-col-2 .isotope-item { width: 50%; } .isotope-grid.mobile-col-2[class*='isotope-spaced'] .isotope-item { width: calc(50% - 15px); } .isotope-grid.mobile-col-2[class*='isotope-spaced-big'] .isotope-item { width: calc(50% - 20px); } .isotope-grid.mobile-col-2[class*='isotope-spaced-huge'] .isotope-item { width: calc(50% - 30px); } .isotope-grid.mobile-col-2.style-column-1 .isotope-item { width: 100%; } .load-isotope { height: 34px; margin: 20px 0; } /* FLICKITY */ .flickity-carousel:not(.style-column-1) .flickity-viewport { overflow: visible; } .flickity-carousel[class*='flickity-spaced-big'] .isotope-item { margin-right: 30px; } .flickity-carousel[class*='flickity-spaced-huge'] .isotope-item { margin-right: 40px; } .flickity-carousel .isotope-item { width: 47%; } .flickity-carousel[class*='flickity-spaced-small'] .isotope-item { width: calc((94% - 5px)/2) !important; } .flickity-carousel[class*='flickity-spaced'] .isotope-item { width: calc((94% - 15px)/2) !important; } .flickity-carousel[class*='flickity-spaced-big'] .isotope-item { width: calc((94% - 30px)/2) !important; } .flickity-carousel[class*='flickity-spaced-huge'] .isotope-item { width: calc((94% - 40px)/2) !important; } .flickity-carousel.style-column-1 .isotope-item { width: 100% !important; } .flickity-carousel.mobile-col-1:not(.style-column-1) .flickity-viewport { overflow: visible; } .flickity-carousel.mobile-col-1:not(.style-column-1) .isotope-item { width: 88% !important; } .flickity-carousel.style-arrows-rounded.arrow-center .flickity-prev-next-button, .flickity-carousel.style-arrows-rounded.image-gallery .flickity-prev-next-button { left: 5px; } .flickity-carousel.style-arrows-rounded.arrow-center .flickity-prev-next-button.next { right: 5px; } .flickity-carousel.style-arrows-rounded .flickity-prev-next-button { width: 35px; height: 35px; top: -50px; } .flickity-carousel.style-arrows-rounded.arrow-center .flickity-prev-next-button, .flickity-carousel.style-arrows-rounded.image-gallery .flickity-prev-next-button { top: calc(50% - 17px); } .flickity-carousel.style-arrows-rounded .flickity-prev-next-button.previous { right: 40px; } .flickity-carousel:not(.style-column-1):not(.has-mobile-nav) .flickity-prev-next-button { display: none; } .flickity-carousel:not(.style-column-1):not(.has-mobile-nav) .flickity-page-dots { display: none; } .flickity-carousel.mobile-col-1:not(.style-column-1).has-mobile-nav .isotope-item { width: 100% !important; } .flickity-carousel.style-column-1.arrow-center .flickity-prev-next-button.previous, .flickity-carousel.arrow-center .flickity-prev-next-button, .flickity-carousel.image-gallery .flickity-prev-next-button { left: 5px; } .flickity-carousel.style-column-1.arrow-center .flickity-prev-next-button.next, .flickity-carousel.arrow-center .flickity-prev-next-button.next { right: 5px; } /* SLIDER */ .carousel-slider .gallery-image { width: 540px; max-width: calc(100% - 80px); margin-right: 60px; } /* BUTTON */ .sr-button.button-mini:not(.underline):not(.play-button) { font-size: 10px !important; line-height: 24px; height: 24px; padding: 0px 12px; } .sr-button.button-mini:not(.underline):not(.play-button) .text { margin-top: 2px; } .sr-button.button-small:not(.underline):not(.play-button) { font-size: 11px !important; line-height: 30px; height: 30px; padding: 0px 20px; } .sr-button.button-small:not(.underline):not(.play-button) .text { margin-top: 5px; } .sr-button.button-medium:not(.underline):not(.play-button) { font-size: 12px !important; line-height: 38px; height: 38px; padding: 0px 32px; } .sr-button.button-medium:not(.underline):not(.play-button) .text { margin-top: 9px; } .sr-button.button-big:not(.underline):not(.play-button) { font-size: 13px !important; line-height: 46px; height: 46px; padding: 0px 40px; } .sr-button.button-big:not(.underline):not(.play-button) .text { margin-top: 12px; } .sr-button.button-huge:not(.underline):not(.play-button) { font-size: 16px !important; line-height: 50px; height: 50px; padding: 0px 50px; } .sr-button.button-huge:not(.underline):not(.play-button) .text { margin-top: 15px; } .socialmedia-widget.text-style li a, .socialmedia-widget.textshort-style li a { padding-right: 20px; } .overlay-caption { padding: 20px; } /* Fancybox */ .fancybox-slide.fancybox-slide--video { padding: 10px; } /* WOO */ .woocommerce #main { margin-top: 20px; } .woocommerce-message, .woocommerce-error { padding: 20px 15px; } .woocommerce-message > a.button { position: relative; top: auto; right: auto; display: block; margin-bottom: 10px; } #product .product-head.has-bg.half-bg .product-bg { display: none; } #product .product-head.has-bg.half-bg .column .product-bg { display: block; } .product .variation-gallery .flickity-carousel.has-thumbs, .product .variation-gallery .scroll-gallery.has-thumbs { width: 100%; float: none; } .product .variation-gallery .flickity-nav, .product .variation-gallery .scroll-nav { display: none; } .product .flickity-slider > div { margin-top: 0 !important; margin-right: 15px !important; width: 80% !important; } .product .flickity-viewport, .product .variation-gallery { overflow: visible; } .product .three-fifth .product-video-button { top: 20px; right: 20px; } .infos-inner { height: auto !important; } #product .product-infos .col-content { padding-top: 0; } #product .product-description, .woocommerce #reviews, .woocommerce .related.products, .woocommerce .upsells.products { margin-top: 80px; } .woocommerce #reviews .comment-list { overflow: hidden; columns: auto; column-gap: normal; } .woocommerce #reviews .comment-list li .comment-content { min-height: auto; } .shop_table.cart-page .product-quantity { width: 80px; } .woocommerce .sr-checkout-details .sr-checkout-login { width: 100%; float: none; } .woocommerce .sr-checkout-details .sr-checkout-coupon { width: 100%; float: none; margin-bottom: 20px; } .woocommerce .sr-checkout-details .sr-checkout-login + .sr-checkout-coupon { margin-top: 5px; } .cart-collaterals .shop_table tr th, .cart-collaterals .shop_table tr td, .sr-checkout-order .shop_table tfoot tr th, .sr-checkout-order .shop_table tfoot tr td, .woocommerce .sr-checkout-order #payment ul li { padding-left: 15px; padding-right: 15px; } .quantity input[type="number"] { font-size: 12px !important; } .shop-container .shop-item .shop-item-inner .tinv-wishlist, .shop-container .shop-item .grid-button { display: none; } .shop-container .shop-item:hover .meta-pos-onimage .product-meta { opacity: 1; visibility: visible; } /* inner account pages */ .woocommerce-MyAccount-navigation { width: 220px; } .woocommerce-MyAccount-content { width: calc(100% - 240px); } .woocommerce .addresses .col-1, .woocommerce .addresses .col-2 { float: none; width:100%; } .woocommerce .addresses .col-2 { margin-top: 40px; } table.woocommerce-table--order-downloads thead, table.my_account_orders thead { display: none; } table.woocommerce-table--order-downloads tbody tr, table.my_account_orders tbody tr { display: block; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.11); } table.woocommerce-table--order-downloads tbody td, table.my_account_orders tbody td { text-align: right; display: block; border-bottom: 0; padding: 5px 0; } table.woocommerce-table--order-downloads tbody td::before, table.my_account_orders tbody td::before { content: attr(data-title); float: left; display: block; color: #000; font-size: 13px; text-transform: none; } table.woocommerce-table--order-downloads tbody td.woocommerce-orders-table__cell-order-actions .button, table.my_account_orders tbody td.woocommerce-orders-table__cell-order-actions .button { font-weight: 700; padding: 0; color: #000; background: none; border: none; border-bottom: 1px solid rgba(0,0,0,0.11); margin-right: 8px; } /* WISHLIST */ .tinv-wishlist .product-price { text-align: right; } .tinv-wishlist .product-price .stock, .tinv-wishlist .mobile-product-action { display: block; } .tinv-wishlist .mobile-product-action { margin-top: 20px; } .tinv-wishlist .mobile-product-action + button { margin-top: 5px !important; } .tinv-wishlist .product-stock, .tinv-wishlist .product-action { display: none; } /* Quick View */ .open-quick-view { display: none !important; } #quick-view { display: none !important; } } /* --------------------- Small Screens (680px max) ------------------------ */ @media only screen and (max-width: 640px) { /* PAGE TITLE*/ #hero #page-title { padding-top: calc(60px + 60px + 20px); padding-bottom: 80px; } /* columns */ .column { float: none !important; margin-right: 0px !important; width: 100% !important; margin-top: 50px; display: block; } .spaced-none .column { margin-top: 0px; } /* SLIDER */ .carousel-slider .gallery-image { width: 540px; max-width: calc(100% - 80px); margin-right: 20px; } /* SPACER */ .spacer-mini { height: 12px; } .spacer-small { height: 25px; } .spacer-medium { height: 50px; } .spacer-big { height: 60px; } .form-row { float: none !important; width: 100% !important; margin: 0; } .form-row + .form-row { margin-top: 20px !important; } .follow-mouse .mouse-action { font-size: 12px; width: 60px; height: 60px; top: calc(50% - 30px); left: calc(50% - 30px); } blockquote { min-width: auto; } /* WOO */ .shop_table .product-name, .lookbook-list .product-name { position: relative; z-index: 3; } .shop_table .product-name .product-image, .lookbook-list .product-name .product-image { max-width: 60px; min-height: 30px; } .shop_table .product-name .product-info, .lookbook-list .product-name .product-info { width: calc(100% - 75px); position: relative; } .shop_table .product-price, .shop_table .product-subtotal { display: none; } .shop_table.cart-page .product-quantity { text-align: right; } .shop_table .product-name .product-price-mobile { display: block; margin-top: 15px; } .shop_table .remove { margin-top: 0; position: absolute; bottom: 0; right: -80px; } .woocommerce .sr-checkout-details form .woocommerce-billing-fields__field-wrapper, .woocommerce .sr-checkout-details form .woocommerce-shipping-fields__field-wrapper, .woocommerce .sr-checkout-details form .create-account, .woocommerce .sr-checkout-details .before-checkout .field-wrapper { width: 100%; } #billing_address_2_field .screen-reader-text, #shipping_address_2_field .screen-reader-text { display: none; } .register-container { margin-top: 80px; } .cross-sell-container { width: 100%; } .cross-sell-container .shopthelook { width: 100% !important; margin-top: 10px; } .woocommerce-ordering select { max-width: 80px !important; } /* inner account pages */ .woocommerce-MyAccount-navigation { width: 100%; float: none; } .woocommerce-MyAccount-content { width: 100%; float: none; margin-top: 60px; } /* WISHLIST */ body .tinv-wishlist table.tinvwl-table-manage-list tbody td { text-align: left !important; display: none !important; width: auto !important; } body .tinv-wishlist table.tinvwl-table-manage-list tbody .product-name { display:table-cell !important; } body .tinv-wishlist table.tinvwl-table-manage-list tbody .product-price { display: block !important; } body .tinv-wishlist table.tinvwl-table-manage-list thead th.product-name { text-align: left !important; } body .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-price { text-align: right !important; } }