/*


Theme Name: AFOLAC


Theme URI: http://afolac.com/


Author: Abdoul-Madjid


Author URI: http://waouhmonde.com/


Description: 


Requires at least: 5.3


Tested up to: 5.6


Requires PHP: 5.6


Version: 1.0


License: WAOUH MONDE


License URI: https://www.waouhmonde.com


Text Domain: afolac


Tags: Afolac





AFOLAC WordPress Theme, (C) 2022 WAOUH MONDE.


*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');


@import url('assets/sass/dist/style.css');





html, body {


    /* font-family: 'Lato', sans-serif; */


    font-weight: 500;


    font-size: 14px;


    font-family: 'Montserrat', 'Lato', sans-serif;


}





/*


 * Quelques class de Bloc Editor


 */


.size-auto, 


.size-full,


.size-large,


.size-medium,


.size-thumbnail {


	max-width: 100%;


	height: auto;


}


/*


 * Ils nous ont fait confiance : cases de même hauteur, logos centrés et de poids


 * visuel égal (taille calculée par AFOLAC::taille_logo), filet fin entre les cases.


 */


.afolac-partenaire {


	display: flex;


	align-items: center;


	justify-content: center;


	height: 108px;


}





.afolac-partenaire + .afolac-partenaire {


	border-left: 1px solid #EFF2F5;


}





.afolac-partenaire img {


	max-width: 100%;


	max-height: 76px;


	height: auto;


	object-fit: contain;


}





/*


 * Slider d'accueil (Smart Slider 3, slider 2) sur téléphone : les textes gardent


 * leurs réglages d'ordinateur (100 px de marge à gauche, titres de 60 et 52 px)


 * et sortaient de l'écran. Sous 768 px : texte aligné sur la marge de la page,


 * titres proportionnels à la largeur de l'écran.


 */


@media (max-width: 767.98px) {


	#n2-ss-2 .n2-ss-item-content.n2-ss-text,


	#n2-ss-2 .n2-ss-item-content.n2-ss-text p {


		padding-left: 0 !important;


	}





	#n2-ss-2 .n2-ss-section-main-content {


		padding-top: 32px !important;


		padding-bottom: 32px !important;


	}





	#n2-ss-2 .n2-ss-layer-content > .n2-ss-layer:nth-child(1) .n2-ss-text {


		font-size: clamp(30px, 10vw, 60px) !important;


		line-height: 1.1 !important;


	}





	#n2-ss-2 .n2-ss-layer-content > .n2-ss-layer:nth-child(2) .n2-ss-text {


		font-size: clamp(24px, 8.5vw, 52px) !important;


		line-height: 1.15 !important;


	}





	#n2-ss-2 .n2-ss-layer-content > .n2-ss-layer:nth-child(3) .n2-ss-text,


	#n2-ss-2 .n2-ss-layer-content > .n2-ss-layer:nth-child(3) .n2-ss-text p {


		font-size: 15px !important;


		line-height: 1.5 !important;


	}





	/* Retour à la ligne pensé pour l'ordinateur : sur téléphone la phrase se répartit seule. */


	#n2-ss-2 .n2-ss-text p br {


		display: none;


	}


}