Skip to Content

CSS File

URL: https://www.we-are-digital.co.uk/hs-fs/hub/20293962/hub_generated/template_assets/50307985415/1644253435261/DD_Theme/assets/css/blog.min.css
HTTP Status: 200 OK
MIME Type: text/css
Last Modified: Mon, 07 Feb 2022 17:03:56 GMT
Download Time: Less than a second
Cookies: None
Size: 9 KB
Rules: 104 style rules
Imports: 0 stylesheets
HTTP Headers:  25 headers
Links In:  1 pages
Links Out:  0 links
Images:  1 images
CSS:  0 files
JavaScript:  0 files
  
OK Issues: No issues found

1.blog__container{width:100%}

2.blog .blog-section .overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}

3.blog .blog-section .overcol{display:block;width:100%;height:100%}

4.blog-listing-wrapper{padding:45px 0 90px;margin:0 auto 50px}

5.post__image{width:calc(710px * 1.2);max-width:100vw;position:relative;left:50%;transform:translate(-50%);text-align:center;margin:60px 0}

6.tag-type{

display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center;width:100%;margin:0 auto 50px}

7.tag-type.up{margin:0 auto 30px}

8.tag-type .cats{max-width:auto}

9.tag-type .cats a{opacity:.35;

-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;

-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin-right:1em;margin-bottom:1em}

10.tag-type .cats a:hover{opacity:1}

11.tag-type .cats a.active{opacity:1}

12.tag-type select{font-family:inherit;font-weight:400;font-size:1.8rem;background:url(https://cdn2.hubspot.net/hubfs/434319/Images/icon-chevron-down.svg) no-repeat calc(100% - 20px) center #dbdbdb;border:0;width:auto;padding:10px 45px 10px 30px;appearance:none;

-webkit-appearance:none}

13.post-listing{

display:flex;flex-wrap:wrap;text-align:center;width:calc(100% + 4%);margin:0 -2%}

14.post-listing .post-item{position:relative;margin:0 2% 4% 2%}

15.post-listing .post-item:not(.post-item--feat){width:29.33%;padding:0}

16.post-listing .post-item.post-item--feat{width:62.66%}

17.post-listing .post-item.post-item--feat .post-header h3{font-size:2.2rem;text-align:left}

18.post-listing .inner{box-shadow:2px 2px 9px rgba(0,0,0,0.16);min-height:100%;flex-grow:1;

display:flex;flex-direction:column}

19.post-item .post-header{text-align:left;padding:20px 25px;min-height:100%;

display:flex;flex-grow:1;flex-direction:column;justify-content:center}

20.post-item .post-header h3,.rel-posts .post-header h3{font-size:2.2rem;margin:0}

21.post-item .post-header h3 a{color:inherit;

-webkit-transition:color .3s ease;

-moz-transition:color .3s ease;

-ms-transition:color .3s ease;

-o-transition:color .3s ease;transition:color .3s ease}

22.post-item .post-header h3 a:hover{color:#ff7e00}

23.hs-featured-image-wrapper{position:relative;height:220px;overflow:hidden}

24.feat-sub .hs-featured-image-wrapper{padding:16%}

25.hs-featured-image{display:none;float:none;margin:0;max-width:100%}

26.hs-blog-link{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;transition:transform .8s ease}

27.hs-blog-link:hover+.inner .hs-featured-image-wrapper .bg-image{

-moz-transform:scale(1.2);

-webkit-transform:scale(1.2);

-o-transform:scale(1.2);

-ms-transform:scale(1.2);transform:scale(1.2)}

28.hs-blog-link:hover+.inner .post-header>*{color:#9c5fa4}

29.post-item .post-meta{font-size:1.8rem;padding:15px;

display:flex;justify-content:space-between}

30.post-item .post-meta .post-meta__type{font-weight:700}

31.post-item .bg-image{

-webkit-transition:transform .8s ease;

-moz-transition:transform .8s ease;

-ms-transition:transform .8s ease;

-o-transition:transform .8s ease;transition:transform .8s ease;height:inherit}

32.post-item .hs-featured-image-wrapper:hover .bg-image{

-moz-transform:scale(1.2);

-webkit-transform:scale(1.2);

-o-transform:scale(1.2);

-ms-transform:scale(1.2);transform:scale(1.2)}

33.post-item .topic-link{position:absolute;bottom:17px;right:0;padding:10px 40px 10px 20px;font-family:inherit;font-size:1.6rem;font-weight:400;max-width:75%;text-align:right;border-radius:initial}

34.feat-sub .item{

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;box-sizing:border-box}

35.feat-sub .inner{box-shadow:2px 2px 9px rgba(0,0,0,0.16)}

36.blog-pagination{text-align:center;padding:0 15px;margin:50px 0 0}

37.blog-pagination>div{display:inline-block;vertical-align:top}

38.blog-pagination a{display:inline-block;vertical-align:top;width:45px;height:45px;line-height:45px;font-family:inherit;font-weight:600;font-size:1.5rem;text-align:center;color:#6f6f6f;background-color:#ebebeb;margin:0 4px 0 0;border-radius:50%;

-moz-border-radius:50%;

-webkit-border-radius:50%;

-webkit-transition:background .3s ease;

-moz-transition:background .3s ease;

-ms-transition:background .3s ease;

-o-transition:background .3s ease;transition:background .3s ease}

39.blog-pagination a:hover{color:#ebebeb;background-color:#6f6f6f}

40.blog-pagination li.active{color:#ebebeb;background-color:#6f6f6f}

41body.blog .widget-type-blog_subscribe{background:#9c5fa4;color:#fff}

42body.blog .hs_cos_wrapper_type_blog_subscribe{display:block;padding:6rem}

43body.blog .hs_cos_wrapper_type_blog_subscribe h3.form-title{display:none}

44body.blog .hs_cos_wrapper_type_blog_subscribe .hs-form label{color:#fff}

45.post-banner{position:relative}

46.blog-post-wrapper-banner{

display:flex;flex-direction:column;max-width:710px;width:100%;margin:0 auto;position:relative;z-index:3;color:#fff}

47.blog-post-wrapper-banner .divider{color:#9c5fa4 !important}

48.color-light .blog-post-wrapper-banner .divider{color:#fff !important}

49.blog-post-wrapper-banner .topic-links{

display:flex;justify-content:flex-start;flex-wrap:wrap;margin-bottom:15px}

50.blog-post-wrapper-banner .topic-link{margin-bottom:20px;margin-right:20px}

51.blog-post-wrapper.blog-post{display:block;position:relative}

52.post-body .hs_cos_wrapper.hs_cos_wrapper_meta_field.hs_cos_wrapper_type_rich_text{display:block;max-width:710px;margin:90px auto;position:relative}

53.blog-post-wrapper .header-spacer{display:block}

54.post-content{width:90%;max-width:1170px;margin:0 auto;padding:60px 0 80px}

55.post-content .span9{padding:0 60px 0 0}

56.share span{

display:flex;align-items:center}

57.share .hs_cos_wrapper_type_social_sharing:before{content:"Share Article:";font-weight:700;font-size:1.8rem;line-height:20px;margin-right:10px;position:relative}

58.share .hs_cos_wrapper_type_social_sharing a:hover{background:#9c5fa4;border-color:#9c5fa4 !important;text-decoration:none}

59.share .hs_cos_wrapper_type_social_sharing a{border-radius:24px !important;border:1px solid;font-size:1.4rem;

display:flex;justify-content:center;align-items:center;padding:5px;margin:0 0 0 .8rem}

60.about-author-sec{

display:flex;justify-content:space-between;font-size:1.8rem;line-height:28px;padding:50px 0;margin:30px 0 0;max-width:705px;margin:30px auto;border-top:1px solid #9c5fa4}

61.about-author-sec.false{display:none}

62.about-author-sec__img{width:140px;height:140px;border-radius:140px;

-moz-border-radius:140px;

-webkit-border-radius:140px;box-shadow:2px 2px 9px rgba(0,0,0,0.16);overflow:hidden;background-size:cover;background-position:center}

63.about-author-sec__bio{width:66%}

64.about-author-sec .author-link p:first-child{margin:0 0 5px}

65.about-author-sec .author-link{color:inherit}

66.post-content .span3>div:nth-child(n+2){margin:50px 0 0}

67.post-content .span3 h3{font-size:25px;line-height:37px}

68.post-content .span3 a:hover{text-decoration:underline}

69.post-content .hs-related-blog-item:nth-child(n+2){margin:1em 0 0}

70.post-content .hs-related-blog-byline,.post-content .hs-related-blog-item-image-wrapper{display:none}

71.post-cta{display:table;table-layout:fixed;width:100%;background:#f4f6f8}

72.post-cta.false{display:none}

73.post-cta .image{display:table-cell;width:50%;vertical-align:middle}

74.post-cta .image img{display:none}

75.post-cta .text{display:table-cell;width:50%;vertical-align:middle;text-align:right}

76.post-cta .text .inner{display:inline-block;text-align:left;max-width:580px;padding:75px 75px 75px 0;

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;box-sizing:border-box}

77.post-cta .text .hs_cos_wrapper_type_cta{display:block;margin:25px 0 0}

78.data-share{

display:flex;justify-content:space-between}

79.data-share__type{font-size:2rem}

80.data-share__type p{font-size:px}

81.data-share__type--clock{margin-left:10px}

82.data-share__type--calendar{margin-right:10px}

83.rel-posts{

display:flex;flex-wrap:wrap;text-align:center;margin:0 auto}

84.rel-posts__header{

display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:4.5rem}

85.view-all-link{display:inline-block;vertical-align:top;margin:20px 0}

86@media only screen and (max-width:852px){.blog-post-wrapper-banner{width:90%;max-width:none}

87}

88@media only screen and (max-width:768px){.post-listing .post-item.post-item--feat{width:96%}

89.tag-type{width:100%}

90.post-listing .post-item:not(.post-item--feat){width:46%}

91.tag-type .types,.tag-type .types select{width:100%;margin:2rem 0}

92.post-body .hs_cos_wrapper.hs_cos_wrapper_meta_field.hs_cos_wrapper_type_rich_text{width:90%}

93.about-author-sec{flex-direction:column;align-items:center;text-align:center}

94.about-author-sec__img{margin-bottom:10px}

95.about-author-sec__bio{width:90%;max-width:710px;margin:auto}

96.rel-posts{width:90%;padding:30px 0px}

97.rel-posts .post-listing .post-item:not(.post-item--feat){margin:0 0 6% 0}

98.post-listing--rel{width:100%;margin:auto;justify-content:space-between}

99}

100@media only screen and (max-width:640px){.hs_cos_wrapper_type_social_sharing{margin-top:20px}

101.post-listing .post-item:not(.post-item--feat){width:100%}

102.rel-posts__header{flex-direction:column;align-items:center;text-align:center}

103}

104@media only screen and (max-width:400px){.data-share__type,.share{width:100%}

105}

106.blog-section .hs-author-profile{width:90%;max-width:1170px;margin:0 auto;padding:0 0 15px;padding-bottom:30px}

107.hs-author-profile .hs-author-avatar img{display:none !important}

108.blog-section .hs-author-listing-header{display:none}