.featured-image {
--featured-image-height-standard: 300px;
--featured-image-height-large: 500px;
--featured-image-height-small: 200px;
--featured-content-max-width: 500px;
--overlay-colour-start: rgba(13, 60, 99, 0.9);
--overlay-colour-end: rgba(13, 60, 99, 0);
}
.featured-image {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.featured-image > div.wrap {
min-height: var(--featured-image-height-standard);
}
.featured-image.featured-image-size-large > div.wrap {
min-height: var(--featured-image-height-large);
}
.featured-image.featured-image-size-small > div.wrap {
min-height: var(--featured-image-height-small);
}
.featured-image > div.wrap {
display: flex;
align-items: center;
justify-content: center;
}
.feature-image-content {
position: relative;
z-index: 1;
width: 100%;
max-width: var(--featured-content-max-width);
text-align: center;
}
.feature-image-content * {
color: var(--idc-colour-white);
}
.feature-image-content h1,
.feature-image-content h1 strong {
font-weight: var(--font-weight-bold);
}
.featured-image .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 30%;
z-index: 0;
background: linear-gradient(var(--overlay-colour-start), var(--overlay-colour-end));
max-width: none;
}
@media screen and (max-width: 1000px) {
.featured-image {
--featured-image-height-standard: 300px;
--featured-image-height-large: 350px;
--featured-image-height-small: 150px;
--featured-content-max-width: 300px;
}
}
@media screen and (max-width: 781px) {
.featured-image .wp-block-buttons a.wp-element-button {
display: inline-block;
width: auto;
}
}.idc-service-project-container {
margin: 0;
margin-top: var(--container-gap);
padding: 0;
position: relative;
}
.idc-service-project-container:first-of-type {
margin-top: none;
}
.idc-service-project-image {
position: absolute;
display: block;
width: 40%;
top: 0;
bottom: 0;
left: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border-top-left-radius: var(--box-border-radius);
border-bottom-left-radius: var(--box-border-radius);
}
.idc-service-project-content {
margin-left: 40%;
padding: var(--box-padding);
background: var(--idc-colour-white);
border-top-right-radius: var(--box-border-radius);
border-bottom-right-radius: var(--box-border-radius);
}
.idc-service-project-content h4 a {
color: var(--idc-colour-dark-blue);
text-decoration: none;
}
.idc-service-project-content h4 .spacer {
margin: 0 5px;
color: var(--idc-colour-light-blue);
font-weight: var(--font-weight-light);
}
.idc-service-project-content h4 .location {
font-size: var(--font-size-p);
font-weight: var(--font-weight-medium);
}
@media screen and (max-width: 1000px) {
.idc-service-project-image {
position: relative;
width: 100%;
height: auto;
padding: 22% 0;
border-radius: 0;
border-top-left-radius: var(--box-border-radius);
border-top-right-radius: var(--box-border-radius);
}
.idc-service-project-content {
margin-left: 0;
border-radius: 0;
border-bottom-left-radius: var(--box-border-radius);
border-bottom-right-radius: var(--box-border-radius);
}
}
@media screen and (max-width: 781px) {
.idc-service-project-container a.button {
display: block;
text-align: center;
}
}.idc-testimonial {
display: block;
padding: 0 var(--container-gap);
padding-top: 40px;
background: url(//idcaus.com/wp-content/themes/idc-custom/assets/images/quote/quote-open-dark-blue.png) top left var(--container-gap) no-repeat;
background-size: 30px 21px;
color: var(--idc-colour-dark-blue);
}
.idc-testimonial .content p {
font-style: italic;
font-weight: var(--font-weight-normal);
font-size: var(--font-size-h5);
}
.idc-testimonial p.testimonial-name {
font-weight: var(--font-weight-medium);
}
.idc-testimonial p.testimonial-name .name {
font-weight: var(--font-weight-bold);
font-size: var(--font-size-h5);
}
.idc-testimonial p.testimonial-name .spacer {
padding: 0 10px;
font-weight: var(--font-weight-light);
color: var(--idc-colour-light-blue);
}
.background-light-blue .idc-testimonial p.testimonial-name .spacer {
color: var(--idc-colour-white);
}
.background-light-white .idc-testimonial p.testimonial-name .spacer {
color: var(--idc-colour-light-blue);
} .content-image-box-container .idc-testimonial,
.content-image-box-container .idc-testimonial .content {
padding: 0;
}
.content-image-box-container .idc-testimonial {
padding-top: 40px;
background-position: top left;
} .background-dark-blue .idc-testimonial,
.background-light-blue .idc-testimonial {
color: var(--idc-colour-white);
background-image: url(//idcaus.com/wp-content/themes/idc-custom/assets/images/quote/quote-open-white.png);
}
.background-white .idc-testimonial,
.background-white .idc-testimonial {
color: var(--idc-colour-dark-blue);
background-image: url(//idcaus.com/wp-content/themes/idc-custom/assets/images/quote/quote-open-light-blue.png);
}.idc-carousel-container {
--arrow-size: 30px;
}
.idc-carousel-container .carousel-arrow {
display: block;
width: var(--arrow-size);
height: var(--arrow-size);
line-height: var(--arrow-size);
border-radius: calc(var(--arrow-size) / 2);
text-align: center;
background: url(//idcaus.com/wp-content/themes/idc-custom/assets/images/arrows/dark-blue-left.png) center center no-repeat var(--idc-colour-green);
background-size: 14px 14px;
color: var(--idc-colour-dark-blue);
text-decoration: none;
font-weight: var(--font-weight-bold);
font-size: var(--font-size-h6);
position: absolute;
left: calc(var(--container-gap) * -1);
top: calc(50% - (var(--arrow-size) / 2));
}
.idc-carousel-container .carousel-arrow.next {
left: auto;
right: calc(var(--container-gap) * -1);
background-image: url(//idcaus.com/wp-content/themes/idc-custom/assets/images/arrows/dark-blue-right.png);
}
.background-green .idc-carousel-container .carousel-arrow {
background-color: var(--idc-colour-white);
}
.idc-carousel-container .carousel-arrow:hover {
background-color: var(--idc-colour-green-hover);
text-decoration: none;
}
.background-green .idc-carousel-container .carousel-arrow:hover {
background-color: var(--idc-colour-dark-blue);
background-image: url(//idcaus.com/wp-content/themes/idc-custom/assets/images/arrows/green-left.png);
color: var(--idc-colour-green);
}
.background-green .idc-carousel-container .carousel-arrow.next:hover {
background-image: url(//idcaus.com/wp-content/themes/idc-custom/assets/images/arrows/green-right.png);
}
.idc-carousel-container .slick-track {
display: flex;
align-items: center;
}
.idc-carousel-container figure.wp-block-image {
display: block;
padding: calc(grid-gap);
}
.idc-carousel-container figure.wp-block-image {
display: block;
width: 100%;
max-width: 150px;
height: auto;
margin: 0 auto;
}
@media screen and (max-width: 1000px) {
.idc-carousel-container .carousel-arrow {
left: calc(var(--container-gap) * -0.5);
}
.idc-carousel-container .carousel-arrow.next {
left: auto;
right: calc(var(--container-gap) * -0.5);
}
}
@media screen and (max-width: 600px) {
.idc-carousel-container .carousel-arrow {
left: calc(var(--arrow-size) * -0.5);
}
.idc-carousel-container .carousel-arrow.next {
left: auto;
right: calc(var(--arrow-size) * -0.5);
}
}