/*
 Theme Name:   Halle Spé
 Theme URI:    
 Description:  Thème de la Halle aux Spectacles
 Author:       Benoit Patin
 Template:     spacious
*/


/*********************************************
 * Page Halle aux spectacles
 *********************************************/

.halleGrid .rt-holder{
	left: 0px;
	top: 0px;
	background: #fff;
	box-shadow: 0 0 2px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.3);
	overflow: hidden;
}

.halleGrid .rt-img-holder{
	height : 350px;
	width: 100%;
}

.halleGrid .rt-img-holder > a{
	display :initial;
}

.halleGrid .rt-detail{
  	padding: 15px !important;
}

.halleGrid .overlay{
	background: rgb(0,0,0) !important;
	background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) !important;
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) !important;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	color : #fff !important;
	min-height : 200px;
	padding : 35px !important;
}

.halleGrid .layout5 .rt-holder .overlay .tpg-excerpt{
	max-height : 20px;
	background: linear-gradient(to top, black, white);
  	background-size: 100% 100%;
  	background-position: bottom;
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	transition:all 1s ease;
	font-size : .8em;
}


.halleGrid .layout5 .rt-holder:hover .overlay .tpg-excerpt{
	max-height : 200px;
	background-position: top;
	background-size: 100% 400%;
}


.halleGrid .entry-title, .halleGrid .post-meta-user{
	margin : 5px 0  !important;
	padding : 0 !important;
	text-align: left;
	font-size: 12px;
	margin-bottom: 13px;
	color: rgba(144,143,143,1);
}
.halleGrid .entry-title{
	font-weight: 800 !important;
	font-size : 2em !important;
	line-height : 1em !important; 
	text-transform : uppercase;
}

.halleGrid img, .halleGrid p{
	margin : 0  !important;
	width: 100%;
}

.halleGrid .read-more{
	text-align: left !important;
	margin : 5px 0  !important;
}

.halleGrid .tpg-iso-filter{
	margin: 0px 0 25px;
  text-align: left;
}

.halleGrid .read-more a, .halleGrid button{
	background-color: inherit !important;
	border : 1px solid #999 !important;
	color : #999 !important;
	padding: 0px 8px !important;
	font-size : 0.75em !important;
	transition : .5s;
}

.halleGrid .read-more a:hover, .halleGrid button:hover, .halleGrid .selected{
	border : 1px solid #000 !important;
	color : #000 !important;
}


/* Style du bouton principal "Menu" */
.halle_toggle {
    background-color: #3498db;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
}

button.halle_toggle {
	margin-left : 10px;
}

/* Style du conteneur du menu déroulant */
.halle_menu-deroulant {
    display: none; /* Masquer les boutons originaux par défaut */
    z-index: 10; /* Assurer que le menu soit au-dessus du reste du contenu */
}

/* Style des boutons dans le menu déroulant */
.halle_menu-deroulant button{
    display: inline-block; /* Afficher les boutons en colonne */
    padding: 10px;  /* Ajouter du padding */
    border: none;   /* Enlever la bordure des boutons */
    text-align: left; /* Aligner le texte à gauche */
    background-color: white;
    cursor: pointer;
}


@media(max-width:1024px) and (min-width:768px) {
  .elementor-26589 .elementor-element.elementor-element-61c1420c {
    width:100% !important;
  }
}



/*********************************************
 * Pages Artistes 
 *********************************************/
.photosArtistes .elementor-image a{
	display : inherit !important;
}

.post .entry-content a{
	color : inherit;	
}

.elementor-icon-box-content .elementor-icon-box-title, .elementor-icon-box-content .elementor-icon-box-title a{
	text-transform: inherit !important;
}


/*********************************************
 * Elements de Pages
 *********************************************/

#site-title{
	display:none;
}

#header-text-nav-wrap{
	padding-bottom : 0;
}
#header-logo-image img {
	width : 300px;
	margin-bottom : 20px;
}

.home #header-logo-image img{
	margin-bottom : 0px;
}

#site-description{
	margin-top: 40px;
}
#site-title, #header-text{
	padding:0;
}
@media screen and (max-width: 932px) {
		#header-logo-image img {
		width : 200px;
	}

	#site-description{
	margin-top: 20px;
}
}
	
	
@media screen and (max-width: 768px) {
	.site-header .menu-toggle {
		float:right;
	}
	.better-responsive-menu #header-logo-image, #site-description{
		float : left;
	}
	.better-responsive-menu #header-text{
		margin : 0;
	}
	
	.better-responsive-menu #header-text-nav-container{
		margin-bottom : inherit;
	}

}


/* Menu */
.main-navigation ul li a {
  line-height: 1.2em;
}

/* Cible les éléments avec font-weight: 300 */
.elementor-element[class*="elementor-element-"] {
    font-weight: 400 !important;
}


.legende_photo{
  text-align: right;
  position: absolute !important;
  bottom: -20px;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}


img {
	margin-bottom : 0px;
}

/* BODY */

#header-text-nav-container, #mon-degrade-personnalise{
	background: #44AC91;
	background: -webkit-linear-gradient(45deg, rgba(68, 172, 145, 1) 0%, rgba(92, 197, 138, 1) 50%, rgba(48, 155, 155, 1) 100%);
	background: -moz-linear-gradient(45deg, rgba(68, 172, 145, 1) 0%, rgba(92, 197, 138, 1) 50%, rgba(48, 155, 155, 1) 100%);
	background: linear-gradient(45deg, rgba(68, 172, 145, 1) 0%, rgba(92, 197, 138, 1) 50%, rgba(48, 155, 155, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#44AC91", endColorstr="#309B9B", GradientType=0);
}

.elementor-element.elementor-element-4fb416b7:not(.elementor-motion-effects-element-type-background){
	background: #44AC91;
	background: -webkit-linear-gradient(45deg, rgba(68, 172, 145, 0.8) 0%, rgba(92, 197, 138, 0.8) 50%, rgba(48, 155, 155, 0.8) 100%);
	background: -moz-linear-gradient(45deg, rgba(68, 172, 145, 0.8) 0%, rgba(92, 197, 138, 0.8) 50%, rgba(48, 155, 155, 0.8) 100%);
	background: linear-gradient(45deg, rgba(68, 172, 145, 0.8) 0%, rgba(92, 197, 138, 0.8) 50%, rgba(48, 155, 155, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#44AC91", endColorstr="#309B9B", GradientType=0);
}

#header-text-nav-container{
	border:0;
}

#header-text-nav-container a{
	color: #FFF;
}

#header-text-nav-container p{
	color: #FFF;
}

.elementor-shape-top .elementor-shape-fill {
  fill: url(#mon-degrade-personnalise) !important;
}


#main{
	padding: 0;
}

body, p{
	font-family : "helvetica" !important;
}

.clickableHoverColor:hover, .clickableHoverColorLink:hover a{
	background-color : rgba(235, 240, 245, 0.25)  !important;; 
	/* background-color : #fbfdfd; */
	
}


.particuleTitle{
	font-family : "helvetica";
	font-size: 0.4em;
 	font-weight: normal;
  	text-transform: uppercase;
}

.svgWhite *{
	stroke : #FFF !important;
}

.svgGreen *{
	stroke : #03A691 !important;
}

.svgOrange *{
	stroke : #ffa640 !important;
}

.stroke1 *{stroke-width : 1px !important;}
.stroke2 *{stroke-width : 2px !important;}
.stroke3 *{stroke-width : 3px !important;}
.stroke4 *{stroke-width : 4px !important;}
.stroke5 *{stroke-width : 5px !important;}
.stroke8 *{stroke-width : 8px !important;}
.stroke10 *{stroke-width : 10px !important;}
.stroke15 *{stroke-width : 15px !important;}
.stroke20 *{stroke-width : 20px !important;}


.cornerLM::before{
	content :"";
  position: absolute;
  inset: 0;
  background: var(--c,red);
  --_g: #0000 90deg,#000 0;
  --_p: var(--w) var(--w) no-repeat;
  --mask:
    conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g)) 100% 0    / var(--_p),
    conic-gradient(from 0deg   at bottom var(--b) left  var(--b),var(--_g)) 0    100% / var(--_p);
    -webkit-mask: var(--mask);
            mask: var(--mask);
	--c:repeating-linear-gradient(45deg,#03A691,#FFA640);
    --w:30px;
    --b:8px
}

.cornerLMgreen::before{
	content :"";
  position: absolute;
  inset: 0;
  background: var(--c,red);
  --_g: #0000 90deg,#000 0;
  --_p: var(--w) var(--w) no-repeat;
  --mask:
    conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g)) 100% 0    / var(--_p),
    conic-gradient(from 0deg   at bottom var(--b) left  var(--b),var(--_g)) 0    100% / var(--_p);
    -webkit-mask: var(--mask);
            mask: var(--mask);
	--c:repeating-linear-gradient(45deg,#03A691,#03A691);
    --w:30px;
    --b:8px
}


.cornerLMgreen_short::before{
	content :"";
  position: absolute;
  inset: 0;
  background: var(--c,red);
  --_g: #0000 90deg,#000 0;
  --_p: var(--w) var(--w) no-repeat;
  --mask:
    conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g)) 100% 0    / var(--_p),
    conic-gradient(from 0deg   at bottom var(--b) left  var(--b),var(--_g)) 0    100% / var(--_p);
    -webkit-mask: var(--mask);
            mask: var(--mask);
	--c:repeating-linear-gradient(45deg,#03A691,#03A691);
    --w:15px;
    --b:4px
}

.cornerLMorange::before{
	content :"";
  position: absolute;
  inset: 0;
  background: var(--c,red);
  --_g: #0000 90deg,#000 0;
  --_p: var(--w) var(--w) no-repeat;
  --mask:
    conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g)) 100% 0    / var(--_p),
    conic-gradient(from 0deg   at bottom var(--b) left  var(--b),var(--_g)) 0    100% / var(--_p);
    -webkit-mask: var(--mask);
            mask: var(--mask);
	--c:repeating-linear-gradient(45deg,#FFA640,#FFA640);
    --w:30px;
    --b:8px
}


.cornerLMorange_short::before{
	content :"";
  position: absolute;
  inset: 0;
  background: var(--c,red);
  --_g: #0000 90deg,#000 0;
  --_p: var(--w) var(--w) no-repeat;
  --mask:
    conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g)) 100% 0    / var(--_p),
    conic-gradient(from 0deg   at bottom var(--b) left  var(--b),var(--_g)) 0    100% / var(--_p);
    -webkit-mask: var(--mask);
            mask: var(--mask);
	--c:repeating-linear-gradient(45deg,#FFA640,#FFA640);
    --w:15px;
    --b:4px
}

.cornerLMRed::before{
	content :"";
  position: absolute;
  inset: 0;
  background: var(--c,red);
  --_g: #0000 90deg,#000 0;
  --_p: var(--w) var(--w) no-repeat;
  --mask:
    conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g)) 100% 0    / var(--_p),
    conic-gradient(from 0deg   at bottom var(--b) left  var(--b),var(--_g)) 0    100% / var(--_p);
    -webkit-mask: var(--mask);
            mask: var(--mask);
	--c:repeating-linear-gradient(45deg,#b81c23,#b81c23);
    --w:30px;
    --b:8px
}

.footer-socket-wrapper{
	display:none;
}

.floatL{
	float: left;
	display: contents;
}


/* répare le centrage du site, pas compris le bug... */
.entry-content.clearfix{
	display:block !important;
}