/* 
Theme Name: Oyopi
Theme URI: https://github.com/elementor/hello-theme/
Description: Oyopi is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: oyopi
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

:root {
	--acces-rapide-1: #1FC8CD;
	--acces-rapide-2: #00529C;
	--acces-rapide-3: #1FC35F;
	--acces-rapide-4: #F0A908;
	--acces-rapide-5: #B8056E;
	--acces-rapide-6: #FD4844;
}

h1, h2, h3, h4, h5, h6 {
	margin-block-start: 0;
	margin-block-end: 0;
}

.liste-acces-rapide .elementor-icon-list-items li:nth-child(1) a .elementor-icon-list-icon svg,
.liste-acces-rapide .elementor-icon-list-items li:nth-child(1) a .elementor-icon-list-icon i {
	color: var(--acces-rapide-1);
	stroke: var(--acces-rapide-1);
}

.liste-acces-rapide .elementor-icon-list-items li:nth-child(1) a:hover .elementor-icon-list-text {
	color: var(--acces-rapide-1);
}

.liste-acces-rapide .elementor-icon-list-items li:nth-child(2) a .elementor-icon-list-icon svg {
	stroke: var(--acces-rapide-2);
}

.liste-acces-rapide .elementor-icon-list-items li:nth-child(2) a:hover .elementor-icon-list-text {
	color: var(--acces-rapide-2);
}

.liste-acces-rapide .elementor-icon-list-items li:nth-child(3) a .elementor-icon-list-icon svg,
.liste-acces-rapide .elementor-icon-list-items li:nth-child(3) a .elementor-icon-list-icon i {
	color: var(--acces-rapide-3);
	stroke: var(--acces-rapide-3);
}

.liste-acces-rapide .elementor-icon-list-items li:nth-child(3) a:hover .elementor-icon-list-text{
	color: var(--acces-rapide-3);
}

.liste-acces-rapide .elementor-icon-list-items li:nth-child(4) a .elementor-icon-list-icon svg{
	stroke: var(--acces-rapide-4);
}

.liste-acces-rapide .elementor-icon-list-items li:nth-child(4) a:hover .elementor-icon-list-text{
	color: var(--acces-rapide-4);
}

.liste-acces-rapide .elementor-icon-list-items li:nth-child(5) a .elementor-icon-list-icon svg{
	stroke: var(--acces-rapide-5);
}

.liste-acces-rapide .elementor-icon-list-items li:nth-child(5) a:hover .elementor-icon-list-text{
	color: var(--acces-rapide-5);
}

.liste-acces-rapide .elementor-icon-list-items li:nth-child(6) a .elementor-icon-list-icon svg,
.liste-acces-rapide .elementor-icon-list-items li:nth-child(6) a .elementor-icon-list-icon i {
	color: var(--acces-rapide-6);
	stroke: var(--acces-rapide-6);
}

.liste-acces-rapide .elementor-icon-list-items li:nth-child(6) a:hover .elementor-icon-list-text{
	color: var(--acces-rapide-6);
}


/* WP FILE DOWNLOAD */
.wpfd-container .wpfd-container-chapelle .wpfd-categories {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	align-items: flex-start;
}

@media (max-width:1024px){
	.wpfd-container .wpfd-container-chapelle .wpfd-categories {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
}


.wpfd-content-chapelle .wpfd-container-chapelle .wpfd_list .file .file-right {
	display:flex;
	flex-direction: column;
	gap: 10px;
}

.wpfd-content-chapelle .wpfd-container-chapelle .wpfd_list .file.is_downloaded {
	background-color: var(--e-global-color-7fbea4f);
}

.wpfd-content-chapelle .wpfd-container-chapelle .wpfd_list .file h3 a {
	color: var(--e-global-color-secondary);
}

.wpfd-content-chapelle .wpfd-container-chapelle .wpfd_list .file .file-right a.downloadlink,
.wpfd-content-chapelle .wpfd-container-chapelle .wpfd_list .file .file-right a.openlink {
	margin: 0;
	padding: 10px 20px;
	display: block;
	line-height: 1;
	height: auto;
	font-size: 16px;
}

.wpfd-content-chapelle .wpfd-container-chapelle .wpfd_list .file .file-right a.openlink {
	background: white;
	border: 1px solid var(--e-global-color-7fbea4f);
	color: var(--e-global-color-secondary);
}

.wpfd-container .wpfd-container-chapelle .wpfd_list {
	gap: 20px;
}

.wpfd-container .wpfd-container-chapelle .wpfd-categories .wpfd-category-desc {
	display: none;
}

.wpfd-container .wpfd-container-chapelle .wpfd-categories .wpfdcategory {
	color: white;
	background: var( --e-global-color-d49ac81 );
	margin: 0;
	font-size: 16px;
	border: 1px solid var( --e-global-color-d49ac81 );
	border-radius: 5px;
	height: auto;
	justify-content: flex-start;
	align-items: flex-start;
}

.wpfd-container .wpfd-container-chapelle .wpfd-categories .wpfdcategory:hover {
	box-shadow: none;
	background: var(--e-global-color-332724a);
}

.wpfd-container .wpfd-container-chapelle .wpfd-categories .wpfdcategory span,
.wpfd-container .wpfd-container-chapelle .wpfd-categories .wpfdcategory i{
	color: white;
	white-space: wrap;
    align-self: flex-start;
	max-width: unset;
}

.wpfd-container .wpfd-container-chapelle .wpfd-categories .catlink.backcategory {
	display: block;
	position: relative;
	top: unset;
	right: unset;
	background: var( --e-global-color-e1dce2b );
	color: white;
	width: fit-content;
	padding: 10px 30px;
	height: auto;
	margin: 0;
	border-radius: 28px;
	line-height: 1;
	margin-bottom: 10px;
}

.wpfd-container .wpfd-container-chapelle .wpfd-categories .catlink.backcategory:hover{
	background: #77091D;
}

.wpfd-container .wpfd-container-chapelle .wpfd-categories .catlink.backcategory span,
.wpfd-container .wpfd-container-chapelle .wpfd-categories .catlink.backcategory i{
	font-size: 16px;
	color: white;
}

.wpfd-container .wpfd-container-chapelle .wpfd-categories h2 {
	grid-column-start: 1;
  	grid-column-end: 6;
	font-size: 24px;
	font-weight: 500;
	color: var( --e-global-color-d49ac81 );
	margin: 0;
}

#et-boc .wpfd-content .wpfd-container-chapelle .wpfdcategory > span, 
.wpfd-content .wpfd-container-chapelle .wpfdcategory > span {
	overflow: unset;
	text-overflow: none;
}

.wpfd-content .breadcrumbs.wpfd-breadcrumbs-chapelle li a {
	font-weight: 500;
	color: var(--e-global-color-secondary);
}

.wpfd-content .breadcrumbs.wpfd-breadcrumbs-chapelle li a:hover {
	font-weight: 500;
	color: var(--e-global-color-secondary);
}

.wpfd-content .breadcrumbs.wpfd-breadcrumbs-chapelle li:last-child span{
	font-weight: bold;
	color: var(--e-global-color-secondary);
}