/* --------------------- 1180 Header Breakpoint ------------------------ */ @media only screen and (max-width: 1180px) { /* mobile appearance */ /*body.break-1180 #header .header-inner [class*='header-inner-'] > .on-mobile { display: block; margin: 0; } body.break-1180 #header .header-inner .header-inner-left > *:not(.header-toggle), body.break-1180 #header .header-inner .header-inner-center > *:not(.header-logo), body.break-1180 #header .header-inner .header-inner-right > *:not(.header-cart) { display: none; } body.break-1180 #header .header-inner .header-bottom { display: none; } */ /* header-bar */ body.break-1180 #header .header-bar .header-bar-inner > * { height: 20px; padding: 4px 0; } body.break-1180 #header .header-bar [class*='header-bar-inner-'] { width: 100% !important; display: none; text-align: center; justify-content: center; } body.break-1180 #header .header-bar.show-mobile-left .header-bar-inner-left { display: flex; } body.break-1180 #header .header-bar.show-mobile-center .header-bar-inner-center { display: flex; } body.break-1180 #header .header-bar.show-mobile-right .header-bar-inner-right { display: flex; } body.break-1180 #header .mobile-header-bar { display: block; width: calc(100% - 60px); position: absolute; bottom: 10px; left: 20px; } body.break-1180 #header .mobile-header-bar.show-mobile-left .header-bar-left { display: none; } body.break-1180 #header .mobile-header-bar.show-mobile-middle .header-bar-middle { display: none; } body.has-header-bar.break-1180 #header[class*='transparent-'] ~ #hero-and-body #page-body:first-child { padding-top: 28px !important; } } /* --------------------- Tablets (1024px max) ------------------------ */ @media only screen and (max-width: 1024px) { #page-content { min-width: inherit; } .hidden-1024 { display: none !important; } /* custom mouse */ .custom-mouse { display: none !important; } body[class*="cursor-"] .inline-video .mouse-action.mouse-move { opacity: 1; visibility: visible; } /* wrapper and spacings */ .wrapper, .wrapper-small, .wrapper-medium, .wrapper-mini { max-width: calc(100% - 120px); } .main-content { width: calc(100% - 240px); } .blog-wrapper .main-content { width: calc(100% - 280px); } .archive .main-content { width: 100%; } .archive.filter-is-open .main-content { width: calc(100% - 240px) !important; } aside.sidebar { width: 200px; } .blog-wrapper aside.sidebar { width: 240px; } .archive aside.sidebar { width: 0px; } .archive.filter-is-open aside.sidebar { width: 200px; } /* hero */ #hero:not(.no-bg) #page-title.no-wrapper { width: calc(100% - 120px); } #hero.hero-wrapped { max-width: calc(100% - 120px); } #hero .scroll-down { display: none; } /* mobile appearance */ #header .header-inner [class*='header-inner-'] > .on-mobile { display: block; margin: 0; } #header .header-inner [class*='header-inner-'] > .header-toggle { display: flex; } #header .header-inner .header-inner-right > *:not(.header-toggle), #header .header-inner .header-inner-left > *:not(.header-logo), #header .header-inner .header-inner-right > *:not(.header-cart):not(.header-toggle) { display: none; } #header .header-inner .header-bottom { display: none; } /* header-bar */ #header .header-bar .header-bar-inner > * { height: 20px; padding: 4px 0; } #header .header-bar [class*='header-bar-inner-'] { width: 100% !important; display: none; text-align: center; justify-content: center; } #header .header-bar.show-mobile-left .header-bar-inner-left { display: flex; } #header .header-bar.show-mobile-center .header-bar-inner-center { display: flex; } #header .header-bar.show-mobile-right .header-bar-inner-right { display: flex; } #header .mobile-header-bar { display: block; width: calc(100% - 60px); 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; } body.has-header-bar #header[class*='transparent-'] ~ #hero-and-body #page-body:first-child { padding-top: 28px !important; } #mobile-menu .mobile-menu-inner { padding-bottom: 40px; padding-left: 60px; padding-right: 60px; } /* FOOTER */ #footer .footer-bottom { flex-direction: column; padding: 30px 0; } #footer .footer-bottom > div { width: 100% !important; margin-top: 10px; display: block; text-align: center !important; } #footer .footer-bottom > div:first-child {margin-top: 0; } /* SPACER */ .spacer-mini { height: 20px; } .spacer-small { height: 40px; } .spacer-medium { height: 60px; } .spacer-big { height: 80px; } /* COLUMNS */ .column-section { flex-direction: column; } .column {width: 100% !important; margin-top: 40px; display: block; } .spaced-none .column { margin-top: 0px;} div .column:first-child, .column.empty-content, .column.empty-content + .column { margin-top: 0px !important; } .column:not(.empty-content) + .column.empty-content + .column:not(.empty-content) { margin-top: 40px !important; } /* SR GRID */ .sr-grid[class*='sr-grid-spaced-small'] { margin-bottom: -5px; width: calc(100% + 5px); } .sr-grid[class*='sr-grid-spaced-normal'] { margin-bottom: -15px; width: calc(100% + 15px); } .sr-grid[class*='sr-grid-spaced-medium'] { margin-bottom: -30px; width: calc(100% + 30px); } .sr-grid[class*='sr-grid-spaced-big'] { margin-bottom: -40px; width: calc(100% + 40px); } .sr-grid[class*='sr-grid-spaced-large'] { margin-bottom: -60px; width: calc(100% + 60px); } .sr-grid[class*='sr-grid-spaced-huge'] { margin-bottom: -80px; width: calc(100% + 80px); } .sr-grid[class*='sr-grid-spaced-small'] .sr-item { margin-right: 5px; margin-bottom: 5px; } .sr-grid[class*='sr-grid-spaced-normal'] .sr-item { margin-right: 15px; margin-bottom: 15px; } .sr-grid[class*='sr-grid-spaced-medium'] .sr-item { margin-right: 30px; margin-bottom: 30px; } .sr-grid[class*='sr-grid-spaced-big'] .sr-item { margin-right: 40px; margin-bottom: 40px;} .sr-grid[class*='sr-grid-spaced-large'] .sr-item { margin-right: 60px; margin-bottom: 60px; } .sr-grid[class*='sr-grid-spaced-huge'] .sr-item { margin-right: 80px; margin-bottom: 80px; } .sr-grid.style-column-2[class*='sr-grid-spaced-normal'] .sr-item { width: calc(50% - 15px); } .sr-grid.style-column-3[class*='sr-grid-spaced-normal'] .sr-item { width: calc(33.33% - 15px); } .sr-grid.style-column-4[class*='sr-grid-spaced-normal'] .sr-item { width: calc(25% - 15px); } .sr-grid.style-column-5[class*='sr-grid-spaced-normal'] .sr-item { width: calc(20% - 15px); } .sr-grid.style-column-2[class*='sr-grid-spaced-medium'] .sr-item { width: calc(50% - 30px); } .sr-grid.style-column-3[class*='sr-grid-spaced-medium'] .sr-item { width: calc(33.33% - 30px); } .sr-grid.style-column-4[class*='sr-grid-spaced-medium'] .sr-item { width: calc(25% - 30px); } .sr-grid.style-column-5[class*='sr-grid-spaced-medium'] .sr-item { width: calc(20% - 30px); } .sr-grid.style-column-2[class*='sr-grid-spaced-big'] .sr-item { width: calc(50% - 40px); } .sr-grid.style-column-3[class*='sr-grid-spaced-big'] .sr-item { width: calc(33.33% - 40px); } .sr-grid.style-column-4[class*='sr-grid-spaced-big'] .sr-item { width: calc(25% - 40px); } .sr-grid.style-column-5[class*='sr-grid-spaced-big'] .sr-item { width: calc(20% - 40px); } .sr-grid.style-column-2[class*='sr-grid-spaced-large'] .sr-item { width: calc(50% - 60px); } .sr-grid.style-column-3[class*='sr-grid-spaced-large'] .sr-item { width: calc(33.33% - 60px); } .sr-grid.style-column-4[class*='sr-grid-spaced-large'] .sr-item { width: calc(25% - 60px); } .sr-grid.style-column-5[class*='sr-grid-spaced-large'] .sr-item { width: calc(20% - 60px); } .sr-grid.style-column-2[class*='sr-grid-spaced-huge'] .sr-item { width: calc(50% - 80px); } .sr-grid.style-column-3[class*='sr-grid-spaced-huge'] .sr-item { width: calc(33.33% - 80px); } .sr-grid.style-column-4[class*='sr-grid-spaced-huge'] .sr-item { width: calc(25% - 80px); } .sr-grid.style-column-5[class*='sr-grid-spaced-huge'] .sr-item { width: calc(20% - 80px); } .sr-grid.sr-grid-random .sr-item.image-portrait .item-inner { max-width: 50%; display: inline-block; } .sr-grid.sr-grid-random .sr-item.image-landscape .item-inner { max-width: 70%; display: inline-block; } .sr-grid.sr-grid-random .sr-item.image-square .item-inner { max-width: 60%; display: inline-block; } .sr-grid.sr-grid-random .sr-item:nth-child(1n) { margin-left: 4%; } .sr-grid.sr-grid-random .sr-item:nth-child(2n):not(.align-left):not(.align-right) { text-align: right; margin-right: 4%; } .sr-grid.sr-grid-random .sr-item:nth-child(3n) { margin-left: 11%; margin-right: 0; } .sr-grid.sr-grid-random .sr-item:nth-child(4n):not(.align-left):not(.align-right) { text-align: right; margin-right: 0; margin-left: 5%; } .sr-grid.sr-grid-random .sr-item:nth-child(5n) { margin-left: 0; } .sr-grid.sr-grid-random .sr-item:nth-child(6n):not(.align-left):not(.align-right) { text-align: right; margin-right: 3%; margin-left: 3%; } .sr-grid.sr-grid-random .sr-item:nth-child(7n) { margin-left: 0; } .sr-grid.sr-grid-random .sr-item:nth-child(8n):not(.align-left):not(.align-right) { text-align: right; margin-right: 9%; } .sr-grid.sr-grid-column-random .sr-item:nth-child(1n) .sr-item-info.position-offset { transform: translateX(50px); } .sr-grid.sr-grid-column-random .sr-item:nth-child(2n) .sr-item-info.position-offset { transform: translateX(-50px); } .sr-grid.sr-grid-column-random .sr-item:nth-child(3n) .sr-item-info.position-offset { transform: translateX(40px); } .sr-grid.sr-grid-column-random .sr-item:nth-child(4n) .sr-item-info.position-offset { transform: translateX(-60px); } .sr-grid.sr-grid-column-random .sr-item:nth-child(5n) .sr-item-info.position-offset { transform: translateX(50px); } .sr-grid.sr-grid-column-random .sr-item:nth-child(6n) .sr-item-info.position-offset { transform: translateX(-50px); } /* 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, .main-content .sr-grid.style-column-4.mobile-col-2 .sr-item, .main-content .sr-grid.style-column-5.mobile-col-2 .sr-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, .main-content .sr-grid.style-column-4.mobile-col-2[class*='sr-spaced'] .sr-item, .main-content .sr-grid.style-column-5.mobile-col-2[class*='sr-spaced'] .sr-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, .main-content .sr-grid.style-column-4.mobile-col-2[class*='sr-spaced-big'] .sr-item, .main-content .sr-grid.style-column-5.mobile-col-2[class*='sr-spaced-big'] .sr-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, .main-content .sr-grid.style-column-4.mobile-col-2[class*='sr-spaced-huge'] .sr-item, .main-content .sr-grid.style-column-5.mobile-col-2[class*='sr-spaced-huge'] .sr-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, .main-content .sr-grid.style-column-4.mobile-col-2.style-column-1 .sr-item, .main-content .sr-grid.style-column-5.mobile-col-2.style-column-1 .sr-item { width: 100%; } /* FLICKITY */ .flickity-carousel[class*='flickity-spaced'] .sr-item { margin-right: 15px; } .flickity-carousel[class*='flickity-spaced-big'] .sr-item { margin-right: 30px; } .flickity-carousel[class*='flickity-spaced-huge'] .sr-item { margin-right: 60px; } .flickity-carousel.style-column-2[class*='flickity-spaced'] .sr-item { width: calc((100% - 15px)/2); } .flickity-carousel.style-column-2[class*='flickity-spaced-big'] .sr-item { width: calc((100% - 30px)/2); } .flickity-carousel.style-column-2[class*='flickity-spaced-huge'] .sr-item { width: calc((100% - 60px)/2); } .flickity-carousel.style-column-3[class*='flickity-spaced'] .sr-item { width: calc((100% - 30px)/3); } .flickity-carousel.style-column-3[class*='flickity-spaced-big'] .sr-item { width: calc((100% - 60px)/3); } .flickity-carousel.style-column-3[class*='flickity-spaced-huge'] .sr-item { wwidth: calc((100% - 120px)/3); } .flickity-carousel.style-column-4[class*='flickity-spaced'] .sr-item { width: calc((100% - 45px)/4); } .flickity-carousel.style-column-4[class*='flickity-spaced-big'] .sr-item { width: calc((100% - 90px)/4); } .flickity-carousel.style-column-4[class*='flickity-spaced-huge'] .sr-item { width: calc((100% - 180px)/4); } .flickity-carousel.style-column-5[class*='flickity-spaced'] .sr-item { width: calc((100% - 60px)/5); } .flickity-carousel.style-column-5[class*='flickity-spaced-big'] .sr-item { width: calc((100% - 120px)/5); } .flickity-carousel.style-column-5[class*='flickity-spaced-huge'] .sr-item { width: calc((100% - 240px)/5); } /* random width */ .flickity-carousel.random-width.style-column-2[class*='flickity-spaced'] .sr-item:nth-child(1), .flickity-carousel.random-width.style-column-2[class*='flickity-spaced'] .sr-item:nth-child(1n+2) { width: calc((80% - 15px)/2); } .flickity-carousel.random-width.style-column-2[class*='flickity-spaced'] .sr-item:nth-child(2), .flickity-carousel.random-width.style-column-2[class*='flickity-spaced'] .sr-item:nth-child(2n+2) { width: calc((120% - 15px)/2); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .sr-item:nth-child(1), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .sr-item:nth-child(1n+3) { width: calc((87% - 30px)/3); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .sr-item:nth-child(2), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .sr-item:nth-child(2n+3) { width: calc((113% - 30px)/3); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .sr-item:nth-child(3), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .sr-item:nth-child(3n+3) { width: calc((100% - 30px)/3); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .sr-item:nth-child(1), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .sr-item:nth-child(1n+4) { width: calc((83% - 45px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .sr-item:nth-child(2), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .sr-item:nth-child(2n+4) { width: calc((117% - 45px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .sr-item:nth-child(3), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .sr-item:nth-child(3n+4) { width: calc((94% - 45px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .sr-item:nth-child(4), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .sr-item:nth-child(4n+4) { width: calc((106% - 45px)/4); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(1), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(1n+5) { width: calc((85% - 60px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(2), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(2n+5) { width: calc((115% - 60px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(3), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(3n+5) { width: calc((94% - 60px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(4), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(4n+5) { width: calc((106% - 60px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(5), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(5n+5) { width: calc((100% - 60px)/5); } .flickity-carousel.random-width.style-column-2[class*='flickity-spaced-big'] .sr-item:nth-child(1), .flickity-carousel.random-width.style-column-2[class*='flickity-spaced-big'] .sr-item:nth-child(1n+2) { width: calc((80% - 30px)/2); } .flickity-carousel.random-width.style-column-2[class*='flickity-spaced-big'] .sr-item:nth-child(2), .flickity-carousel.random-width.style-column-2[class*='flickity-spaced-big'] .sr-item:nth-child(2n+2) { width: calc((120% - 30px)/2); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .sr-item:nth-child(1), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .sr-item:nth-child(1n+3) { width: calc((87% - 60px)/3); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .sr-item:nth-child(2), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .sr-item:nth-child(2n+3) { width: calc((113% - 60px)/3); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .sr-item:nth-child(3), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .sr-item:nth-child(3n+3) { width: calc((100% - 60px)/3); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .sr-item:nth-child(1), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .sr-item:nth-child(1n+4) { width: calc((83% - 90px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .sr-item:nth-child(2), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .sr-item:nth-child(2n+4) { width: calc((117% - 90px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .sr-item:nth-child(3), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .sr-item:nth-child(3n+4) { width: calc((94% - 90px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .sr-item:nth-child(4), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .sr-item:nth-child(4n+4) { width: calc((106% - 90px)/4); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(1), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(1n+5) { width: calc((85% - 120px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(2), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(2n+5) { width: calc((115% - 120px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(3), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(3n+5) { width: calc((94% - 120px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(4), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(4n+5) { width: calc((106% - 120px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(5), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(5n+5) { width: calc((100% - 120px)/5); } .flickity-carousel.random-width.style-column-2[class*='flickity-spaced-huge'] .sr-item:nth-child(1), .flickity-carousel.random-width.style-column-2[class*='flickity-spaced-huge'] .sr-item:nth-child(1n+2) { width: calc((80% - 60px)/2); } .flickity-carousel.random-width.style-column-2[class*='flickity-spaced-huge'] .sr-item:nth-child(2), .flickity-carousel.random-width.style-column-2[class*='flickity-spaced-huge'] .sr-item:nth-child(2n+2) { width: calc((120% - 60px)/2); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .sr-item:nth-child(1), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .sr-item:nth-child(1n+3) { width: calc((87% - 120px)/3); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .sr-item:nth-child(2), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .sr-item:nth-child(2n+3) { width: calc((113% - 120px)/3); } .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .sr-item:nth-child(3), .flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .sr-item:nth-child(3n+3) { width: calc((100% - 120px)/3); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .sr-item:nth-child(1), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .sr-item:nth-child(1n+4) { width: calc((83% - 180px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .sr-item:nth-child(2), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .sr-item:nth-child(2n+4) { width: calc((117% - 180px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .sr-item:nth-child(3), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .sr-item:nth-child(3n+4) { width: calc((94% - 180px)/4); } .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .sr-item:nth-child(4), .flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .sr-item:nth-child(4n+4) { width: calc((106% - 180px)/4); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(1), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(1n+5) { width: calc((85% - 240px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(2), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(2n+5) { width: calc((115% - 240px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(3), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(3n+5) { width: calc((94% - 240px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(4), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(4n+5) { width: calc((106% - 240px)/5); } .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(5), .flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-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; } /* THUMB HOVER */ .thumb-hover.show-caption-on-mobile .overlay-caption.hidden > * > * { transform: none; } .thumb-hover.show-caption-on-mobile .overlay-caption.hidden::before { height: 100%; } /* BLOG */ #blog-single .blog-media { max-width: calc(100vw - 80px); } blockquote { width: calc(100% - 80px); padding: 20px; } /* WOO */ #mini-cart .cart-title { padding: 20px 40px 30px 40px; } #mini-cart .menu-cart-content { height: calc(var(--vh, 1vh) * 100 - 70px); } .close-icon { top: 20px; } #header ~ #hero-and-body #product .product-head .column-section { margin-top: 15px; } #header.has-bg ~ #hero-and-body #product .product-head .column-section { margin-top: 40px; } #product .column-section { flex-direction: row; } #product .product-images { width: calc(55% - 16px) !important; margin-right: 40px; } #product .wrapper-medium .product-images { padding-right: 0; } #product .product-infos { width: calc(45% - 24px) !important; padding-right: 0px; } #product .wrapper-medium .product-infos { width: calc(45% - 24px) !important; } .shop_table .product-name .product-image, .shopthelook .list-item .product-name .product-image { width: 60px; } .shop_table .product-price, .shop_table .product-subtotal { width: auto; } .woocommerce .sr-checkout-details .sr-checkout-before { width: 100%; } .woocommerce-checkout.distraction-free-checkout .two-fifth { height: auto; position: relative; top: auto; right: auto; } .woocommerce-checkout.distraction-free-checkout .two-fifth::before { position: absolute; width: calc(100% + 200px); height: calc(100% + 400px); top: 0; right: -100px; } .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; } /* SWATCHES */ .variation .variable-items-wrapper [data-wvstooltip]::before { display: none; } /* MISC */ .sr-grid .thumb-hover .hover-image, .shop-container .thumb-hover .hover-image { display: none; } /* disable hiver on mobile devices */ /* COOKIE NOTICE */ .mogi-theme #cookie-notice { left: 40px; } } /* --------------------- Smartphones (768px max) ------------------------ */ @media only screen and (max-width: 767px) { /* hidden */ .hidden-768 { display: none !important; } /* wrapper and spacings */ .wrapper, .wrapper-small, .wrapper-medium, .wrapper-mini { max-width: calc(100% - 60px); } #hero:not(.no-bg) #page-title.no-wrapper { width: calc(100% - 60px); } .main-content { width: 100%; } .blog-wrapper .main-content { width: 100%; } .archive .main-content { width: 100%; } .archive.filter-is-open .main-content { width: 100% !important; } aside.sidebar { width: 100%; } .blog-wrapper aside.sidebar { width: 100%; } .archive aside.sidebar { width: 0px; margin-bottom: 0; } .archive.filter-is-open aside.sidebar { width: 100%; margin-bottom: 60px; } .archive aside.sidebar .sidebar-inner { width: 100%; } #product .product-description.wrapper-small, #product .product-body .woocommerce-tabs, .woocommerce .related.products, .woocommerce .upsells.products { margin-top: 60px; } .woocommerce #reviews .leavecomment { margin-top: 30px; } /* 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; } /* hero */ #hero:not(.no-bg) #page-title.no-wrapper { width: calc(100% - 60px); } #hero.hero-wrapped { max-width: calc(100% - 60px); } #hero .scroll-down { display: none; } /* 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; } #mobile-menu .mobile-menu-inner { padding-left: 30px; padding-right: 30px; padding-bottom: 30px; } .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; } /* FOOTER */ #footer .footer-inner { padding: 40px 0; } #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; } .scroll-top { display: none; } .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; padding-bottom: 60px; } #hero.hero-auto.no-bg #page-title { padding-bottom: 40px; } /* SR GRID */ .sr-grid:not(.mobile-col-2) { width: 100% !important; } .sr-grid[class*='sr-grid-spaced-small'] { margin-bottom: -5px; } .sr-grid[class*='sr-grid-spaced-normal'] { margin-bottom: -15px; } .sr-grid[class*='sr-grid-spaced-medium'] { margin-bottom: -30px; } .sr-grid[class*='sr-grid-spaced-big'] { margin-bottom: -40px; } .sr-grid[class*='sr-grid-spaced-large'] { margin-bottom: -50px; } .sr-grid[class*='sr-grid-spaced-huge'] { margin-bottom: -50px; } .sr-grid:not(.mobile-col-2) .sr-item { margin-bottom: 0px; margin-right: 0px !important; width: 100% !important; } .sr-grid[class*='sr-grid-spaced-small'] .sr-item { margin-bottom: 5px; } .sr-grid[class*='sr-grid-spaced-normal'] .sr-item { margin-bottom: 15px; } .sr-grid[class*='sr-grid-spaced-medium'] .sr-item { margin-bottom: 30px; } .sr-grid[class*='sr-grid-spaced-big'] .sr-item { margin-bottom: 40px; } .sr-grid[class*='sr-grid-spaced-large'] .sr-item { margin-bottom: 50px; } .sr-grid[class*='sr-grid-spaced-huge'] .sr-item { margin-bottom: 50px; } /* mobile col */ .sr-grid.mobile-col-2[class*='sr-grid-spaced-small'] { width: calc(100% + 5px) !important; } .sr-grid.mobile-col-2[class*='sr-grid-spaced-normal'] { width: calc(100% + 10px) !important; } .sr-grid.mobile-col-2[class*='sr-grid-spaced-medium'] { width: calc(100% + 20px) !important; } .sr-grid.mobile-col-2[class*='sr-grid-spaced-big'] { width: calc(100% + 30px) !important; } .sr-grid.mobile-col-2[class*='sr-grid-spaced-large'] { width: calc(100% + 40px) !important; } .sr-grid.mobile-col-2[class*='sr-grid-spaced-huge'] { width: calc(100% + 40px) !important; } .sr-grid.mobile-col-2[class*='sr-grid-spaced-small'] .sr-item { width: calc(50% - 5px) !important; margin-right: 5px !important; } .sr-grid.mobile-col-2[class*='sr-grid-spaced-normal'] .sr-item { width: calc(50% - 10px) !important; margin-right: 10px !important; } .sr-grid.mobile-col-2[class*='sr-grid-spaced-medium'] .sr-item { width: calc(50% - 20px) !important; margin-right: 20px !important; } .sr-grid.mobile-col-2[class*='sr-grid-spaced-big'] .sr-item { width: calc(50% - 30px) !important; margin-right: 30px !important; } .sr-grid.mobile-col-2[class*='sr-grid-spaced-large'] .sr-item { width: calc(50% - 40px) !important; margin-right: 40px !important; } .sr-grid.mobile-col-2[class*='sr-grid-spaced-huge'] .sr-item { width: calc(50% - 40px) !important; margin-right: 40px !important; } .sr-grid.sr-grid-random .sr-item.image-portrait .item-inner { max-width: 85%; display: inline-block; } .sr-grid.sr-grid-random .sr-item.image-landscape .item-inner { max-width: 100%; display: inline-block; } .sr-grid.sr-grid-random .sr-item.image-square .item-inner { max-width: 95%; display: inline-block; } .sr-grid.sr-grid-random .sr-item:nth-child(1n) { margin-left: 3%; } .sr-grid.sr-grid-random .sr-item:nth-child(2n):not(.align-left):not(.align-right) { text-align: right; margin-right: 3%; } .sr-grid.sr-grid-random .sr-item:nth-child(3n) { margin-left: 9%; margin-right: 0; } .sr-grid.sr-grid-random .sr-item:nth-child(4n):not(.align-left):not(.align-right) { text-align: right; margin-right: 0; margin-left: 4%; } .sr-grid.sr-grid-random .sr-item:nth-child(5n) { margin-left: 0; } .sr-grid.sr-grid-random .sr-item:nth-child(6n):not(.align-left):not(.align-right) { text-align: right; margin-right: 2%; margin-left: 2%; } .sr-grid.sr-grid-random .sr-item:nth-child(7n) { margin-left: 0; } .sr-grid.sr-grid-random .sr-item:nth-child(8n):not(.align-left):not(.align-right) { text-align: right; margin-right: 7%; } .sr-grid[class*='sr-grid-offset'] .sr-item { margin-top: 0 !important; } .sr-grid .has-caption-bg.overlay-caption { width: calc(100% - 30px);} /* FLICKITY */ .flickity-carousel:not(.style-column-1) .flickity-viewport { overflow: visible; } .flickity-carousel[class*='flickity-spaced-big'] .sr-item { margin-right: 30px; } .flickity-carousel[class*='flickity-spaced-huge'] .sr-item { margin-right: 40px; } .flickity-carousel .sr-item { width: 47%; } .flickity-carousel[class*='flickity-spaced-small'] .sr-item { width: calc((96% - 5px)/2) !important; } .flickity-carousel[class*='flickity-spaced'] .sr-item { width: calc((96% - 15px)/2) !important; } .flickity-carousel[class*='flickity-spaced-big'] .sr-item { width: calc((96% - 30px)/2) !important; } .flickity-carousel[class*='flickity-spaced-huge'] .sr-item { width: calc((96% - 40px)/2) !important; } .flickity-carousel.style-column-1 .sr-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) .sr-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: block; } .flickity-carousel.mobile-col-1:not(.style-column-1).has-mobile-nav .sr-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; } /* Caption */ .overlay-caption { padding: 20px; } /* Fancybox */ .fancybox-slide.fancybox-slide--video { padding: 10px; } /* BLOG */ #blog-single .blog-media { max-width: calc(100vw - 60px); } blockquote { width: calc(100% - 30px); padding: 15px; } .blog-container { margin-bottom: -40px !important; } .blog-container .post-item { margin-bottom: 40px !important; } .blog-info { margin-bottom: 20px; } #single-pagination .pagination li .post-title { font-size: 1.2rem; line-height: 1.4em; } /* 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; } /* WOO */ #mini-cart .cart-title { padding: 20px 25px 30px 25px; } .close-icon { top: 20px; right: 20px; } #mini-cart .menu-cart-content { height: calc(var(--vh, 1vh) * 100 - 70px); } #mini-cart .menu-cart-content .cart-list { padding: 0 25px; } #mini-cart .menu-cart-content .cart-bottom { padding: 0 25px 20px 25px; } #mini-cart .menu-cart-content .cart-list .cart-table .cart-item { padding: 10px 0; } #mini-cart .menu-cart-content .cart-list .cart-table .cart-item .product-image { width: 75px; } #mini-cart .menu-cart-content .cart-list .cart-table .cart-item .product-info { width: calc(100% - 90px); margin-left: 15px; } .remove, .woocommerce-remove-coupon { width: 16px; height: 16px; } .remove svg, .woocommerce-remove-coupon svg { width: 8px; } #product .column-section { flex-direction: column; } #product .product-images { width: 100% !important; margin-right: 0; } #product .product-infos { width: 100% !important; margin-top: 25px; } #product .wrapper-medium .product-infos { width: 100% !important; } #product .product-head.has-bg.half-bg .product-bg { display: none; } #product .product-head.has-bg.half-bg .column .product-bg { display: block; } #product .product-images .item-inner a[data-fancybox]:not(.product-video-button), #product .product-images .scroll-item a[data-fancybox]:not(.product-video-button) { opacity: 1; visibility: visible; top: 10px !important; right: 10px !important; } #product .product-images .isotope-grid.mobile-slider { margin-bottom: 0; } #product .product-images .isotope-grid.mobile-slider .isotope-item { margin-bottom: 0 !important; } .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: 0 !important; width: 100% !important; } .product .flickity-page-dots { bottom: 0px; } .product .flickity-viewport { padding-bottom: 30px; } .product .three-fifth .product-video-button { top: 20px; right: 20px; } .infos-inner { height: auto !important; } #product .product-infos .col-content { padding-top: 0; } .product .variation-gallery .flickity-carousel.has-thumbs, .product .variation-gallery .scroll-gallery.has-thumbs { width: 100% !important; margin-left: 0 !important; float: none; } .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 { margin-top: 0; padding: 25px 25px;} .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; } /* Size Guide */ .size-guide-popup .size-guide-content { padding: 40px 25px; } /* FANCYBOX */ body .fancybox-button { height: 40px; width: 40px; background: #fff !important; } body .fancybox-toolbar { right: 10px; top: 10px; } body .fancybox-button svg { width: 18px; height: 18px; } body .fancybox-button--close svg { width: 15px; height: 15px; } body .fancybox-navigation .fancybox-button { height: 40px; width: 40px; top: calc(50% - 20px); background: #fff !important; } body .fancybox-navigation .fancybox-button--arrow_right { right: 10px; } body .fancybox-navigation .fancybox-button--arrow_left { left: 10px; } /* POPUP MAKER */ .pum-theme-mogi-popup .pum-container { padding: 30px !important; } .pum .pum-container .pum-content { width: 100% !important; float: none !important; } .pum .pum-container::before { top: 0; left: 0; width: 100% !important; } } /* --------------------- Small Screens (680px max) ------------------------ */ @media only screen and (max-width: 640px) { /* MOBILE MENU */ #mobile-menu .mobile-menu-inner { display: block; } #mobile-menu .mobile-menu-inner > * { display: block; align-self: auto; max-width: 100%; margin-top: 50px; } #mobile-menu .mobile-menu-inner .mobile-inner-center { text-align: left; } #mobile-menu .mobile-menu-inner .mobile-inner-right { text-align: left; } #mobile-menu .header-action { margin-top: 50px; } #mobile-menu .header-action:first-child { margin-top: 0; } #mobile-menu .header-action.header-language { margin-top: 30px; } /* PAGE TITLE*/ #hero #page-title { padding-top: calc(60px + 60px + 20px); padding-bottom: 80px; } .single-post #header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-auto.no-bg #page-title { padding-top: 40px; padding-bottom: 40px; } /* 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: 25px !important; } .form-row.deplace { margin-top: 44px; } .form-row + .form-row.deplace { margin-top: 44px !important; } .follow-mouse .mouse-action { font-size: 12px; width: 60px; height: 60px; top: calc(50% - 30px); left: calc(50% - 30px); } blockquote { min-width: auto; } /* SR GRID */ .sr-grid.sr-grid-column-random .sr-item .sr-item-info.position-offset { bottom: -30px !important; top: auto !important; right: auto !important; left: 0 !important; text-align: left !important; transform: translateX(20px) !important; margin: 0 !important; } .sr-grid.sr-grid-column-random .sr-item .item-inner { margin-bottom: 30px; } /* BUTTON SIZES */ .sr-button.button-small:not(.underline):not(.play-button) { font-size: 11px !important; line-height: 25px; height: 25px; padding: 0px 20px; } .sr-button.bordered.button-small:not(.underline):not(.play-button) { line-height: 23px; } .sr-button.button-small.withicon i { font-size: 12px !important; } .sr-button.button-medium:not(.underline):not(.play-button) { font-size: 12px !important; line-height: 30px; height: 30px; padding: 0px 26px; } .sr-button.bordered.button-medium:not(.underline):not(.play-button) { line-height: 28px; } .sr-button.button-medium.withicon i { font-size: 14px !important; } .sr-button.button-big:not(.underline):not(.play-button) { font-size: 14px !important; line-height: 34px; height: 34px; padding: 0px 30px; } .sr-button.bordered.button-big:not(.underline):not(.play-button) { line-height: 32px; } .sr-button.button-big.withicon i { font-size: 15px !important; } .sr-button.button-huge:not(.underline):not(.play-button) { font-size: 16px !important; line-height: 44px; height: 44px; padding: 0px 40px; } .sr-button.bordered.button-huge:not(.underline):not(.play-button) { line-height: 42px; } .sr-button.button-huge.withicon i { font-size: 18px !important; } .sr-button.button-mini.underline { font-size: 10px !important; } .sr-button.button-small.underline { font-size: 12px !important; } .sr-button.button-medium.underline { font-size: 14px !important; } .sr-button.button-big.underline { font-size: 17px !important; } .sr-button.button-huge.underline { font-size: 20px !important; } /* 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 { width: 70px; } .shop_table .product-price, .shop_table .product-subtotal , .shop_table thead .product-quantity { 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 .product-remove { width: 30px; } .shop_table.cart-page .product-quantity { width: 30px; } .shop_table td.product-quantity .quantity input[type="number"] { width: 30px; padding: 25px 0; border: none; } .shop_table td.product-quantity .quantity span.plus { left: calc(50% - 11px); right: auto; top: 5px; bottom: auto; } .shop_table td.product-quantity .quantity span.minus { left: calc(50% - 11px); right: auto; bottom: 5px; top: auto; } .shop_table td.product-quantity .quantity span svg { width: 8px; } .sr-coupon { width: 100%; } .shop_table thead th, .shop_table tbody td, .shop_table tbody th, .shop_table tfoot td, .shop_table tfoot th { padding: 15px 0; } .shop_table thead th { padding-top: 0; line-height: 15px; } .shop_table.cart tbody tr td, .shop_table.cart tbody tr th { padding-top: 0; padding-bottom: 25px; } .shop_table.cart tbody tr:first-child td, .shop_table.cart tbody tr:first-child th { padding-top: 25px; } .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; } /* GRID OPTIONS */ .woocommerce .grid-options { margin-bottom: 30px; } .grid-options .woocommerce-breadcrumb { display: block; } .grid-options .filter-open { font-size: 12px !important; padding: 4px 6px 4px 8px; width: calc(50% - 24px); margin-left: 0; float: left; margin-top: 10px; } .grid-options .filter-open .icon { width: 18px; height: 18px; margin-left: 5px; margin-top: 2px; } .grid-options .woocommerce-ordering { width: calc(50% - 10px); margin-left: 15px; margin-top: 10px; text-align: right; } .woocommerce-ordering select { max-width: 100% !important; width: 100% !important; font-size: 12px !important; line-height: 32px; height: 32px; padding: 0 20px 0 6px; background-position: right 5px top 55%;} /* 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; } /* BLOG */ #single-pagination .pagination { width: 100%; padding: 25px 0; } #single-pagination .pagination li { float: none; text-align: center; width: 100%; margin-top: 40px; } #single-pagination .pagination li:first-child, #single-pagination .pagination li.inactive + li { margin-top: 0; } #single-pagination .pagination li a .info { padding: 0 15px; } #single-pagination .pagination li a .media { width: 90px; display: inline-block; margin-bottom: 10px; } #single-pagination .pagination li .post-title { font-size: 1.15rem; line-height: 1.35em; } /* Portfolio */ #single-pagination.sr-grid-pagination .sr-item .sr-image { max-width: 100% !important; } .list-style .post-item .blog-item-inner { display: block; margin-bottom: 40px; } .list-style .post-item .blog-item-inner .blog-media { width: 100%; } .list-style .post-item .blog-item-inner .blog-info { width: 100%; padding-left: 0; margin-top: 15px; } /* COOKIE NOTICE */ .mogi-theme #cookie-notice { left: 20px; } .mogi-theme #cookie-notice .cookie-notice-container { padding: 15px 35px 15px 25px; } .mogi-theme .cn-close-icon { bottom: 18px; right: 15px; } /* title indent */ [class*="title-indent"] .elementor-heading-title { text-indent: 20%; } .title-indent-small .elementor-heading-title { text-indent: 15%; } .title-indent-big .elementor-heading-title { text-indent: 35%; } /* Social Media */ .socialmedia-widget.text-style li a, .socialmedia-widget.textshort-style li a{ font-size: 14px; line-height: 25px; height: 25px; } .socialmedia-widget.text-style.size-large li a, .socialmedia-widget.textshort-style.size-large li a{ font-size: 16px; line-height: 24px; height: 24px; } .socialmedia-widget.text-style.size-big li a, .socialmedia-widget.textshort-style.size-big li a{ font-size: 19px; line-height: 26px; height: 26px; } }