/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* ############### GLOBAL ############### */

/************** ANIMATION **************/
@keyframes floatSlideDown {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px) translatex(-50%);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-20px) translatex(-50%);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px) translatex(-50%);
	}
}

/* ############### HEADER ############### */
.above {
	z-index: 999;
}

/*#header .transparent .header-main {
	height: 12vh;
}*/

#header .header-main {
	height: 12vh;
}

/* Hide default logo left */
#logo {
	display: none;
}

#logo-main {
	padding-top: 25px;
	width: 100%;
}

#logo-main img {
	max-height: 12vh;
}

#header {
	display: none;
}

/* ############### Page d'accueil ############### */

/* Icone défilement */
.sec-home .section-bg .scroll-for-more:not(:hover) {
	opacity: 1;
	transition: 0.3s;
	animation: floatSlideDown 6s ease-in-out infinite;
}

.sec-home .section-bg .scroll-for-more:hover {
	transform: translateX(-50%) translateY(-6px);
}

.sec-home .section-bg .scroll-for-more .icon-angle-down {
	font-size: 5rem !important;
}

/* Vidéo magasin d'outils */
#mag-animation video {
	height: 100%;
	width: 100%;
}

/* Fond precimill working */
.precimill_working .section-bg :is(img, picture, video) {
	object-position: 50% 0%;
}

/* Tableau spécifications */
.prec-table .col-inner h4 {
	border-bottom: 2px solid white;
	margin-bottom: 0;
	margin-top: 15px;
}

.prec-table .row:not(.no-row) {
	border-bottom: 1px solid white;
}

.prec-table .row:not(.no-row) p {
	margin-bottom: 0;
}

/* ############### Footer ############### */

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.prec-table .row:not(.no-row) p {
		font-size: 0.95rem;
	}

	.sec-home .section-bg .scroll-for-more .icon-angle-down {
		font-size: 3rem !important;
	}

}