/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"); /* Font Awesome Icons*/
@import url("https://cdn.lineicons.com/4.0/lineicons.css"); /* Line Icons */

body {
	font-size: 20px;
}


/* CSS code for Home Page Hero Images */

.bg-fade-wrapper {
	position: relative;
	overflow: hidden;
}

.bg-fade{
	position: absolute; 
	width: 100%;
	height: 100%; 
        inset: 0;
	background-size: cover; 
	background-position: center center;
	opacity: 0;
	animation-name: fade-zoom;
	animation-duration: 18s;
	animation-iteration-count: infinite;
}


.bg-fade:nth-child(2){
	animation-delay: 0s;
}

.bg-fade:nth-child(3){
        animation-delay: 6s;
}

.bg-fade:nth-child(4){
	animation-delay: 12s;
}


@keyframes fade-zoom {
	0% {
        opacity:0;
	transform: scale(100%);
    }
	16.66% {
        opacity:1
    }
	33.33% {
        opacity:1
    }
	48.66% {
        opacity:0
    }
	100% {
        opacity:0; 
	transform: scale(110%);
    }
}

/* Use this if you want to pause the animation on hover */ 
/*.bg-fade-wrapper:hover .bg-fade{
	animation-play-state: paused;
}
*/

/* Font size for font-awesome icons */

.fa-solid.fa-mountain-sun,
.fa-solid.fa-trowel-bricks,
.fa-solid.fa-tree {
	font-size: 2em;
}

/* Hide Show Content */

.reveal {
	position: relative;
	transform: translateY(150px);
	opacity: 0;
	transition: all 2s ease;
}

.reveal.active {
	transform: translate(0px);
	opacity: 1;
}

/* Testimonials Slider CSS */

.slide-wrapper {
	overflow: hidden;
	border-radius: 15px;
}

.slide-container {
	position: relative;
	width: 500%;
	margin: 0;
	left: 0;
	animation: 20s testimonial-slider infinite;
}

.slide-container:hover {
	animation-play-state: paused;
	cursor: cell;
}

.slide-container div {
	width: 20%;
	height: 400px;
	float: left;
}

@keyframes testimonial-slider {
	0% {
		left: 0;
	}
	20% {
		left: 0;
	}
	25% {
		left: -100%;
	}
	45% {
		left: -100%;
	}
	50% {
		left: -200%;
	}
	70% {
		left: -200%;
	}
	75% {
		left: -300%;
	}
	95% {
		left: -300%;
	}
	100% {
		left: -400%;
	}
}