.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}.page-id-191 section.l-section.wpb_row.height_small.color_alternate {
background: url(//www.swiftsurfacing.co.uk/wp-content/uploads/2023/12/Swift-post-heading.svg) 80% 33%/11% no-repeat #F5F5F5;
} .blog_grid div.w-grid-item-h {
box-shadow: 0px 4px 57px 0px #00000029;
} .blog_grid article.post {
padding: 15px !important;
}
.blog_grid .w-hwrapper {
display: flex;
align-items: center;
justify-content: center;
} .blog_grid .w-grid-list .w-grid-item-h h2.post_title  {
height: auto;
color: #FFFFFF;
text-align: left;
line-height: 31.5px !important;
background: #272973 url(//www.swiftsurfacing.co.uk/wp-content/uploads/2023/12/Swift-blog-title.svg) center right no-repeat;
padding: 30px 70px 30px 30px !important;
text-shadow: 2px 2px 10px #272973;
margin-bottom: 0px !important;
} body .blog_grid .w-grid-list .w-grid-item-h h2.post_title a {
font-size: 24px;
font-weight: 700;
line-height: 28px;
display: inline-block;
} body .blog_grid .blog_time {
font-size: 20px;
font-weight: 600;
line-height: 31.5px;
color: #272973;
font-style: italic;
padding-top: 30px;
padding-bottom: 14px;
} body .blog_grid .w-grid-item-h .blog_content  {
height: auto !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
font-weight: 400;
line-height: 26px;
text-align: center;
position: static;
padding: 0px 50px;
color: #000000;
} 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: 28px;
margin-bottom: 40px;
padding: 9.8px 26.52px 11.39px 27px;
background: #FBB03B;
color: #FFFFFF !important;
display: inline-flex;
font-size: 16px;
line-height: 19.5px !important;
font-weight: 400;
border-radius: 0;
letter-spacing: 0;
text-transform: none;
}
body .blog_grid .post_button:hover { }
.page-id-191 .g-cols.via_flex.type_default>div>.vc_column-inner {
padding-left: 0;
padding-right: 0;
} @media (max-width: 1600px) {
.page-id-191 section.l-section.wpb_row.height_small.color_alternate {
background-size: 15%;
background-position: 90% 26%;
}
}
@media (max-width: 1500px) {
}
@media (max-width: 1300px) {
body .blog_grid .blog_time {
padding-top: 15px;
}
body .blog_grid .w-grid-item-h .blog_content {
padding: 0px 35px;
}
body .blog_grid .w-grid-list .w-grid-item-h h2.post_title {
padding: 30px;
}
body .blog_grid .post_button {
margin-top: 20px;
margin-bottom: 30px;
}
}
@media (max-width: 1100px) {
.page-id-191 section.l-section.wpb_row.height_small.color_alternate {
background-size: 21%;
}
}
@media (max-width: 768px) {
.page-id-191 section.l-section.wpb_row.height_small.color_alternate {
background-size: 25%;
}
body .blog_grid .post_button {
margin-top: 15px;
margin-bottom: 15px;
width: auto;
}
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;
}
}
@media (max-width: 767px) {
.page-id-191 section.l-section.wpb_row.height_small.color_alternate {
background-size: 25%;
background-position: 90% 26%;
}
.blog_grid article.w-grid-item {
padding: 15 !important;
padding-bottom: 15px !important;
}
}
@media (max-width: 380px) {
body .blog_grid .w-grid-list .w-grid-item-h h2.post_title {
}
}
@media (max-width: 370px) {
body .blog_grid .w-grid-list .w-grid-item-h h2.post_title {
}
}  .single-post .w-post-elm.post_date {
display: flex;
justify-content: center;
padding-top: 25px;
}
.single-post .w-sharing .w-sharing-list a {
margin: 0 15px;
font-size: 1.6em;
}
.single-post .w-sharing .w-sharing-list {
margin-top: 15px;
}
.single-post .w-sharing {
margin-bottom: 40px;
}
.single-post section.l-section.wpb_row.height_small.color_alternate {
background: var(--color-alt-content-bg-grad) url(//www.swiftsurfacing.co.uk/wp-content/uploads/2023/12/Swift-post-heading.svg) 80% 30%/12% no-repeat;
}
@media (max-width: 1600px) {
.single-post section.l-section.wpb_row.height_small.color_alternate {
background-size: 15%;
}
}
@media (max-width: 1200px) {
.single-post section.l-section.wpb_row.height_small.color_alternate {
background-size: 21%;
background-position: 90% 30%;
}
}
@media (max-width: 1000px) {
.single-post section.l-section.wpb_row.height_small.color_alternate {
background-size: 39%;
background-position: 100% 23%;
}
}
@media (max-width: 767px) {
.single-post section.l-section.wpb_row.height_small.color_alternate {
background-size: 58%;
}
}