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}
41
body.blog .widget-type-blog_subscribe{background:#9c5fa4;color:#fff}
42
body.blog .hs_cos_wrapper_type_blog_subscribe{display:block;padding:6rem}
43
body.blog .hs_cos_wrapper_type_blog_subscribe h3.form-title{display:none}
44
body.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}