Skip to Content

CSS File

URL: https://www.we-are-digital.co.uk/hs-fs/hub/20293962/hub_generated/template_assets/50309135494/1644250291408/DD_Theme/modules/css/dd21-left-right-content.min.css
HTTP Status: 200 OK
MIME Type: text/css
Last Modified: Mon, 07 Feb 2022 16:11:32 GMT
Download Time: Less than a second
Cookies: None
Size: 3 KB
Rules: 42 style rules
Imports: 0 stylesheets
HTTP Headers:  24 headers
Links In:  1 pages
Links Out:  0 links
Images:  0 images
CSS:  0 files
JavaScript:  0 files
  
OK Issues: No issues found

1.left-right__container{display:flex;justify-content:space-between}

2.left-right__inner.left-right__inner{display:flex}

3.left-right__container--v-align-top{align-items:flex-start}

4.left-right__container--v-align-center{align-items:center}

5.left-right__container--v-align-bottom{align-items:flex-end}

6.left-right__container--v-align-stretch{align-items:stretch}

7.left-right__container--v-align-top .left-right__inner{align-items:flex-start}

8.left-right__container--v-align-center .left-right__inner{align-items:center}

9.left-right__container--v-align-bottom .left-right__inner{align-items:flex-end}

10.left-right__container--v-align-stretch .left-right__inner{align-items:stretch}

11.left-right__inner{width:47.7%}

12.left-right__text-text{margin-bottom:-1em;width:100%}

13div+.left-right__text-text,h2+.left-right__text-text{margin-top:.7em}

14.left-right__inner:nth-child(2) .left-right__text,.left-right__inner:nth-child(2) .left-right__cta,.left-right__inner:nth-child(2) .left-right__form{margin-left:auto}

15.left-right__text{display:flex;flex-direction:column;align-items:flex-start}

16.left-right__quote{margin-top:4rem;display:flex;align-items:flex-start}

17.left-right__quote-image{width:4.4rem;border-radius:50%}

18.left-right__quote-text{margin-left:2rem;font-size:1.6rem}

19.left-right__image--fit{width:100%;height:100%;

-o-object-fit:cover;object-fit:cover;font-family:'object-fit: cover;'}

20.left-right__image--crop{background:no-repeat 50% 50%/cover;height:100%}

21.left-right__image--mob-only{display:none}

22.left-right__video{width:100%}

23.left-right__video iframe{width:100%}

24.left-right__icons{width:100%;margin-top:1rem;display:flex;flex-direction:column;justify-content:space-between}

25.left-right__icons__item{display:flex;align-items:center;margin:.5rem 0}

26.left-right__icons__img{max-width:4rem;max-height:4rem;width:100%;margin-right:.8rem}

27.left-right__icons__item p{margin:.5rem 0}

28.left-right__cta{margin-bottom:0;height:100%;text-align:left;align-items:flex-start}

29.left-right__cta .btn{margin-top:auto}

30.left-right__form{padding:4rem;height:inherit}

31.left-right__form-title{margin-top:0;margin-bottom:3rem;color:#FFF}

32.left-right__form form.hs-form.hs-form.hs-form input.hs-button{margin-left:0;display:block;width:auto !important}

33.left-right__testimonial__top{display:flex;align-items:center;margin-bottom:3rem}

34.left-right__testimonial__img{width:8.6rem;height:8.6rem;background:no-repeat 50% 50%/cover;border-radius:50%;margin-right:2rem}

35.left-right__testimonial__text{display:flex;flex-direction:column;align-items:flex-start}

36.left-right__testimonial__text span{margin:.2em 0}

37@media only screen and (max-width:1024px){.left-right__form{margin-left:0;width:100%;max-width:100%;padding:5rem 4rem}

38}

39@media only screen and (max-width:768px){.left-right__container{flex-direction:column}

40.left-right__container--mob-reverse{flex-direction:column-reverse}

41.left-right__inner{width:100%;margin:2rem 0}

42.left-right__image--crop{display:none}

43.left-right__image--mob-only{display:block}

44}