/* 
Theme Name: Beauer
Theme URL: http://www.beauer.fr
Theme Author: Hugo Vincent
Template: generatepress
Version: 1.0.0 
*/

@import url("../generatepress/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

.productbar{
	position: sticky;
	position: -webkit-sticky;
		top:0;
		background:#F7F8F9;
}

@media screen and (min-width:1200px) {
	.productbar {
		width: 100vw;
		margin-left: calc(-100vw / 2 + 1200px / 2);
	}
}

.bandeau-product {
	/* top:-56px; */
	min-height:calc(100vh - 113px);
}

@media screen and (max-width:768px) {
	.bandeau-home {	height:100%;}}

@media screen and (min-width:768px) and (max-width:1300px)  {
.bandeau-home {	min-height:calc(100vh - 57px);	}}

@media screen and (min-width:1300px) {
.bandeau-home {	min-height:calc(100vh - 57px); max-height:calc(100vh - 57px);	}}

@media screen and (min-height:1081px) {
.bandeau-home {	min-height:1023px;max-height:1023px;	}}


@media screen and (max-height:1080px) {
	.titre-accueil {top:35vh;}}

@media screen and (min-height:1081px) {
	.titre-accueil {top:400px;}}


/* Archives 
@media screen and (max-width:768px) {
	.bandeau-home {	height:600px;}}

@media screen and (min-width:768px) and (max-width:1300px)  {
.bandeau-home {	min-height:calc(100vh - 57px);	}}

@media screen and (min-width:1300px) {
.bandeau-home {	min-height:1080px;max-height:1080px;	}}

@media screen and (min-height:1081px) {
.bandeau-home {	min-height:1080px;max-height:1080px;	}}

 */



@media screen and (max-width:768px) {
.bouton-home {padding-top:150px;padding-bottom:50px;}}

@media screen and (min-width:768px) and (max-width:1300px)  {
.bouton-home {padding-top:18%;padding-bottom:15%;}}

@media screen and (min-width:1300px) {
.bouton-home {	padding-top:300px; padding-bottom:250px;	}}

@media screen and (min-height:1081px) {
.bouton-home {	padding-top:300px; padding-bottom:250px;	}}











.home #masthead {
		position: sticky;
	position: -webkit-sticky;
		top:0;
		background:#F7F8F9;
}

.bloc-home {
	min-height:250px;
}

.bloc-home-1 {
	min-height:300px;
}

/* Callage graphique des ancres */
#presentation, #options, #personnalisation, #technology, #technical, #questions, #usage, #modules, #interieur, #values, #history {
    padding-top: 80px;
    margin-top: -80px;
}

body,
button,
input,
select,
textarea {
	font-family: "DIN 2014",-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

p {
	margin-bottom:0;
}


@font-face {
    font-family: 'DIN 2014';
    src: local('DIN 2014 Light Italic'), local('DIN2014-LightItalic'),
        url('https://beauer.fr/wp-content/themes/beauer/fonts/DIN2014-Bold.ttfDIN2014-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'DIN 2014';
    src: local('DIN 2014 Light'), local('DIN2014-Light'),
        url('https://beauer.fr/wp-content/themes/beauer/fonts/DIN2014-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DIN 2014';
    src: local('DIN 2014 ExtraBold Italic'), local('DIN2014-ExtraBoldItalic'),
        url('https://beauer.fr/wp-content/themes/beauer/fonts/DIN2014-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'DIN 2014';
    src: local('DIN 2014 ExtraLight'), local('DIN2014-ExtraLight'),
        url('https://beauer.fr/wp-content/themes/beauer/fonts/DIN2014-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'DIN 2014';
    src: local('DIN 2014 ExtraBold'), local('DIN2014-ExtraBold'),
        url('https://beauer.fr/wp-content/themes/beauer/fonts/DIN2014-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'DIN 2014';
    src: local('DIN 2014 ExtraLight Italic'), local('DIN2014-ExtraLightItalic'),
        url('https://beauer.fr/wp-content/themes/beauer/fonts/DIN2014-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'DIN 2014';
    src: local('DIN 2014 Regular'), local('DIN2014-Regular'),
        url('https://beauer.fr/wp-content/themes/beauer/fonts/DIN2014-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN 2014';
    src: local('DIN 2014 Italic'), local('DIN2014-Italic'),
        url('https://beauer.fr/wp-content/themes/beauer/fonts/DIN2014-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'DIN 2014';
    src: local('DIN 2014 Bold'), local('DIN2014-Bold'),
        url('https://beauer.fr/wp-content/themes/beauer/fonts/DIN2014-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DIN 2014';
    src: local('DIN 2014 Bold Italic'), local('DIN2014-BoldItalic'),
        url('https://beauer.fr/wp-content/themes/beauer/fonts/DIN2014-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'DIN 2014';
    src: local('DIN 2014 DemiBold Italic'), local('DIN2014-DemiBoldItalic'),
        url('https://beauer.fr/wp-content/themes/beauer/fonts/DIN2014-DemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'DIN 2014';
    src: local('DIN 2014 DemiBold'), local('DIN2014-DemiBold'),
        url('https://beauer.fr/wp-content/themes/beauer/fonts/DIN2014-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


/* Limiter hauteur slider */
.limite-limite {
	max-height:400px;
}


/* Espace sous photo dans onglet sur mobile */
@media (max-width: 768px){
img.alignleft, img.alignright {
	    padding-bottom: 20px;
}
}

.color-bullet {
	padding-left:20px
}

@media (max-width:950px) { 
	.color-bullet {
padding-left:10px
}
}
	
.colors-1col {
	max-width:150px;
}

.colors-2col {
	max-width:300px;
}

.colors-3col {
	max-width:450px;
}

@media (min-width:441px) and (max-width:950px) {
.horizontale > div > .colors-1col {
min-width: 140px;
	
}
}
	
@media (min-width:441px) and (max-width:950px) {
.horizontale > div > .colors-2col {
min-width: 280px;
}
}

@media (min-width:441px) and (max-width:950px) {
.horizontale > div > .colors-3col {
min-width: 420px;
	
}
}

@media (max-width:440px){
.horizontale > div > .colors-1col {
	min-width: 31%;
}
}

@media (max-width:440px){
.horizontale > div > .colors-2col {
	min-width: 63%;
}
}

@media (max-width:440px){
.horizontale > div > .colors-3col {
	min-width: 94%;
}
}

.comparaison {
	align-content: center;
    align-items: center;
	max-width:33%;
	
}

@media (max-width:375px){
	.comparaison {
		font-size:16px;

	}
}

@media (max-width:400px){
	.home .comparaison {
			max-width:100%;

	}
}

/* Slider horizontal */
.horizontale > div > div > div > div {
flex: 0 0 auto;
width: max-content;
}

/*
.horizontale > div > .elementor-section {
min-width: max-content;
}
*/
	
/* .leftarrow, .rightarrow{
cursor: pointer;
line-height: 0;
}
*/

/* Remove default browser :focus styling */
.leftarrow:focus, .rightarrow:focus{
outline:0;
}
/* Replace focus styling with this for accessibility */
.leftarrow:focus .elementor-icon, .rightarrow:focus .elementor-icon {
transform: scale(1.04); /* Size of arrows when :focus state is active */
color: #000; /* Color of arrows when :focus state is active */
}

.horizontale > div {
display: flex;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
/*cursor: grab;*/ /* Change to unset to have the normal cursor */
}

@media (max-width:1025px){
	.horizontale > div {
overflow-x: scroll;
	}	
}

.horizontale > div::-webkit-scrollbar{
height: 14px; /* Change to 6px to make the scrollbar smaller, or to 0 to remove it */
}

.horizontale > div::-webkit-scrollbar-track{
background: rgba(0, 0, 0, 0.1);
} /* Color of scrollbar track */

.horizontale > div::-webkit-scrollbar-thumb{
background: rgba(0, 0, 0, 0.31);
} /* Color of scrollbar thumb */

.horizontale > div.active {
cursor: grabbing; /* Change to unset to have the normal cursor when mouse button is clicked down */
cursor: -webkit-grabbing; /* idem */
transform: scale(1.01); /* Size of elements when mouse button is clicked down */
}

/* Prevents clicking on links while navigating left or right */
.noclick{
pointer-events: none;
}

@media only screen and (max-width: 600px) {
div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern) {
    width: 100%;
    margin-left: 0;
	}
}

@media screen and (max-width:800px) {
.sticky-title {
	overflow:visible;
	position: sticky;
	position: -webkit-sticky;
	top: 0px;
	z-index:100;
}
}

/* correction ligne sous barre de navigation sur page d'accueil*/
@media screen and (min-width:768px) {
.minus-one {
	top: -1px;
	}}


/* Cache le 1er item de l'accordeon FAQ. Le 1er item est toujours ouvert, il faut donc en mettre 1 vide et le cacher*/
.elementor-accordion .elementor-accordion-item:first-child {
display: none;
}


/* Couleur de la légende du formulaire de contact */
.wpforms-field-label {
	color:white
}

/* Taille du drapeau du sélecteur de langue */
.menu-image {
	max-height: 20px
}
.language-menu ul.sub-menu {
	min-width: 50px
}