/*
Theme Name: Theme Der Lauf
Description: Theme enfant de Twenty Nineteen
Author: Priam PIERRET - Compagnie 24
Author URI: https://www.priam.eu
Template: twentynineteen
Version: 1.3
*/
:root {
  --color-red: #C53B3B;
  --color-grey:#807E7F;
  --color-light-grey:#999;
  --color-dark-grey:#555;
}
@font-face {
  font-family: "FuturaWeb";
  src: url("futura-medium-bt.ttf") format("truetype");
}
@font-face {
  font-family: "MontBlack";
  src: url("Mont-Black.ttf") format("truetype");
}

* { scroll-behavior: smooth;}

body {
    color: var(--color-grey);
    font-family: FuturaWeb, sans-serif;
}
body a, body a:visited {
    color: var(--color-light-grey);
}


.author-description .author-link, .comment-metadata, .comment-reply-link, .comments-title, .comment-author .fn, .discussion-meta-info, .entry-meta, .entry-footer, .main-navigation, .no-comments, .not-found .page-title, .error-404 .page-title, .post-navigation .post-title, .page-links, .page-description, .pagination .nav-links, .sticky-post, .site-title, .site-info, #cancel-comment-reply-link, h1, h2, h3, h4, h5, h6, .menu-page a  {
	font-family: MontBlack, sans-serif;
	font-weight:bold;
	color:var(--color-red);
}

h1, h2, h3, h4, h5, h6 {    
	font-family: MontBlack, sans-serif;
	font-weight:bold;
	color:var(--color-red);
	scroll-margin-top: 110px;
}
h1, h2 { 
	text-transform: uppercase;
}
h3, h4, h5, h6 {    
	color:var(--color-grey);
}
h2 {font-size:1.5em;}

#video, #photos, #le-spectacle {
	scroll-margin-top: 110px;
}
main header h1 {
	text-align:center;
	font-size:2em!important;
	font-weight:bold;
}

@media only screen and (min-width: 1168px)
{
	.entry .entry-content > *, .entry .entry-summary > *, .entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *, .entry .entry-content > .wp-block-group > .wp-block-group__inner-container > * {
		max-width: none;
	}
	.entry .entry-content .wp-block-image:not(.alignwide):not(.alignfull) > img {
		max-width: none;
	}
}
@media only screen and (min-width: 768px)
{
	.entry .entry-content > *, .entry .entry-summary > *, .entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *, .entry .entry-content > .wp-block-group > .wp-block-group__inner-container > * {
		max-width: none!important;
	}
	.entry .entry-content .wp-block-image:not(.alignwide):not(.alignfull) > img {
		max-width: none!important;
	}
}

body.page .main-navigation {
    display: block;
    margin: 0;
	text-align:right;
	margin-top: 30px;
}

nav#site-navigation a, nav#site-navigation a:visited, .menu-page a, .menu-page a:visited {
	font-family: MontBlack, sans-serif;
	color:var(--color-red)!important;
	text-decoration:none!important;
	font-weight:bold;
	margin-right:1rem;
	font-size:24px!important;	
}	
nav#site-navigation a:hover, .menu-page a:hover  {
	text-decoration:underline;
}

/*
header.site-header {
	position: sticky;
    top: 0px;
    z-index: 100;
    background-color: white;
}
*/
.site-header {
    margin: 0;
    padding: 0.5em 0;
}
.main-navigation {
	font-size:1em;
}

.main-navigation .sub-menu {
	background-color:#fff;
	color:var(--color-grey);
	border:solid var(--color-red) 1px;
}
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus, .main-navigation .sub-menu > li > .menu-item-link-return:hover, .main-navigation .sub-menu > li > .menu-item-link-return:focus {background-color:#fff;}

.submenu-expand {filter: hue-rotate(160deg) brightness(0.9);}

main-navigation .main-menu > li > a {
    margin-right: 1rem;
}

.site-title  {
	font-family: MontBlack, sans-serif;
	margin-bottom:30px;
}

.site-title a:link, .site-title a:visited, .site-title a {
    color: var(--color-red);
	font-weight:bold;
	font-size:1.5em;
}

#main .entry-content > p,#agenda-dates {
	line-height:1em;
	letter-spacing:-1px;
	font-size:18px;
}
#main .entry-content > p {
	text-align:justify;
}
#main .entry-content > p.has-text-align-center {
	text-align:center;
}

#main h1:not(.site-title):before, #main h2:before {
    background: none;
    content: "";
    display: none;
    height: 0px;
    margin: 0;
    width: 0;
}

.menu-page {
	/*
	position:sticky;
	top:100px;
	z-index: 100;
    background-color: white;
	*/
}

.menu-page a  {
	color:var(--color-red)!important;
	font-weight:bold;
	text-decoration:none!important;
}
.menu-page a:hover {
	color:var(--color-red)!important;
	font-weight:bold;
	text-decoration:underline!important;
}



#agenda-dates ul {list-style-type:none;padding:0;}
#agenda-dates h2 {font-size: 1.5em;}
#agenda-dates h3 {font-size: 1.125em;}
#agenda-dates .periode {display:inline-block;} 
#agenda-dates .groupes-mois-dates .periode {width:70px;text-align:center;} 
#agenda-dates .groupes-annee-dates .periode {width:auto;text-align:left;} 
/* #agenda-dates .groupes-annee-dates {color:#aaa;} */
/* #agenda-dates .groupes-annee-dates a {color:#09c;;} */

/* PIED DE PAGE */
@media only screen and (min-width: 1168px) {
    #colophon .widget-column .widget {
        margin-right: 0; 
        width: 100% ;
    }
}

/************************
STYLES DE LA PAGE ACCUEIL (PORTAIL)
***************************/
body.page-id-775 main header {display:none;}
body.page-id-775 figure {text-align:center;}
body.page-id-775 h2 a, body.page-id-775 h2 a:visited {	color:var(--color-red);text-decoration:none!important;}
body.page-id-775 h2 a:hover {text-decoration:underline!important;}



/************************
STYLES DE LA PAGE DER LAUF
***************************/
body.page-id-2 {
}
body.page-id-2 main header, body.page-id-833 main header, body.page-id-834 main header {display:none;}
.pos-rel {position:relative;}




/************************
STYLES DE LA PAGE J'ADORE & LIBERTE, MON CUL !
***************************/
/*
body.page-id-900 {
	background-color:#eee;
	background-image:url(https://derlauf.be/wp-content/uploads/2025/11/couverture-dossier-jadore3.jpg);
	background-repeat:repeat-y;
	background-size:max(1000px,100%) auto;
    color: var(--color-dark-grey);
}
*/
body.page-id-900 header {background-color:rgba(255,255,255,0);}
body.page-id-900 .entry-content {background:rgba(255,255,255,0);}
.font-size-demi {font-size:0.6em;font-weight: normal;} 

.entry .entry-content .wp-block-file .wp-block-file__button {background-color: var(--color-light-grey)}
.o-plein {
	font-size: 0.9em;
    display: inline-block;
    padding-top: 0px;
    position: relative;
    vertical-align: baseline;
    top: -1px;
}