section.rich-links .rich-links-buttons {
margin-top: 30px;
}
section.rich-links.grid{
margin-top: 60px;
}
section.rich-links.show-line svg.header-path-svg{
display: block;
position: absolute;
top: -311px; 
left: 270px;
}
section.rich-links.show-line.is-admin svg.header-path-svg{
display: none;
}
section.rich-links.show-line h2{
width: 265px;
}
section.rich-links h2{
border-bottom: 2px solid #2D3F40;
}
section.rich-links.show-line.is-admin h2{
width: unset;
}
section.rich-links.carousel.is-admin:before {
display: block;
content: "";
top:0;
left: 40px;
right: 40px;
bottom: 0;
position: absolute;
z-index: 1;
}
section.rich-links.grid .service-item-col {
margin-bottom: 20px;
}
section.rich-links.grid .col-lg-4.service-item-col img{
width: 100%;
object-fit: cover;
height: 413px;
}
section.rich-links.grid .service-info {
position: absolute;
z-index: 1;
bottom: 0px;
width: 100%;
background: #fff;
border-top: 15px solid #2D3F40;
font-weight: 800;
font-size: 16px;
line-height: 20px;
color: #2D3F40;
}
section.rich-links.grid .service-title {
float: left;
width: calc(80% - 50px);
padding: 10px 0px 0px 25px;
}
section.rich-links.carousel h1 {
padding: 30px;
}
section.rich-links.carousel .info-panel-overlay {
background: #fff;
border-top: none;
width: 100%;
max-width: 300px;
padding: 20px 30px;
position: absolute;
z-index: 1;
}
section.rich-links.carousel .info-panel-overlay .h7 {
color: #2D3F40;
margin-bottom: 10px;
}
section.rich-links.carousel .btn {
position: absolute;
bottom: 0px;
right: 0px;
}
section.rich-links .learn-carousel {
width: 100%;
padding: 0px 50px;
}
section.rich-links .learn-carousel.static {
width: 100%;
padding: 0px;
}
section.rich-links.carousel .slick-prev, section.rich-links.carousel .slick-next {
width: 39px;
height: 39px;
}
section.rich-links.carousel .slick-next {
right: 0px;
}
section.rich-links.carousel .slick-prev {
left: 0px;
}
section.rich-links.carousel .slick-prev:before, section.rich-links.carousel .slick-next:before {
font-family: none;
opacity: 1;
}
section.rich-links.carousel .slick-prev:before
{
content: ' ';
background-image: url(//www.stoneworld.co.uk/wp-content/themes/stoneworld/templates/template-parts/blocks/rich-links/images/carousel-arrow-left.svg);
background-repeat: no-repeat;
background-size: 39px 39px;
width: 39px;
height: 39px;
display: block;
}
section.rich-links.carousel .slick-next:before
{
content: ' ';
background-image: url(//www.stoneworld.co.uk/wp-content/themes/stoneworld/templates/template-parts/blocks/rich-links/images/carousel-arrow-right.svg);
background-repeat: no-repeat;
background-size: 39px 39px;
width: 39px;
height: 39px;
display: block;
}
section.rich-links .info-panel-overlay.top {
top: 0px;
left: 0px;
}
section.rich-links .info-panel-overlay {
background: #fff;
border-top: 15px solid #2D3F40;
width: 100%;
max-width: 400px;
padding: 30px;
position: absolute;
z-index: 1;
}
section.rich-links.info-panel-overlay.top {
top: 0px;
left: 0px;
}
section.rich-links.info-panel-overlay.bottom {
bottom: 0px;
left: 0px;
}
section.rich-links .info-panel-overlay .btn {
position: absolute;
right: -50px;
top: -15px;
}
section.rich-links p.is-style-paragraph-statement{
font-family: 'Lustria', serif;
font-size: 26px;
line-height: 30px;
font-style: normal;
font-weight: 400;
margin-bottom: 1rem;
}
.basic-header{
display: flex;
justify-content: space-between;
align-items: end;
margin-bottom: 32px;
h2{
margin-bottom: 0;
padding-bottom: 0;
}
}
.rich-link-basic-card{
aspect-ratio: 1/1;
overflow: hidden;
position: relative;
color:#fff;
-webkit-box-shadow: 10px 10px 0px 0px #E8ECEC; 
text-align: center;
box-shadow: 10px 10px 0px 0px #E8ECEC;
h3{
font-family: "Playfair Display", Lustria, serif!important;
font-size: 32px!important;
font-weight: 500!important;
margin-bottom: 10px!important;
padding-bottom: 0px!important;
color: rgb(255, 255, 255)!important;
text-shadow: rgba(0, 0, 0, 0.4) 2px 2px 8px!important;
z-index: 1;
}
a{
color: #fff;;
}
span{
border-bottom: 1px solid #fff;
padding: 4px 4px;
font-size: 12px;
transition: all 0.3s ease-out;
letter-spacing: 0.1em;
text-transform: uppercase;
z-index: 1;
}
a:hover span{
transform: scale(1.1);
border-bottom: 1px solid rgba(255, 255, 255, 0);
}
}
.rich-link-basic-card img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.3s ease-in-out;
}
.rich-link-basic-card:hover{
img{transform: scale(1.1);}
}
.rich-link-basic-card .card-content{
position: absolute;
left: 0;
top:0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
gap: 16px;
align-items: center;
justify-content: center;
}
.rich-link-black-overlay{
background: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
@media (max-width: 1280px) { 
section.rich-links.show-line h2{
width: unset;
}
section.rich-links.show-line svg.header-path-svg{
display: none;
}
}
@media (max-width: 1024px) { 
section.rich-links   .learn-item-margin {
margin-bottom: 20px;
}
.rich-link-basic-card {
margin-bottom: 30px;
}
section.rich-links  .rich-links-buttons {
margin-bottom: 50px;
}  
section.rich-links  .rich-links-buttons .btn {
min-width: 0px;
}  
}
@media (max-width: 768px) { 
section.rich-links.grid .rich-links-grid-row:nth-child(odd) {
flex-direction: column-reverse;
}
section.rich-links.carousel .info-panel-overlay{
position: initial;
padding: 20px 30px;
}
section.rich-links .info-panel-overlay.top {
top: 0px;
left: 0px;
bottom: 0px;
}
section.rich-links .learn-carousel.static {
width: 100%;
padding: 50px;
}
.card-content{
h3{
font-size:30px!important;
}
}
}