/* ======================================================
   WATER DRAINAGE VIDEO SECTION
====================================================== */

.water-video-section{
    position:relative;
    overflow:hidden;
    width:100%;
    min-height:700px;
}

/* Video fills the entire section */
.water-video-section .water-video-background{
    position:absolute !important;
    top:0;
    left:0;
    right:0;
    bottom:0;

    width:100% !important;
    height:100% !important;

    max-width:none !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden;
    z-index:1;
}

.water-video-section .water-video-background video{

    position:absolute;

    top:50%;
    left:50%;

    width:100%;
    height:100%;

    min-width:100%;
    min-height:100%;

    transform:translate(-50%,-50%);

    object-fit:cover;

}

/* Dark overlay */
.water-video-section .section-overlay{

    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.35);
    z-index:2;

}

/* Content sits above video */
.water-video-section .section-row-container{

    position:relative;
    z-index:3;

}

.water-video-section .headline{

    font-size:64px;
    line-height:1.15;

}
/* Mobile */

@media (max-width:991px){

    .water-video-section{

        min-height:500px;

    }

    .water-video-section .headline{

        font-size:42px;

    }

}

@media (max-width:767px){

    .water-video-section{

        min-height:420px;

    }

    .water-video-section .headline{

        font-size:30px;
        line-height:1.2;

    }

}
/* Vertically center the water-video text */
.water-video-section .section-row-container {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.water-video-section .section-row {
	width: 100%;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}