Thank you for using Divi Cloud

ADD THE FOLLOWING CODE TO COMPLETE IT  ↓

Give me the css

.blog-page-wrap-heading .intro-content-secondary .tag {
padding-bottom: 15px;
margin-bottom: 14px;
position: relative;
display: block;
font-family: “Georgia”, serif;
font-size: 15px;
color: #fff
}
.blog-page-wrap-heading .intro-content-secondary .tag::after {
width: 20px;
content: ”;
position: absolute;
height: 2px;
bottom: 0;
left: 0;
background: currentColor;
}
.blog-page-wrap-heading .intro-content-secondary .tag a {
color: #fff
}
.blog-page-wrap-heading .intro-content-secondary h4 {
line-height: 1.13;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 23px;
font-size: 45px;
letter-spacing: 4px;
color: #fff;
}
.blog-page-wrap-heading .intro-content-secondary p {
margin-bottom: 31px;
letter-spacing: 0;
text-transform: none;
font-size: 16px;
line-height: 1.63;
font-kerning: normal;
padding-bottom: 0px;
color: #fff;
}
.blog-page-wrap-heading .btn-transparent {
padding: 0 22px;
border: 2px solid #f3f3f0;
font-size: 12px;
line-height: 40px;
font-weight: 600;
letter-spacing: 0.1em;
color: #fff;
text-transform: uppercase;
-webkit-transition: color 0.3s, background 0.3s;
-o-transition: color 0.3s, background 0.3s;
transition: color 0.3s, background 0.3s;
background: transparent;
display: inline-block
}
.blog-page-wrap-heading .btn-transparent:focus,
.blog-page-wrap-heading .btn-transparent:hover {
background: #fff;
color: #000;
}
.blog-posts-section .et_pb_blog_grid .et_pb_post {
padding: 0px;
text-align: left;
border: none;
background: none
}
.blog-posts-section .et_pb_blog_grid .et_pb_post a.entry-featured-image-url {
overflow: hidden
}
.blog-posts-section .et_pb_blog_grid .et_pb_post a.entry-featured-image-url::before,
.blog-posts-section .et_pb_blog_grid .et_pb_post a.entry-featured-image-url:hover::before {
background: #faa41b;
}
.blog-posts-section .et_pb_blog_grid .et_pb_post a.entry-featured-image-url:hover::before {
opacity: .8;
}
.blog-posts-section .et_pb_blog_grid .et_pb_post h2.entry-title {
padding: 29px 20px 10px 24px;
font-weight: 700;
margin: 0 0 15px;
font-size: 20px;
line-height: 1.25;
font-weight: 700;
letter-spacing: 1.6px;
text-transform: uppercase;
}
.blog-posts-section .et_pb_blog_grid .et_pb_post .post-meta {
padding: 0px 20px 6px 24px;
margin-bottom: 25px;
font-style: italic;
position: relative;
display: block;
font-family: “Georgia”, serif;
font-size: 15px;
color: #9ecb3d;
}
.blog-posts-section .et_pb_blog_grid .et_pb_post .post-meta::after {
content: ”;
position: absolute;
width: 12px;
height: 2px;
bottom: 0;
left: 24px;
background: currentColor;
}
.blog-posts-section .et_pb_blog_grid .et_pb_post .post-meta a {
color: #9ecb3d;
font-weight: normal;
}
.blog-posts-section .et_pb_blog_grid .et_pb_post .post-content p {
display: none;
}
.blog-posts-section .et_pb_blog_grid .et_pb_post .post-content {
padding: 0px 20px 0px 24px;
}
.blog-posts-section .et_pb_blog_grid .et_pb_post .post-content a.more-link {
font-weight: 300;
color: #aaa;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.blog-posts-section .et_pb_blog_grid .et_pb_post .post-content a.more-link:hover {
color: #000;
}
.blog-posts-section .et_pb_blog_grid .et_pb_post a.entry-featured-image-url:before {
content: ”;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background: #faa41b;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.blog-posts-section .et_pb_blog_grid .et_pb_post a.entry-featured-image-url .et_overlay {
position: absolute;
top: 60%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: top 0.3s, opacity 0.3s;
-o-transition: top 0.3s, opacity 0.3s;
transition: top 0.3s, opacity 0.3s;
}
.blog-posts-section .et_pb_blog_grid .et_pb_post a.entry-featured-image-url:hover .et_overlay {
top: 50%;
opacity: 1;
}
.blog-posts-section .et_pb_blog_grid .et_pb_post a.entry-featured-image-url .et_overlay {
display: inline-block;
width: 99px;
height: 54px;
vertical-align: middle;
background-image: url(http://empdu.flywheelsites.com/wp-content/uploads/2017/09/ico-handshake.png);
background-size: 100% 100%;
font-size: 0;
line-height: 0;
text-indent: -4004px;
background-color: transparent;
border: none;
}
.blog-posts-section .et_pb_blog_grid .et_pb_image_container {
margin: 0px;
}
.pagination a {
color: #000;
font-family: “Georgia”, serif;
font-size: 14px;
font-style: italic
}
@media (min-width: 981px) {
.blog-posts-section .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3,
.blog-posts-section .et_pb_blog_grid .column {
width: 31.666%!important;
margin-right: 20px!important;
}
#main-content .blog-page-wrap-heading .container:before {
background: none;
}
}
@media all and (max-width: 767px) {
.blog-page-wrap-heading.et_pb_section_0.et_pb_section {
padding: 30px 0;
}
.blog-page-wrap-heading .intro-content-secondary h4 {
font-size: 34px;
}
}

DELETE THIS SECTION AFTER THAT’S DONE ↓

How to add it

Mind & Meaning

“LIFE IS HAPPENING FOR ME”

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.

Read More

No Results Found

The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.

Find the latest COVID19 Business Support & Resources here
X