/*
Systèmes de lien unique "c'est à lire" / "C'est à voir"
Composant : Entrées de catalogue
Mode de vue : Liste - Regroupés
Style global : Publicité
*/



.widget--shared-publicite {

	.directory-entry-block{
		flex-direction: row-reverse !important;
		background-color: var(--eiffage-gray-background) !important;
		height: 168px;
	}
	.directory-entry-block__content{
		flex-direction: column-reverse !important;
		padding:20px;
		gap : 0.2rem;
	}
	.color-bubble-letter,
	.metadata-link-list{
		display: none !important;
	}
	/* Textes :*/
	.directory-entry-block__tags span, 
	.lumx-link__content, 
	.directory-entry-block__custom-field{
		font-weight: 400 !important;
		font-size: 12px !important;
	}
	/* C'est à lire texte :*/ 
	.directory-entry-block__custom-field{
		font-size: 24px !important;
		font-weight: 700 !important;
		padding-bottom:8px !important;
	}
	.directory-entry-block__thumbnail-wrapper{
		margin: 0px !important;
	}
	.lumx-thumbnail__background, 
	.directory-entry-block__image{
		width: 178px!important;
		height: 168px;
	}
	.widget-content--has-fixed-height{
		height: 150px;
	}
	@media (min-width: 64em)  and (max-width:80em){
		.directory-entry-block,
		.widget-content--has-fixed-height{
			height: 140px;
		}
		.directory-entry-block__custom-field {
			font-size:14px !important;
		}
		.lumx-thumbnail__background, 
		.directory-entry-block__image{
			width: 150px!important;
			height: 140px;
		}
	}

    .groupe {
        .directory-entry-block{
            background-color: var(--eiffage-accent-gray) !important;
        }
		.directory-entry-block__tags span, 
		.lumx-link__content, 
		.directory-entry-block__custom-field{
			color: var(--eiffage-accent-gray-hover) !important;
		}
    }
    .outils-metier{
        .directory-entry-block{
            background-color: var(--eiffage-accent-blue) !important;
        }
		.directory-entry-block__tags span, 
		.lumx-link__content, 
		.directory-entry-block__custom-field{
			color: var(--eiffage-accent-blue-hover) !important;
		}
    }
    .support-et-service{
        .directory-entry-block{
            background-color: var(--eiffage-accent-yellow) !important;
        }
		.directory-entry-block__tags span, 
		.lumx-link__content, 
		.directory-entry-block__custom-field{
			color: var(--eiffage-accent-yellow-hover) !important;
		}
    }
    .vie-du-salarie{
        .directory-entry-block{
            background-color: var(--eiffage-accent-green) !important;
        }
		.directory-entry-block__tags span, 
		.lumx-link__content, 
		.directory-entry-block__custom-field{
			color: var(--eiffage-accent-green-hover) !important;
		}
    }
}