Advertisement
s-sols

Untitled

May 7th, 2024
810
0
18 days
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.50 KB | None | 0 0
  1. @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
  2.  
  3. body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .et-l--header .et_pb_section_2_tb_header .quadmenu-container .quadmenu-item {
  4.     height: 30px !important;
  5.     display: inline-block !important;
  6. }
  7.  
  8. body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .et-l--header .et_pb_section_2_tb_header .et_pb_menu__menu .quadmenu-navbar-nav {
  9.     display: block !important;
  10. }
  11.  
  12. body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .et-l--header .et_pb_section_2_tb_header .quadmenu-container .quadmenu-item .quadmenu-item-content {
  13.     padding: 0 15px !important;
  14. }
  15.  
  16. body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .et-l--header .et_pb_section_2_tb_header .et_pb_menu__menu > .et-menu-nav > .quadmenu-default_theme {
  17.     box-shadow: none !important;
  18. }
  19.  
  20. body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .et-l--header .et_pb_section_2_tb_header .quadmenu-container .quadmenu-item .quadmenu-caret {
  21.     width: 30px !important;
  22.     height: 30px !important;
  23.     padding: 0 !important;
  24.     top: 50% !important;
  25.     margin: -15px 0 0 0 !important;
  26. }
  27.  
  28.     body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .et-l--header .et_pb_section_2_tb_header .quadmenu-container .quadmenu-item .quadmenu-caret::before {
  29.         width: 30px !important;
  30.     }
  31.  
  32. body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .et-l--header .et_pb_section_2_tb_header .quadmenu-container .quadmenu-item.quadmenu-has-caret .quadmenu-text {
  33.     padding-right: 14px;
  34. }
  35.  
  36. @media screen and (max-width: 1100px) {
  37.     body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .et-l--header .et_pb_section_2_tb_header .quadmenu-container .quadmenu-item.quadmenu-has-caret .quadmenu-text {
  38.         padding-right: 12px;
  39.     }
  40. }
  41.  
  42. @media screen and (max-width: 980px) {
  43.     body.home .et-l--header .et_pb_section_3_tb_header .et_pb_row--with-menu {
  44.         display: flex;
  45.     }
  46. }
  47.  
  48. body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .et_pb_module.dipi_carousel.dipi_carousel_0 {
  49.     height: 620px;
  50. }
  51.  
  52. body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .dipi-carousel-main.dipi_loading.hide_lightbox.hide_lightbox_tablet.hide_lightbox_phone {
  53.     display: block !important;
  54. }
  55.  
  56. body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .et_pb_module.dipi_carousel_child.dipi_carousel_child_1.swiper-slide {
  57.     opacity: 0;
  58. }
  59.  
  60. body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular {
  61.     padding-bottom: 61px !important;
  62. }
  63.  
  64. body.home .et_pb_column_7 > #homepagecarousel {
  65.     --product-side-margin: 10px;
  66.     --product-width: calc((100vw - var(--product-side-margin) * 8) / 4.47);
  67.     --block-trans-X: calc(var(--product-width) / -2 - 25px);
  68. }
  69.  
  70. body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .et_pb_column_7 > #homepagecarousel .et_pb_carousel_wrapper {
  71.     display: block !important;
  72.     opacity: 1 !important;
  73.     width: 10000px !important;
  74.     transform: translateX(var(--block-trans-X));
  75. }
  76.  
  77.     body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .et_pb_column_7 > #homepagecarousel .et_pb_carousel_wrapper .product-wrapper.product {
  78.         width: var(--product-width) !important;
  79.         float: left;
  80.         margin: 0 var(--product-side-margin);
  81.     }
  82.  
  83. @media screen and (min-width: 980px) {
  84.     body.home .product-wrapper.product:not([style*="ease"]) {
  85.         width: var(--product-width) !important;
  86.     }
  87. }
  88.  
  89. body.home .slick-track:not[style*="ease"] {
  90.     transform: none !important;
  91.     transition: transform 300ms ease !important;
  92. }
  93.  
  94. body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) #homepagecarousel .et_pb_carousel_wrapper .slick-track {
  95.     width: 10000px !important;
  96.     transform: translateX(0) !important;
  97. }
  98.  
  99. body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .et_pb_column_7 > #homepagecarousel .et_pb_carousel_wrapper .product-wrapper.product .woocommerce-variation-add-to-cart .single_add_to_cart_button {
  100.     bottom: 31px;
  101.     transition: none !important;
  102. }
  103.  
  104. body.home #homepagecarousel .et_pb_module.et_pb_db_shop_thumbnail {
  105.     animation: none !important;
  106. }
  107.  
  108. body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) #homepagecarousel .slick-track .product-wrapper .et_pb_module.et_pb_db_shop_thumbnail .flip-image-cont img {
  109.     opacity: 1 !important;
  110.     transition: none;
  111. }
  112.  
  113. @media screen and (max-width: 1029px) {
  114.     body.home #homepagecarousel.et_pb_module.et_pb_db_product_carousel {
  115.         --product-width: calc((100vw - var(--product-side-margin) * 6) / 3.47);
  116.     }
  117. }
  118.  
  119. @media screen and (max-width: 979px) {
  120.     body.home #homepagecarousel.et_pb_module.et_pb_db_product_carousel {
  121.         --product-width: calc((100vw - var(--product-side-margin) * 6) / 3);
  122.     }
  123.  
  124.     body.home .et_pb_column_7 > #homepagecarousel .et_pb_carousel_wrapper .product-wrapper.product {
  125.         --product-width: unset !important;
  126.     }
  127. }
  128.  
  129. @media screen and (max-width: 579px) {
  130.     body.home #homepagecarousel.et_pb_module.et_pb_db_product_carousel {
  131.         --product-width: calc((100vw - var(--product-side-margin) * 2) / 1.5);
  132.     }
  133.  
  134.     body.home #homepagecarousel .product-wrapper.product:not([style*="ease"]) {
  135.         width: var(--product-width) !important;
  136.     }
  137. }
  138.  
  139. body.home .et_pb_module.et_pb_text.et_pb_text_8.et_pb_text_align_center.et_pb_bg_layout_light.et_had_animation {
  140.     animation: none !important;
  141. }
  142.  
  143. body.home .et_pb_module.et_pb_text.et_pb_text_8.et_animated.et_pb_text_align_center.et_pb_bg_layout_light.et_is_animating.slideBottom {
  144.     animation: none !important;
  145.     transform: none !important;
  146. }
  147.  
  148. body.home .et_pb_section.et_pb_section_20.et_pb_with_background.et_section_regular * {
  149.     transform: none !important;
  150. }
  151.  
  152. @media screen and (min-width: 768px) and (max-width: 980px) {
  153.     body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .dsm_card_carousel_wrapper .swiper-wrapper {
  154.         --card-width: calc((100vw - 80px - var(--card-mr)) / 2);
  155.         --card-mr: 15px;
  156.         transform: translateX(calc((100% + var(--card-mr)) / 4));
  157.     }
  158.  
  159.         body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .dsm_card_carousel_wrapper .swiper-wrapper .dsm_card_carousel_child {
  160.             width: var(--card-width) !important;
  161.             margin-right: var(--card-mr);
  162.         }
  163. }
  164.  
  165. @media screen and (max-width: 767px) {
  166.     body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .dsm_card_carousel_wrapper .swiper-wrapper .dsm_card_carousel_child {
  167.         margin-right: 15px;
  168.     }
  169. }
  170.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement