/*
 Theme Name:   FNE Paris Thème
 Description:  Thème pour le site de l'association FNE Paris
 Author:       Matthieu Devaux Webdesigner
 Author URI:   https://www.md-webdesigner.com/
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


html {
    font-size: 62.5%;
}

.comments-area a, .page-content a {
    text-decoration: none!important;
}

.elementor-widget-text-editor a {
	text-decoration:underline;
}

[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    color: inherit;
    background-color: inherit;
}

ul.post-categories li a[href*="page-accueil"] {
	display:none;
}

header.elementor-sticky--effects {
    padding-top: 10px;
}

header.elementor-sticky--effects .elementor-widget-theme-site-logo img {
    width: 180px !important;
}

header.elementor-sticky--effects .elementor-nav-menu--toggle .elementor-widget-container,
header.elementor-sticky--effects .elementor-widget-hfe-search-button .elementor-widget-container {
    margin-top: 1px !important;
}

header.elementor-sticky--effects .elementor-widget-icon .elementor-widget-container {
	margin-top:9px!important;
}

.menu-item-6018 a.elementor-item {
    background: url(../../../wp-content/uploads/Trace-199don.svg) no-repeat center / calc(100% - 20px);
    color: #fff !important;
	margin-left:5px;
}

.menu-item-6018 a.elementor-item svg path {
	fill:#fff;
}

li.menu-item-6018 a.highlighted, 
li.menu-item-6018 a.highlighted:after,
li.menu-item-6018 a:hover::before,
li.menu-item-6018 a:focus::before,
li.current-menu-item.menu-item-6018 a:before,
li.current-menu-item.menu-item-6018 a:active:before{
    background-color: transparent !important;
}

i.fas.fa-search {
    background: url(../../../wp-content/uploads/loupe.svg) no-repeat center;
    color: transparent !important;
}

:focus-visible {
	outline-color:#CF1720;
	outline-width:0.5px;
}


.elementor-nav-menu .sub-arrow {padding-left:0!important;}

#elementor-popup-modal-6055 .dialog-message * {
    height: 100%;
}

li.cmplz-show-banner.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-7168 {
    cursor: pointer;
}

#cmplz-manage-consent, 
.cmplz-manage-consent, 
.cmplz-cookiebanner .cmplz-manage-consent {
    display: none !important;
}

.elementor-field-type-recaptcha_v3.recaptcha_v3-inline {
    opacity: 0;
}

/* Home 
 ----------------  */

#slider-home {
	overflow:hidden;
}

#slider-home .swiper-slide {
    padding: 0 15px;
}


#slider-home .captions-title .captions-content ul.post-categories {
    display: flex;
    gap: 10px;
	padding:0;
	margin:0;
}

#slider-home .elementor-post-info__terms-list a {
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
	 color: #C90C0F;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    text-decoration: none;
    text-transform: lowercase;
	font-size: 1.5rem;
    margin-right: 10px;
    margin-bottom: 5px;
}

#slider-home .captions-title .captions-content ul.post-categories li a[href*="page-accueil"], #slider-home .captions-title .captions-content ul.post-categories li a[href*="actualites"] {
   display:none;
}

#slider-home h2 {
	display:inline;
}

#slider-home h2 span {
	background:#fff;
	padding:5px 20px 5px 5px;
	border-radius:4px;
}

.btn-white {
	background:#fff;
	border-radius:5px;
	padding:15px 25px;
	font-family: 'Barlow', sans-serif;
	color:#C90C0F;
	margin-top:30px;
	display:inline-block;
	width:auto;
	text-transform:uppercase;
	text-decoration:none;
	font-family: "Barlow", Sans-serif;
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 2rem;
	transition: all .3s;
}

.btn-white:hover, .btn-white:focus {
	background:#C90C0F;
	color:#fff;
}

#slider-home .slick-slide img {
	height:100%;
	width:100%;
	object-fit:cover;
	border-radius:20px;
}

button.slick-arrow { 
	width:44px;
	height:44px;
	box-shadow:0 10px 20px rgba(0, 0, 0, .16);
	background:#FFFFFF;
	display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
}

button.slick-arrow:hover, button.slick-arrow:focus {
	background:#FFFFFF;
}

button.slick-arrow img {
	width:15px;
	height:25px;
	max-width:none;
}

.slick-prev:before, .slick-next:before {
	display:none!important;
}

.slick-prev {
    left: 0!important;
	z-index:2;
}

.slick-next {
	right:0!important;
	transform:rotate(180deg)!important;
}

.slick-dots {
	z-index:2;
}

.slick-dots li {
	margin:0!important;
}

.slick-dots li.slick-active button:before {
    opacity: 1!important;
    color: #CF1720!important;
}

.slick-dots li button:before {
	font-size:40px!important;
	opacity: 1!important;
    color: #FBEDEE!important;
}

.titre-scotch {
    background: url(https://md-webdesigner.com/fne-paris/wp-content/uploads/Groupe-96.svg) no-repeat left top / contain;
    height: 180px;
	margin-left:-50px;
	padding-left:100px;
    margin-bottom: -30px!important;
}

.titre-scotch .elementor-widget-container,
.scotch-white .elementor-widget-container {
	display:flex;
	align-items:center;
}

.scotch-right {
    background-position: right top;
}

.scotch-white {
    background-image: url(../../../wp-content/uploads/Groupe-98.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 170px;
    margin-bottom: 30px !important;
    padding-top: 80px;
    padding-right: 80px;
    margin-right: -80px;
    margin-top: -50px;
}

.titre-combat h2 {
    margin-top: -30px;
}

.e-loop-item .elementor-widget-image a {
    display: inline-block;
    width: 100%;
}

.combats .e-con.e-child:hover path, .combats .e-con.e-child:hover h3 {
    color: #C90C0F;
    fill: #C90C0F;
}

span.elementor-post-info__terms-list {
    color: transparent;
    display: flex !important;
    flex-wrap: wrap;
	font-size:0;
}

.e-loop-item:not(.swiper-slide) span.elementor-post-info__terms-list a,
.post span.elementor-post-info__terms-list a {
    background: #fff;
    color: #CF1720;
}

.e-loop-item:not(.swiper-slide) span.elementor-post-info__terms-list a, 
.post span.elementor-post-info__terms-list a {
    flex: 0 1 auto;
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
    border-radius: 5px;
    font-size: 1.2rem;
    line-height: 1.4rem;
	margin-right:5px;
	margin-bottom:5px;
    padding: 5px;
}

.post span.elementor-post-info__terms-list a {
	font-size: 1.4rem;
	padding:10px 15px;
}

.post .date-publi .elementor-widget-container {
	display:flex;
	align-items:flex-end;
}

span.elementor-post-info__terms-list a[href*="actions-locales"], span.elementor-post-info__terms-list a[href*="page-accueil"], span.elementor-post-info__terms-list a[href*="actualites"] {
	display:none!important;
}

.elementor-widget-theme-post-content p {
    margin-bottom: 25px;
}

.wpc-filters-widget-wrapper {
    display: grid;
    grid-template-columns: 25% 25% 15% 25%;
    gap: 35px;
}

.wpc-instead-of-posts-found {
    display: none;
}

.page-combat svg g, .page-combat svg path {
	fill:#fff;
}

.elementor-share-btn {
    border-radius: 4px;
}

.president .elementor-image-box-wrapper {
    flex-direction: column !important;
    justify-content: center;
}

.president figure.elementor-image-box-img {
    margin: 0 !important;
}

.president figure.elementor-image-box-img img {
    height: 200px;
    object-fit: cover;
}

/* Espace privé
 * ---------- */

.um * {
	font-family: "Barlow", Sans-serif!important;
}

.um-account-profile-link {
	display:none;
}

.um .um-cover-add:hover, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-item-meta a, .um .um-member-less a:hover, .um .um-member-more a:hover, .um .um-member-name a:hover, .um .um-members-pagi a:hover, .um .um-profile-subnav a.active, .um .um-tip:hover, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
    color: #c90c0f!important;
}

.um-request-button {
    background-color: #1d1e1f!important;
	color: #fff !important;
}


.um a.um-button, .um a.um-button.um-disabled:active, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:hover, .um input[type=submit].um-button, .um input[type=submit].um-button:focus {
	font-family: "Barlow", Sans-serif!important;
    font-size: 1.7rem!important;
    font-weight: 800!important;
    border-style: solid!important;
    border-width: 1px 1px 1px 1px!important;
    border-color: #c90c0f!important;
	background-color:#c90c0f!important;
	color:#fff!important;
	text-transform:uppercase!important;
}

.um .um-button.um-alt, .um input[type=submit].um-button.um-alt {
	background-color:#FBEDEE!important;
	color:#1D1E1F!important;
	border-color:transparent!important
}

.elementor-widget-text-editor .alignleft {
	width:45%!important;
}

.elementor-widget-text-editor .alignleft img {
	border-radius:20px;
	width:100%;
}
.documents-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* mobile par défaut */
  gap: 20px;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .documents-grid {
    grid-template-columns: repeat(3, 1fr); /* tablette */
  }
}

@media (min-width: 1024px) {
  .documents-grid {
    grid-template-columns: repeat(5, 1fr); /* desktop */
	  gap: 40px;
  }
}

.document-item {
  background: #fff;
  border-radius: 4px;
  padding: 15px;
  text-align: center;
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1)
}

.categorie-titre {
	margin:80px 0 20px;
}

.document-item h3 {
  font-size: 1.8rem;
  margin-top: 10px;
  color: #000;
}

.document-item a {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* Style du conteneur SVG */
.document-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 10px auto;
  background-color: #C90C0F; /* rouge */
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Style de l'icône elle-même */
.document-icon svg {
  width: 28px;
  height: 28px;
  fill: #fff; /* blanc */
}

main div.elementor-sticky--active {
    box-shadow: 0 0 10px #eeeeee;
}

@media (min-width: 1700px) {
    header {
        padding-left:10%!important;
		padding-right:10%!important;
    }
}


@media (max-width:1225px) {
	#slider-home .captions-title .captions-content { padding-left:75px;padding-right:50px;}
}

@media (min-width:1025px) and (max-width:1365px) {
	
	header .elementor-widget-hfe-search-button .elementor-widget-container {
    margin-top: 1px !important;
}

header .elementor-widget-icon .elementor-widget-container {
	margin-top:9px!important;
}
}

@media (min-width:1025px) and (max-width:1134px) {
	
	.elementor-5225 .elementor-element.elementor-element-2be5093 .elementor-nav-menu .elementor-item {
        font-size: 1.3rem!important;
    }
}

@media (max-width:1024px) {
	
		.menu-item-6018 a.elementor-item {
    background-size: contain;
    background-position: left;
    margin-bottom: 15px;
}
	
		#slider-home .captions-title .captions-content {
        padding-left: 45px;
        padding-right: 45px;
    }
	
	#slider-home .captions-title .captions-content h2 {
    	font-size: 2.4rem;
    	line-height: 4rem;
    	width: 100%;
	}
	
	#slider-home .captions-title .captions-content ul.post-categories {flex-wrap:wrap;gap: 5px;}
	
	#slider-home .captions-title .captions-content ul.post-categories li {line-height:1;}
	
	#slider-home .captions-title .captions-content ul.post-categories li a {
		font-size:1.4rem;
	}
	
	button.slick-arrow {
    	width: 25px;
    	height: 25px;
		padding:15px;
	}
	
	button.slick-arrow img {
    	width: 9px;
    	height: 19px;
	}
	
	.btn-white {
		font-size:1.5rem;
		line-height:1.8rem;
		margin-top:20px;
	
	}
	
}

@media (max-width:767px) {

	.elementor-widget-text-editor .alignleft, .elementor-widget-text-editor .alignleft img { width:100%!important;}
}

@media (max-width:480px) {
	
	.elementor-element.elementor-arrows-position-outside .swiper, .elementor-lightbox.elementor-arrows-position-outside .swiper {
    width: calc(100% - 40px)!important;
}
	.wpc-filters-widget-wrapper {
    display: block;
}
	
	.titre-scotch {
    background-size: 90px;
    margin-left: -15px;
    padding-left: 50px;
    height: auto;
    margin-bottom: 0 !important;
		min-height: 80px;
        align-items: center !important;
        display: flex;
}

	
	.titre-combat h2 {
    margin-top: 0;
}
}