.cbd-block-textplusimage-outer {
background-color: transparent;
padding: 4rem 0;
}
.cbd-block-textplusimage-inner {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.cbd-block-textplusimage-text {
width: 55%;
padding-top: 2rem;
border-top: 8px solid var(--wp--preset--color--mep-light-grey);
}
.dark .cbd-block-textplusimage-text {
border-top: 8px solid var(--wp--preset--color--mep-light-grey);
}
.light .cbd-block-textplusimage-text {
border-top: 8px solid var(--wp--preset--color--mep-white);
}
.cbd-block-textplusimage-text h2 {
font-size: 2.1em;
font-weight: 500;
margin-top: 0;
}
.cbd-block-textplusimage-text ul.wp-block-page-list {
max-width: 400px;
}
.wp-block-cbd-block-textplusimage-right {
width: 40%;
}
.cbd-block-textplusimage-image:before {
content: url(//mep-ltd.uk/wp-content/themes/minerva-elite/blocks/textplusimage/image-tri.svg);
width: 42px;
height: 37px;
position: absolute;
right: 0.8rem;
bottom: 0.8rem;
z-index: 9;
}
.cbd-block-textplusimage-image {
position: relative;
margin-bottom: 2rem;
}
.cbd-block-textplusimage-image img {
position: relative;
width: 100%;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.cbd-block-textplusimage-image-title {
color: var(--wp--preset--color--mep-grey);
margin-bottom: 1.5rem;
font-weight: 400;
line-height: 1.3em;
font-size: 1.7em;
}
.cbd-block-textplusimage-image-title strong {
color: var(--wp--preset--color--mep-red);
}
.cbd-block-textplusimage-image a {
display: block;
}
.cbd-block-textplusimage-image a img {
opacity: 1;
}
.cbd-block-textplusimage-image a:hover img {
opacity: 0.85;
}
.cbd-block-textplusimage-image img:first-child {
display: block;
width: 100%; }
.cbd-block-textplusimage-desktop-left .cbd-block-textplusimage-text {
order: 2;
margin-right: 0;
}
@media screen and (max-width: 1399px) {
.wp-block-cbd-block-textplusimage {
padding: 3.5vw 0;
}
.cbd-block-textplusimage-inner {
max-width: 1010px;
margin: 0 auto;
}
}
@media screen and (max-width: max-width: 1279px) {
.cbd-block-textplusimage-inner {
max-width: 900px;
}
.cbd-block-textplusimage-text {
width: 52%;
}
}
@media screen and (max-width: 1022px) {
.cbd-block-textplusimage-text h2 {
font-size: 1.7em;
}
}
@media screen and (max-width: 763px) {
.wp-block-cbd-block-textplusimage {
padding: 1.5% 0;
}
.wp-block-cbd-block-textplusimage-right {
width: 100%;
}
.cbd-block-textplusimage-outer {
padding: 2em 0 1em;
}
.cbd-block-textplusimage-inner {
flex-direction: column;
}
.cbd-block-textplusimage-inner .cbd-block-textplusimage-text, .cbd-block-textplusimage-inner .cbd-block-textplusimage-image {
width: 100%;
margin: 1em auto;
}
.cbd-block-textplusimage-mobile-above .cbd-block-textplusimage-text {
order: 2;
padding-top: 1.5em;
}
.cbd-block-textplusimage-mobile-hide .cbd-block-textplusimage-image {
display: none;
}
}
@media screen and (min-width: 500px) and (max-width: 763px) {
.cbd-block-textplusimage-image {
margin-left: auto;
}
}
@media handheld, only screen and (max-width: 992px) {
.cbd-block-textplusimage-inner {
padding-left: 1em;
padding-right: 1em;
}
}