/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

.page-id-1000 .page-header .page-header-title, .page-header.background-image-page-header .page-header-title {
  font-size: 48px !important;
  font-weight: bold;
	text-align:center;
}
.page-id-1000 .background-image-page-header-overlay {
  opacity: .2;
}
.page-id-1078 .page-header {
  background-color: #000;
  padding: 34px 0;
}
.page-id-1078  .page-header .page-header-title {
	font-size: 48px !important;
  color:white;
	font-weight:bold;
}
.check-list > div {
	display:flex;
	gap:20px;
}
.check-list p {
	display:flex;
	align-items:center;
	gap:5px;
}
.check-list p:before {
	display:block;
	content:"";
	height:14px;
	width:14px;
	background-image:url("https://affordable-drains.com/wp-content/uploads/2025/08/check.png");
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
#services-grid > div > .elementor-column h2 {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2em;
}
#services-grid > div > .elementor-column p:last-child {
	margin:0;
} 
#services-grid > div  {
	flex-wrap:wrap;
	justify-content:center;
}
#services-grid > div > .elementor-column {
	display:relative;
	flex-basis:33.3333%;
	max-width:450px;
}
@media (max-width: 1400px) {
#services-grid > div > .elementor-column {
	flex-basis:50%;
}	
}
@media (max-width: 900px) {
#services-grid > div > .elementor-column {
	flex-basis:100%;
}
	#services-grid > div > .elementor-column .elementor-column:last-child h2 {
	display:none;
}
	#services-grid > div > .elementor-column .elementor-column:last-child .elementor-widget-heading {
		margin:0;
	}
}
#services-grid > div > .elementor-column .elementor-column {
	width:100%;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#services-grid > div > .elementor-column .elementor-column:first-child {
aspect-ratio: 1 / 1;
	position:relative;
}
#services-grid > div > .elementor-column .elementor-column:first-child:after {
	display:block;
	content:'';
position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,.3);
}
#services-grid > div > .elementor-column .elementor-column:first-child > div {
	position:relative;
	z-index:2;
}
#services-grid > div > .elementor-column .elementor-column:last-child {
	transition-duration:.5s;
	background-color: black;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:3;
	opacity:0;
	max-height:100%;
	overflow:auto;
}
#services-grid > div > .elementor-column:hover .elementor-column:last-child {
	opacity:1;
}