Skip to Content

CSS File

URL: https://popartstudio.ru/wp-content/themes/woodmart/css/parts/wpb-el-banner.min.css
HTTP Status: 200 OK
MIME Type: text/css
Last Modified: Mon, 22 Dec 2025 18:11:51 GMT
Download Time: Less than a second
Cookies: None
Size: 4 KB
Rules: 47 style rules
Imports: 0 stylesheets
HTTP Headers:  7 headers
Links In:  1 pages
Links Out:  0 links
Images:  0 images
CSS:  0 files
JavaScript:  0 files
OK Issues: No issues found

1.promo-banner{--button-space: 15px;--button-size: 28px;--content-width: var(--wd-max-width);--wd-otl-offset: calc(var(--wd-otl-width) * -1);position:relative;overflow:hidden;border-radius:var(--wd-brd-radius);transform:translate3d(0, 0, 0)}

2.promo-banner .banner-image :is(img,picture,video){width:100%;height:var(--wd-img-height);object-fit:cover;object-position:inherit}

3.promo-banner .banner-image[style^="height"] :is(img,picture){height:100%}

4.promo-banner .wrapper-content-banner{z-index:2;display:flex;overflow:hidden;padding:30px;border-radius:var(--wd-brd-radius);transform:translate3d(0, 0, 0)}

5.promo-banner .content-banner{--wd-tags-mb: 10px;position:relative;width:100%;max-width:var(--content-width)}

6.promo-banner :is(.banner-subtitle,.banner-title,.banner-inner):not(:first-child){margin-top:7px}

7.promo-banner .banner-title{display:block;margin-bottom:0;line-height:1.3}

8.promo-banner .banner-inner p:first-child:empty{display:none}

9.promo-banner .wd-countdown-timer{margin-top:10px}

10.promo-banner .banner-btn-wrapper{margin-top:var(--button-space)}

11.promo-banner.wd-with-link .wrapper-content-banner{pointer-events:none}

12.promo-banner.wd-with-link:hover .btn{pointer-events:auto}

13.wd-bg-position-top{background-position:center top;object-position:center top}

14.wd-bg-position-bottom{background-position:center bottom;object-position:center bottom}

15.wd-bg-position-left{background-position:left center;object-position:left center}

16.wd-bg-position-right{background-position:right center;object-position:right center}

17.wd-bg-position-center{background-position:center;object-position:center}

18.banner-increased-padding .wrapper-content-banner{padding:7%}

19@media (min-width: 1200px){.banner-increased-padding .banner-subtitle.wd-fontsize-xs{font-size:1vw}

20.banner-increased-padding .banner-subtitle.wd-fontsize-s{font-size:1.1vw}

21.banner-increased-padding .banner-subtitle.wd-fontsize-m{font-size:1.3vw}

22.banner-increased-padding .banner-title.wd-fontsize-s{font-size:1.2vw}

23.banner-increased-padding .banner-title.wd-fontsize-l{font-size:1.6vw}

24.banner-increased-padding .banner-title.wd-fontsize-xl{font-size:2vw}

25.banner-increased-padding .banner-title.wd-fontsize-xxl{font-size:2.3vw}

26}

27@media (max-width: 1199.98px){.banner-subtitle.wd-fontsize-xs{font-size:1vw}

28.banner-subtitle.wd-fontsize-s{font-size:1.1vw}

29.banner-subtitle.wd-fontsize-m{font-size:1.3vw}

30.banner-title.wd-fontsize-s{font-size:1.2vw}

31.banner-title.wd-fontsize-l{font-size:1.6vw}

32.banner-title.wd-fontsize-xl{font-size:2vw}

33.banner-title.wd-fontsize-xxl{font-size:2.3vw}

34}

35@media (max-width: 1024px){.banner-inner.wd-fontsize-m{font-size:16px}

36}

37@media (max-width: 768.98px){.banner-btn-wrapper :is(.btn-size-default,.btn-size-large,.btn-size-extra-large){padding:5px 14px;min-height:36px;font-size:12px}

38.banner-btn-wrapper .btn-style-link{padding:0;min-height:unset}

39[style*="col-sm:1"] .banner-subtitle{font-size:3vw}

40[style*="col-sm:1"] .banner-title{font-size:5vw}

...

</html>