/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.

You're the boss, so have fun editing!

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Global Styles
2.0 - Responsive media queries (mobile styles)
	2.1 - MAXIMUM width of 720 pixels (phones landscape)
	2.2 - MAXIMUM width of 350 pixels (phones portrait)
	2.3 - MINIMUM width of 721 pixels (tablets+)
	2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/
#primary .content-blog .entry-content{
	padding:0;
}

#primary .page .entry-content{
	padding:0;
}

#primary .entry-content{
	padding:40px;
}

.fond-couleur{
    height:100px;
    width: 100%;
    display: flex;
    align-items: center;
	justify-content: center;
    margin-bottom: 20px;
    margin-top: 99px;
}

.fond-couleur h1{
    text-transform: uppercase;
    color: white;

}

#right-panel{
	height:90vh;
	display:flex;
	flex-direction: column;
}

#right-panel-inner{
	height:100%;
	display:flex;
	flex-direction: column;
}




/* permet de cacher le titre d'une page */




/* Permet de modifier la couleur des titres du forum */
.bbp-forum-title{
    color:#283b4f !important;
}

/* Permet d'aggrandir la barre de recherche */
/* #bbpress-forums .subheader div.bbp-search-form, #members-dir-search, #groups-dir-search{
    width:80% !important;
} */



/* Bouton pour créer un article / événement */

.create-button{
	margin-left:15px;
    padding:10px;
    background-color:#DA5732;
    color:white;
    transition:all 0.3s ease-out;
}

.create-button:hover{
    background-color:rgb(182, 71, 41);
    color:white;
}

/* ajuster le bouton créer un groupe */

.create-a-group a{
	margin-left:10px;
	padding:14px !important;
}

.buddyboss-select-inner{
	color:#5b86b8 !important;
	border-color:#5b86b8 !important;
	font-size: 0.8rem;
}



/* enlever les bordures de séparation entre les élément sur la page groupe*/
.item-list-tabs{
	border-top:0px !important;
	border-bottom: 0px !important;
}

/* enlever les bordures sur le champs "ranger par" sur la page membres*/
#members-order-select, #groups-order-select{
	border:inherit !important;
	text-align:left;
	color:#707070 !important;
}


.entry-summary table{
	font-size:1.2rem;
}

.date-article, .date-article b{
	font-size:0.8rem; 
	color:#303030;
}

.date-article b{
	font-weight:505;
	font-size: 0.75rem;
}



.titre-blog strong{
	font-size:3rem;
}

/* Permet de masquer la phrase Welcome : .... sur la page documents */
.wrap_file_manager_p{
	display:none !important;
}


/* Permet de masquer la bordure du bas sur les pages groupes et membres */

.dir-page-entry, archive-header{
	border-bottom: 0 !important;
}

/* Change la couleur de l'entête des forums */
.bbp-header{
	background-color:#3C888F !important;
	border-color:#3C888F !important;
}

/* enleve la bordure de couleur sur les images de profils en sidebar */

#group-admins img, .item-avatar img{
	border:none !important;
}


/* page document décaller l'outil de documents du bandeau */
#post-881{
	margin-top:50px;
}

.elfinder-cwd-view-list td{
	font-size:inherit !important;
}


.accueil{
	background:url("https://mercanet.org/wp-content/uploads/2019/05/fond_blog.jpg");
	background-size: cover;
	background-position: center center;
	
}

.wpulike-default .wp_ulike_btn{
	width:20px !important;
}


.wpulike-animated-heart .wp_ulike_btn.wp_ulike_btn_is_active{
	background-color: #A7A13B;
}

.wpulike-animated-heart .wp_ulike_btn{
	box-shadow:0 5px 30px #A7A13B;
}

.wpulike-animated-heart .wpulike-svg-heart{
	fill:#cacaca;
}

.wpulike-animated-heart .count-box{
	color:#003E5D;
	font-weight: 800;
}

input[type=checkbox].styled+label:before, input[type=checkbox].styled+span:before, input[type=checkbox].styled+strong:before{
	display:none;
}

input[type=checkbox].styled+label::after, input[type=checkbox].styled+span::after, input[type=checkbox].styled+strong::after{
	display:none;
}

.tableau-de-bord{
	background:url("https://mercanet.org/wp-content/uploads/2019/05/fond_blog.jpg");
	background-size: cover;
	background-position: center center;
	text-transform: uppercase;
	text-align:center !important;
	padding:30px;
	font-size:2rem;
	margin-bottom:20px;
	
}

.sous-titre-tableau-de-bord{
	color:#DA5732;
	font-size:1.3rem;
	text-transform: uppercase;
}



/*--------------------------------------------------------------
2.0 - Responsive media queries (mobile styles)
--------------------------------------------------------------*/

@media screen and (max-width: 1199px) {

	.fond-couleur{
		height: inherit;
        padding:10px 0px;
        margin-top:70px;
	}
	.fond-couleur h1{
		text-align: center;
		font-size:1.5rem;
    }
   

}


/*--------------------------------------------------------------
2.1 - MAXIMUM width of 720 pixels (phones landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 720px) {

	

	

}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.2 - MAXIMUM width of 350 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 350px) {


	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.3 - MINIMUM width of 721 pixels (tablets+)
--------------------------------------------------------------*/
@media screen and (min-width: 721px)  {


	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */



.titre-blog{
	text-align:center !important;
	color:#DA5732;
	position: absolute;
	left:0;
	right:0;
	line-height: 1.4 !important;
}



.titre-blog strong{
	color: #283b4f;
}


.content-blog .legende-categorie{
	display:flex;
	padding: 15px 15px 0 15px;
	color:#737373;
	font-style:italic;
	font-size:0.8rem;
	font-weight: 600;
	width:100%;
}

.content-blog .legende-categorie span{
	display:inline-block;
}




/*--------------------------------------------------------------
2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1199px)  {
	.bloc-blog .entry-title, .bloc-outils .entry-title, .entry-summary, .date-article{
		padding-left:20px !important;
		padding-right:20px !important;
	}

	/* Décalage du bloc à droie du header pour que la photo de profil soit entièrement affichée */
	.header-account-login{
		padding-right:40px;
	}

	.content-blog{
		display:flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.titre-blog{
		text-align:center;
		font-size:3rem;
		padding:30px;
	}

	.triangle-couleur{
		position: absolute;
		right:2px;
		top:2px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 40px 40px 0;
		line-height: 0px;
		
	}

	.barre-couleurs img{
		padding-top:115px;
		margin:0 auto;
		width:1170px;
		height:3px;
		position:relative;
	}

	/* On divisie les article en deux colonnes sur la page d'accueil */

   
	

	article{
		position:relative;
	}

	
	.boxed .post-wrap{
		padding:0px;
	}



	.page-cover{
		box-shadow: 0 0 0 200px rgba(40, 58, 78, 0.8) inset;
	}

	.edit-link a{
		padding:10px;
		background-color:#DA5732;
		color:white !important;
		font-weight:600;
		border-radius: 5px;
	}

	/* permet d'agrandir la colonne pour les actions sur l'écran des messages */
	#message-threads.messages-table td.thread-options{
		width:65px !important;
	}

	#message-threads.messages-table td.thread-options a{
		display:block;
	}

	


}/* don't delete this closing bracket */