.blog_grid {
margin-bottom: 50px;
}
section.blog_hero {
background: #0d0d0d; margin-bottom: 50px;
}
section.blog_hero > .l-section-h div.g-cols.vc_row {
padding: 90px 0;
}
section.blog_hero:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: url(//www.alpha-techgroup.co.uk/wp-content/uploads/2023/11/alpha-tech-group-shape.png);
background-size: 100%;
mix-blend-mode: hard-light;
background-repeat: no-repeat;
}
.blog_hero h1 {
color: #fff;
z-index: 1;
position: relative;
} .blog_grid div.w-grid-item-h {
box-shadow: 0px 4px 57px 0px #00000029;
} .blog_grid article.post {
padding: 15px !important;
} .blog_grid .w-grid-list .w-grid-item-h h2.post_title {
color: #fff;
line-height: 33.6px !important;
background: #ff7e10 url(//www.alpha-techgroup.co.uk/wp-content/uploads/2024/01/Alpha-Tech-blog-title.svg) no-repeat 180% / 80%;
padding: 30px 70px 30px 30px !important;
text-shadow: 2px 2px 10px #ff7e10;
margin-bottom: 0px !important;
position: relative;
z-index: 1;
overflow: hidden;
} body .blog_grid .w-grid-list .w-grid-item-h h2.post_title a {
font-size: 24px;
display: inline-block;
font-weight: 400;
} body .blog_grid .w-grid-list .w-grid-item-h h2.post_title a:hover {
text-decoration: underline;
} body .blog_grid .blog_time {
font-size: 20px;
font-weight: 700;
line-height: 32px;
color: #2b2b2b;
text-align: center;
padding-top: 20px;
padding-bottom: 14px;
width: 100%;
font-style: italic;
} body .blog_grid .w-grid-item-h .blog_content {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
font-weight: 400;
line-height: 25.2px;
text-align: center;
padding: 0px 50px;
color: #2b2b2b;
} body .blog_grid .w-grid-item-h .blog_content p {
display: block;
} body .blog_grid div.button_wrapper {
justify-content: center;
} body .blog_grid .post_button {
margin-top: 25px;
margin-bottom: 35px;
padding: 15px 25px;
background: linear-gradient(90deg, #ff6700 0%, #ff911e 100%) !important;
color: #ffffff !important;
border-radius: 0;
} body .blog_grid .post_button:hover {
color: var(--color-content-link-hover) !important;
} @media (max-width: 1500px) {
section.blog_hero > .l-section-h div.g-cols.vc_row {
padding: 70px 0;
}
}
@media (max-width: 1300px) {
body .blog_grid .blog_time {
padding-top: 15px;
}
body .blog_grid .w-grid-item-h .blog_content {
padding: 0px 35px;
}
.blog_grid .w-grid-list .w-grid-item-h h2.post_title {
padding-right: 50px !important;
}
body .blog_grid .w-grid-list .w-grid-item-h h2.post_title a {
margin: 0;
}
body .blog_grid .post_button {
margin-top: 20px;
margin-bottom: 30px;
}
.blog_grid .w-grid-list .w-grid-item-h h2.post_title {
background-size: 90%;
background-position: 300%;
}
}
@media (max-width: 1100px) {
.blog_page_title.mml_h1row1_inner.mml_h1row2 p {
padding: 30px 0;
}
.blog_grid .w-grid-list .w-grid-item-h h2.post_title {
background-size: 80%;
background-position: 170%;
}
}
@media (max-width: 1000px) {
body .blog_grid .post_button {
margin-top: 15px;
margin-bottom: 10px;
}
body .blog_grid .w-grid-list .w-grid-item-h h2.post_title a {
font-size: 20px;
}
body .blog_grid .blog_time {
padding: 10px;
font-size: 17px;
}
body .blog_grid .w-grid-list .w-grid-item-h h2.post_title {
padding: 20px !important;
}
.single-post section.blog_hero > .l-section-h div.g-cols.vc_row {
padding: 40px 0;
}
}
@media (max-width: 767px) {
.blog_grid article.w-grid-item {
margin: 0 !important;
}
.blog_grid .w-grid-item {
padding: 15px 1.5rem !important;
}
.blog_grid .w-grid-list .w-grid-item-h h2.post_title {
background-size: 54%;
background-position: 120%;
}
.page-id-1396 .g-cols.via_flex.type_default > div > .vc_column-inner {
padding: 0;
}
}
@media (max-width: 400px) {
.blog_page_title.mml_h1row1_inner.mml_h1row2 p {
padding: 10px 0;
text-align: left !important;
}
}
@media (max-width: 380px) {
.blog_grid .w-grid-item {
padding: 15px 0.5rem !important;
}
}  .single-post .g-cols.via_flex.type_default > div > .vc_column-inner {
padding: 0;
}
.single-post ul { }
.single-post h3 {
font-size: 40px !important;
}
.single-post time.w-post-elm.post_date.entry-date {
display: block;
}
.single-post section.hero_row {
background: #0d0d0d;
margin-bottom: 50px;
}
.single-post section.hero_row > .l-section-h div.g-cols.vc_row {
padding: 90px 0;
}
.single-post section.hero_row:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: url(//www.alpha-techgroup.co.uk/wp-content/uploads/2023/11/alpha-tech-group-shape.png);
background-size: 100%;
mix-blend-mode: hard-light;
background-repeat: no-repeat;
}
.single-post h1.post_title {
color: #fff;
z-index: 1;
position: relative;
}
@media (max-width: 1500px) {
.single-post section.hero_row > .l-section-h div.g-cols.vc_row {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.single-post section.hero_row > .l-section-h div.g-cols.vc_row {
padding: 40px 0;
}
.single-post .l-section {
padding: 0;
}
.single-post .g-cols.via_flex.type_default > div > .vc_column-inner {
padding: 0 1.5rem;
}
.single-post h3 {
font-size: 20px !important;
}
}
@media (max-width: 767px) {
.single-post .post_content ul {
margin-left: 1.5rem;
}
}
@media (min-width: 1024px) {
.single-post h1.post_title {
padding-top: 3rem;
}
}