/*
Theme Name:   astra-child
Description:  Child theme of astra
Author:       bwa
Template:     astra
Version:      1.0.0
*/

/*
--------------------------------------
réglages Astra
--------------------------------------
*/

.ast-container {
	max-width: 100%;
	margin: unset;
	padding: unset;
}

.ast-separate-container #content .ast-container {
	padding: 0;
}

/*
--------------------------------------
custom Template
--------------------------------------
*/

.content-container {
	width: 100%;
}

/*
--------------------------------------
elements
--------------------------------------
*/

ul {
	list-style-type: none;
	margin: 0;
}

.entry-content ul {
	list-style-type: disc;
	margin-left: 1em;
}

p {
	margin-bottom: 0;
}

/*
--------------------------------------
btns
--------------------------------------
*/

.btn-primary {
	display: flex;
	align-items: center;
	background: var(--e-global-color-primary);
	font-family: var(--e-global-typography-primary-font-family), sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: var(--e-global-color-secondary);
	border: 1px solid var(--e-global-color-primary);
	line-height: 28px;
	height: 47px;
	padding: 12px 42px;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: var(--e-global-color-secondary);
	color: var(--e-global-color-primary);
}

.btn-secondary {
	background-color: var(--e-global-color-primary);
	color: #fff;
	border: 2px solid var(--e-global-color-primary);
	padding: 4px 6px;
}

.btn-secondary:hover,
.btn-secondary:focus {
	background-color: #fff;
	color: var(--e-global-color-114779e);
	border: 2px solid var(--e-global-color-primary);
}

.icons .elementor-icon i, .elementor-icon svg {
	z-index: 1;
}

.icons .elementor-icon svg:after {
	content : url('/wp-content/uploads/2025/07/rond_vide.svg');
	display:flex;
	height:74px;
	width:74px;
	position:absolute;
	left: -30px;
	z-index: 0;
}


@media screen and (min-width: 768px) and (max-width: 1024px), {
		/*.small-tablette h1 {
			font-size: 3.3vw !important;
			line-height:3.3vw !important;
		}
		.small-tablette img {
			width: 25vw !important;
		}
		.small-tablette-2 {
			display:flex !important;
			width: 15vw !important;
		}*/
		.fond-tablette {
			background-image: url('https://loodoo.fr/wp-content/uploads/2025/07/background_tablet.png') !important;
		}
}