body {
font-family: 'Figtree', sans-serif;
} h1, .title h1, .title.title_size_large h1 {
font-size: 72px;
line-height: 84px;
letter-spacing: -1px;
font-family: 'Libre Baskerville', sans-serif;
font-weight: 700;
color: #37352f;
text-transform: none;
}
h2 {
font-size: 34px;
line-height: 48px;
letter-spacing: -1px;
font-family: 'Libre Baskerville', sans-serif;
font-weight: 700;
color: #37352f;
text-transform: none;
}
h3 {
font-size: 24px;
line-height: 32px;
letter-spacing: -0.5px;
font-family: 'Figtree', sans-serif;
font-weight: 700;
color: #37352f;
text-transform: none;
}
h4, h4 a {
font-size: 20px;
line-height: 28px;
letter-spacing: -0.5px;
font-family: 'Figtree', sans-serif;
font-weight: 700;
color: #37352f;
}
h5 {
font-size: 14px;
line-height: 24px;
letter-spacing: 0.004em;
font-family: 'Figtree', sans-serif;
font-weight: 700;
color: #EE5A30;
}
h6 {
font-size: 14px;
line-height: 24px;
letter-spacing: -0.5px;
font-family: 'Figtree', sans-serif;
font-weight: 700;
color: #37352f;
} .subtext-l1 {
font-size: 24px;
line-height:34px;
color: #979B9B;
}
.subtext-l2 {
font-size: 20px;
line-height:30px;
color: #545454;
max-width: 950px;
display: inline-block;
}
.subtext-l3 {
font-size: 16px;
line-height:24px;
color: #545454;
} @media only screen and (max-width: 768px){
} @media only screen and (max-width: 600px){
h1 {
font-size: 32px;
line-height: 44px;
letter-spacing: -.04em;
}
h2 {
font-size: 32px;
line-height: 44px;
letter-spacing: -.04em;
}
} .text_above_title a {
font-size: 16px !important;
font-weight: 500 !important;
margin-top: 20px !important;
} .button-hero-cta {
border-radius: 2px;
border: 0px solid transparent;
border-color: #4FC1E7;
box-shadow: 6px 6px 0 rgba(79, 193, 231, 0.6);
color: #fff;
width: auto;
font-weight: 700;
text-align:center;
font-size: 16px;
line-height:24px;
letter-spacing: 0px;
padding: 12px 24px;
background-color: #37352f;
}
.button-hero-cta:hover {
color: #fff !important;
background-color:#4fc1e7;
cursor: pointer;
}
.cta-arrow {
height: 12px;
} .text-link {
display: inline-block;
padding-right: 24px;
background-image: url(https://groupvisual.io/designinganalytics/wp-content/uploads/2023/05/arrow-link-text-16.svg);
background-position: 100% 50%;
background-size: auto;
background-repeat: no-repeat;
font-size: 16px;
font-weight: bold;
line-height: 24px;
text-decoration: none;
}
.text-link:hover {
display: inline-block;
padding-right: 24px;
background-image: url(https://groupvisual.io/designinganalytics/wp-content/uploads/2023/05/arrow-link-text-cyan-16.svg);
background-position: 100% 50%;
background-size: auto;
background-repeat: no-repeat;
font-size: 16px;
font-weight: bold;
line-height: 24px;
text-decoration: none;
} .inverted {
color: #ffffff;
}
.inverted-lite {
color: #979B9B;
}
.inv-link {
color: #4FC1E7;
}
.bttn-inv {
border-radius: 2px;
border: 0px solid transparent;
border-color: #4FC1E7;
box-shadow: 6px 6px 0 rgba(79, 193, 231, 0.6);
color: #000;
width: auto;
font-family: 'DM Sans', proxima-nova, sans-serif;
font-weight: 700;
text-align:center;
font-size: 16px;
line-height:24px;
letter-spacing: 0px;
padding: 12px 24px;
background-color: #fff;
}
.contrast-gray p {
color: #737777 !important;
}  .q_masonry_blog article {
border-radius: 12px;
background: #73AD21;
padding: 12px !important;
box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.03), 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.q_masonry_blog article img {
filter: saturate(0%);
border-radius: 12px;
outline: 4px solid #fff;
outline-offset: -4px;
}
.q_masonry_blog article img:hover {
filter: saturate(100%);
}
.q_masonry_blog_excerpt {
color: #737777 !important;
}  .callout{
background: url(https://groupvisual.io/designinganalytics/wp-content/uploads/2023/04/brush.svg);
background-size: 100% 100%;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
border-radius: 0.25rem;
overflow-wrap: break-word;
border: 0px;
padding: 8px 14px 14px 52px;
}
.callout::before {
content: url(https://groupvisual.io/designinganalytics/wp-content/uploads/2023/04/form-validation-check-badge.svg);
position:absolute; top:12px; left:12px;
}
.callout p{
color: black;
}
div.post_text_inner {
margin-left: 0px !important;
}
.single-post blockquote .quote{
border-left-style: solid;
border-left-width: 4px;
border-image: 
linear-gradient(
to bottom, 
#D9D9D9, 
rgba(0, 0, 0, 0)
) 1 100%;
padding: 0px 20px;
}
.single-post blockquote.quote p {
color: #737777 !important;
font-size: 90%;
} .ez-toc-open-icon {
background-color: #ee5a30 !important;
color: #fff;
padding: 15px 20px 25px 15px !important;
}
.ez-toc-open-icon:hover {
background-color: #DA3B1C !important;
color: #fff;
}
.ez-toc-list-level-3 a {
font-size: 14px !important;
}
#ez-toc-container ul, #ez-toc-container {
font-size: 16px !important;
}
#ez-toc-container a {
display: contents !important;
}
#ez-toc-container li {
margin: 4px 0px !important;
} .single-post p:has(img) {
margin: 0px !important;
}
.blog-caption {
color: #737777 !important;
font-size: 14px !important;
text-align: center;
padding-bottom: 1.2em;
margin-top: 0px !important;
margin-left: 10%;
margin-right: 10%;
line-height: 20px !important;
} div.post_info {
display:none !important;
}
div.tags_text {
display:none !important;
}
span.date.entry_date.updated {
display:none !important;
}
.post_excerpt {
margin-top: 12px;
font-size: 16px;
color: #737777;
}
.blog_holder.blog_small_image article {
margin: 0 0 16px;
}
div.container_inner.default_template_holder {
justify-content: center;
display: flex;
}
div.blog_single {
max-width: 680px;
} div.blog_single p:not(.blog-caption), .postList, div.blog_single ul {
line-height: 24px !important;
font-size: 16px;
word-break: break-word;
letter-spacing: -0.003em;
} div.blog_single h2 {
margin-bottom: 24px;
margin-top: 64px;
} div.blog_single h3 {
margin-top: 40px;    
margin-bottom: 8px;
}
.postList, div.blog_single ul {
list-style: square;
padding-left: 24px !important;
margin-bottom: 22px;
}
div.blog_single ul ul{
list-style: circle;
padding-left: 32px !important;
margin-bottom: 0px;
}
.postList li, div.blog_single li {
margin: 0 0 8px !important;
}
h2.entry_title {
font-family: 'Libre Baskerville', proxima-nova, sans-serif;
font-weight: 700;
}
div.post_text_inner {
border-radius: 12px;
margin-left:12px;
}
div.blog_small_image img {
filter: saturate(0%);
border-radius: 12px;
outline: 4px solid #fff;
outline-offset: -4px;
}
div.blog_small_image article {
background-color: #fff;
border-radius: 12px;
box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.03), 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.blog_single .entry_title {
display:none !important;
}
.single container_inner.default_template_holder {
padding-top: 36px !important;
}
.title.title_size_large.position_left  {
height: auto !important;
}
.blog_single .vc_column-inner, .blog_single .post_text_inner {
padding: 0px !important;
}
.blog_single img {
border-radius: 4px;
margin-bottom: 12px;
} div.blog_single .post_content_holder a {
color: #292929;
background: linear-gradient(180deg, rgba(255,255,255,0) 65%, rgba(79,193,231,0.4) 65%);
display: inline;
}
div.blog_single .post_content_holder a:hover {
color: #292929;
background: linear-gradient(180deg, rgba(255,255,255,0) 65%, rgba(79,193,231,0.6) 65%);
display: inline;
} .sidebar {
color: #737777;
}
.sidebar h5 {
color: #737777;
font-size: 20px;
letter-spacing: 0;
text-transform: none;
}
.sidebar .widget {
margin: 0 0 12px !important;
}
.sidebar li {
font-size: 14px;
line-height: 20px;
margin: 0 0 20px !important;
}
.wp-block-latest-posts {
list-style-image: url(https://groupvisual.io/designinganalytics/wp-content/uploads/2023/04/dash-light2.svg) !important;
padding-left: 14px !important;
} .page_not_found {
padding: 0px 25%;
}
#button_cta{
border: none;
border-radius: 2px;
height: 47px;
width: auto;
color: #ffffff;
font-family: proxima-nova, sans-serif;
font-weight: 700;
text-align:center;
font-size: 16px;
line-height:47px;
letter-spacing: 2px;
padding: 0 32px;
background-color: #ee5a30;
}
#button_cta:hover{
background-color:#f27b5a;
cursor: pointer;
}