/*
Theme Name: Astra Child
Template: astra
Description: Template par S3D 
*/


/* HOME BTN */
a.s3d-home-btn-container {
	display:flex;
	align-items:center;
	text-decoration:none !important;
}

.s3d-home-btn-icon {
	width:50px;
	height:50px;
	border-radius:50%;
	margin-right:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:0.5s;
}

.s3d-home-btn-icon img {
	width:25px;
	height:auto;
}

.s3d-home-btn-name {
	color:#000;
	font-size:20px;
	text-decoration:none;
	transition:0.5s;
}

a.s3d-home-btn-container:hover .s3d-home-btn-icon {
	margin-right:5px;
	margin-left:15px;
}

/* BANNER */
.s3d-banner-container {
	height:500px;
	width:100%;
	display:flex;
	align-items:center;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	animation: 6s linear 0s infinite  animateColor;
}

.s3d-banner-title {
	width:100%;
	position:absolute;
	top:210px;
}

.s3d-banner-border {
	height:10px;
	width:100%;
	position:absolute;
	bottom:0;
}

.s3d-banner-title h1 {
	font-size: 70px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 2.2px;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	font-family: 'DIN', Sans-serif;
	width:1400px;
	max-width:90%;
	margin:0 auto;
}

@keyframes animateColor {
  0% {
    filter: grayscale(0);
  }
  50% {
    filter: grayscale(100%);
  }
	 100% {
    filter: grayscale(0);
  }
}

@media screen and (max-width: 768px) {
	.s3d-banner-container {
		height:300px;
	}
	
	.s3d-banner-title h1 {
		font-size:35px;
		text-align:center;
	}
	
	.s3d-banner-title {
		top:110px;
	}
}