/**
 * Service Rows styles.
 *
 * Edit via Cahillbrand → Stylesheets or Appearance → Theme File Editor.
 */

.service-row {
	background: transparent;
	transition: background 0.3s ease;
}

.service-row:hover {
	background: var(--cb-dawn-light);
}

.service-row .service-row-color p {
	transition: color 0.3s ease;
}
.service-row:hover .service-row-color p {
	color: var(--cb-reading-red)
}

.service-row .service-row-quote {
    position: relative;
    overflow: hidden;
    transition: background 0.3s ease;
}

.service-row .service-row-quote::after {
    content: '';
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 220px;
    height: 220px;
    background-image: url('/wp-content/uploads/2026/06/Dusky-Lilac-2.svg');
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.06;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

.service-row:nth-of-type(odd) .service-row-quote::after {
    right: auto;
    left: -20px;
}

.service-row:hover .service-row-quote::after {
    opacity: 0.18;
}

.service-row .service-row-quote p {
	transition: color 0.3s ease, font-size 0.3s ease;
}
.service-row:hover .service-row-quote {
	background: rgba(111, 99, 188, 0.05);
}
.service-row:hover .service-row-quote p {
	color: var(--cb-ultraviolet);
	font-size: 38px;
}