/*
Theme Name: mlM
Description: Theme my little Marketer
Author: Nicky - my little Marketer
Author URI: https://www.mylittlemarketer.com
Template: hestia-pro
Version: 0.1.0
*/

/* Placer votre CSS ci-dessous */



/*



Vous pouvez ajouter du CSS personnalisé ici.

Cliquez sur l’icône d’aide ci-dessus pour en savoir plus.



*/

/***************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
**************************** STYLES COMMUN *********************************
****************************************************************************
****************************************************************************
****************************************************************************
***************************************************************************/

p  { 

}

h1.entry-title, h1,  {
	
}
/*
h2, h3, h4, h5, h6  { 
	margin: 1em 0 0.5em !important;
}
*/

h2 b, h2 strong {
	color: #008FCC;
}
.orange h2 b {
	color: #E08D53;
}

.wp-block-gallery.has-nested-images figcaption {
	font-size: 14px; 
	font-style: italic;
}


.elementor-column.bloc-accueil {
	min-height: 500px;
}

figure.wp-block-gallery.has-nested-images {
	margin:2em 0;
}


#contenu ul li,.elementor-text-editor ul li {
	font-size: 14px;
	margin-bottom: 8px;
	line-height: 1.4em;
	padding-left: 5px;	
	list-style: disc inside url('images/puce-li2.png');
	list-style-position: outside;
}
/* #content ul li:before,
.elementor-text-editor ul li:before {
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    background-image: url('images/puce.svg');
    background-size: 15px;
    background-repeat: no-repeat;
    margin: 0 8px 0 0;
}
*/

blockquote::before, blockquote::after {
	content:'"';
	font-size: 5em;
	opacity: 0.2;
	line-height: 5px;
	display: block;
    text-align: left;
} 
blockquote::after {
    text-align: right;
} 

blockquote {
	border-left: 0;
	padding: 50px 50px; 
	font-size: 18px;
	line-height: 1.5em;
	font-style: italic;
	font-weight:100;
	background: #00386F;
	color: white;
	margin: 0;
	border-radius: 20px;
	
	 background: url(images/img-noise-361x370.png) repeat; 
	
	
	/* dégradé 4 couleurs
	background: rgb(0,177,221);
	background: linear-gradient(90deg, rgba(0,177,221,1) 0%, rgba(104,98,178,1) 35%, rgba(233,103,177,1) 66%, rgba(224,141,83,1) 100%);*/
	
}

/* bandeau articles suivants / précédents  */
.elementor-774 .elementor-element.elementor-element-66c9cf21 > .elementor-widget-container {
    padding: 30px 30px 30px 30px;
    border: 1px solid white;
	border-radius: 20px;
	/* dégradé 3 couleurs */
	background: rgb(104,98,178);
	background: -webkit-linear-gradient(left, rgba(104,98,178,1) 0%, rgba(233,103,177,1) 50%, rgba(224,141,83,1) 100%);
	background: -o-linear-gradient(left, rgba(104,98,178,1) 0%, rgba(233,103,177,1) 50%, rgba(224,141,83,1) 100%);
	background: linear-gradient(to right, rgba(104,98,178,1) 0%, rgba(233,103,177,1) 50%, rgba(224,141,83,1) 100%);
	 background: url(images/img-noise-361x370.png) repeat; 
}


blockquote p, .wp-block-pullquote blockquote, .wp-block-pullquote cite, .wp-block-pullquote p {
	color: white;
}

blockquote cite {
	font-size: 14px;
	line-height: 1em;
	color: white;
}

.noisy {
  background: url(images/img-noise-361x370.png) repeat;  
} 

.navigation {
    -webkit-backdrop-filter: blur(5px); /* assure la compatibilité avec safari */
    backdrop-filter: blur(5px);
}

/* les boutons Wordpress */
.wp-block-button__link {
    color: #fff;
    background-color: #0B2C7B;
    border-radius: 9999px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
	font-size: 14px;
    padding: calc(0.667em + 1px) calc(2.333em + 1px);
    text-align: center;
    text-decoration: none;
    word-break: break-word;
    box-sizing: border-box;
	font-weight: bold;
}
.wp-block-button__link:hover {
	 background-color: #E08D53;
}

/***************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
********************** STYLES MOBILE ET TABLETTE ***************************
****************************************************************************
****************************************************************************
****************************************************************************
***************************************************************************/



@media (max-width: 1023px) {

	



}




/***************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
*************************** STYLES TABLETTE ********************************
****************************************************************************
****************************************************************************
****************************************************************************
***************************************************************************/



@media (min-width: 740px) and (max-width: 1023px) {


	

}




/***************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
****************************** STYLES MOBILE *******************************
****************************************************************************
****************************************************************************
****************************************************************************
***************************************************************************/



@media (max-device-width: 739px) { 



}

/***************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
****************************** STYLES PC ***********************************
****************************************************************************
****************************************************************************
****************************************************************************
***************************************************************************/



@media (min-device-width: 1024px) { 
	
	
}