/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
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
*/


/* filter */
button.filter-btn, .filter-btn-partenaires {
	padding: 15px 20px;
	border-radius: 12px;
	color: var(--e-global-color-secondary);
	background-color: #f1f2f3;
	border: none;
}
button.filter-btn:hover, .filter-btn-partenaires:hover{
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
}
.adh-filtres {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-bottom: 40px;
	flex-wrap: wrap;
}
.adh-filtres .button.filter-btn:hover, .filter-btn.active,
.filter-btn-partenaires:hover, .filter-btn-partenaires.active{
	background-color: var(--e-global-color-accent);
	color: white;
}

.tc-container{
	align-content: start;
	align-items: initial;
	grid-auto-flow: row;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr;
	display: grid;
	gap:20px;
}
.tc-item-container {
	display: flex;
	flex-direction: row;
	width: initial;
	height: 100%;
	flex-grow: 1;
	align-self: stretch;
	gap: 0px 22px;
	row-gap: 0px;
	column-gap: 22px;
	border-radius: 20px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
	padding-right: 25px;
	align-items: center;
	transition: all 0.3s ease;
}
.tc-item-container:hover{
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.9);
}
.tc-content {
	flex-grow: 1;
}
.tc-img {
	max-width: 80px;
}
.tc-title {
	font-weight: bold;
	margin-bottom: 0px;
}
.tc-subtitle{
	font-weight: bold;
	color: green;
}
.tc-subtitle-partenaire{
	color: #FBBA05;
}
.tc-site {
	align-self: flex-end;
}
.tc-site svg{
	width:40px;
}

/* popup */
.tc-popup {
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.6);
    justify-content:center;
    align-items:center;
    z-index:99999;
}
.tc-popup-content {
	background: #fff;
	padding: 60px 90px;
	width: 90%;
	max-width: 1140px;
	border-radius: 10px;
	position: relative;
	display: flex;
	align-items: center;
	gap: 30px;
	justify-content: space-between;
	overflow: hidden;
}
.tc-popup-txt{
	font-size: 15px;
}
.tc-popup-title{
	font-size: 32px;
	font-weight:600;
}
.tc-desc{
	margin-bottom:0px;
}
.tc-close {
    position:absolute;
    cursor:pointer;
	background: #009a3e;
    top: 0px;
    right: 0px;
    color: white;
    font-size: 12px;
    padding: 12px 15px;
    box-shadow: 1px 1px 3px 0px rgba(2, 2, 2, 0.23);
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.23);
}
button.tc-popup-btn {
    width: 40px;
    height: 40px;
    border: none;
    background-color: var(--e-global-color-accent);
    border-radius: 100%;
    color: white !important;
    font-size: 30px;
    font-weight: 600;
    line-height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-indent: 2px;
	margin-bottom: 5px;
}
@media (max-width:980px){
	.tc-container{
		grid-template-columns: repeat(2, 1fr);
	}
	.tc-popup-content{
		flex-direction: column-reverse;
	}
}
@media (max-width:767px){
	.tc-container{
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
	}
	.tc-item-container{
		flex-direction: column;
	}
	.tc-desc{
		font-size:14px;
	}
	.tc-content {
		width: 100%;
	}
	.tc-img{
		margin-bottom: 10px;
	}
	.tc-site{
		display: flex;
		justify-content: center;
		gap: 8px;
		width: 100%;
		margin-top: 10px;
	}
	.tc-item-container{
		    padding-bottom: 12px;
	}
	.tc-popup-content{
		padding: 20px;
		padding-top: 60px;
		gap: 10px;
	}
	.tc-popup-txt{
		font-size:13px;
	}
	.tc-popup-content img {
		max-height: 150px;
		max-width: 78%;
	}
	.tc-popup-title {
    	font-size: 18px; 
	}
}