/**
 * Theme Name: Glaneurs Glaneuse ONE
 * Template:   twentytwentyone
 */






html {
/*    scroll-behavior: smooth;*/
}
body {
/*    background-color: #fff;*/
}











/*HEADER*/


header#masthead {
    position: fixed;
	z-index:1;
	top:0;
	width: 100%;
	max-width: 100% !important;
	background-color:#fff;
	border-bottom: 1px solid #eee;
	height:70px;
}
.site-branding {
    display: none;
}
@media only screen and (min-width: 482px) {
    .site-header {
        padding-top: 0 !important;
		padding-bottom: 0 !important;
    }
	.primary-navigation {
        margin-right: auto;
    }
}
.primary-navigation .primary-menu-container > ul > .menu-item > a {
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
}
.primary-navigation .primary-menu-container > ul > .menu-item > a:hover {
	text-decoration: underline;
	color: #DA1C23;
}
.has-background-white .site a.visible:focus:not(.wp-block-button__link):not(.wp-block-file__button),
.has-background-white .site a.visible:active:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: none !important;
    color: #000;
}
.has-background-white .site a.mPS2id-highlight{ 
    text-decoration: underline !important;
	color:#DA1C23 !important;
}





/*FOOTER*/


.site-info,
.entry-footer {
    display: none !important;
}

.no-widgets .site-footer {
    margin-top: 0 !important;
}









/*LAYOUT*/

.site-main {
    padding-top: 70px !important;
}
.home .site-main {
    padding-top: 0 !important;
}
#accueil, #home {
    padding-top: 70px !important;
}
.entry-header {
    display: none;
}
@media only screen and (min-width: 822px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 900px) !important;
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 100%) !important;
	}
}
@media only screen and (min-width: 482px) {
    .primary-navigation .primary-menu-container > ul > .menu-item > a {
        padding-top: 8px;
        padding-bottom: 8px;
        margin-left: 3px;
        margin-right: 3px;
		letter-spacing: 0.5px !important;
    }
}





/*STYLES*/

:root {
	--global--font-size-base: 1rem !important;
	--global--font-size-xxl: 4.8rem !important;
	--global--font-primary: Poppins !important;
	--global--font-secondary: Poppins !important;
	--form--border-radius: 100px !important;
	--button--border-radius: 100px !important;
	--form--border-width: 1px !important;
	--button--border-width: 1px !important;
	--heading--font-size-h1: 56px !important;
	--global--font-size-xs: 0.85rem !important;
}


.hero {
    max-width:100% !important;
	padding: 0;
	gap: 0;
}
.hero_image img{
	width: 100%;
    max-width: 100%;
    height: calc(100vh - 70px);
    object-fit: cover;
    object-position: center center;
}
.hero_gauche {
	margin: auto !important;
}
h1 {
	margin-top: 20px !important;
}
h2 {
	font-weight: 400 !important;
	font-size: 34px !important;
	line-height:1.05em !important;
	margin: 0 auto 40px auto !important;
}
.home h2 {
	font-size: 56px !important;
	padding: 0 60px !important;
	margin-bottom: 60px !important;
}
.hero h2 {
	text-transform: uppercase;
	font-size: 70px !important;
	margin: 0 auto 10px !important;
	padding: 0 !important;
}
h3 {
	font-size: 24px !important;
}
body.home h3 {
	font-size:16px !important;
    text-transform: uppercase !important;
    color: #DA1C23 !important;
    letter-spacing: 3px;
	margin: 100px auto 10px !important;
}
body .hero h3 {
	margin: 0 auto !important;
	margin-bottom: 50px !important;
	font-size: 24px !important;
    color: #DA1C23 !important;
    text-transform: inherit !important;
	letter-spacing: 2px !important;
}
.privacy-policy h4 {
	font-size: 20px !important;
	font-weight: normal;
}
.privacy-policy h5 {
	letter-spacing: normal;
	font-weight: normal;
}
.privacy-policy ul {
	list-style: none;
	padding-left: 0;
}
.logos{
	max-width:470px !important;
}
.wp-block-button.is-style-outline .wp-block-button__link {
    border: 1px solid;
}
.bouton_films {
    margin-top: 50px !important;
}
.memoire {
	background-color: #fafafa !important;
	padding: 0;
	gap: 0;
}
.memoire div{
	padding: 40px;
}
.memoire div:nth-child(1){
	padding-right: 0px;
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
    border: 1px solid #eee;
	padding: 20px; 
}
.post-password-required {
    max-width: 600px !important;
	margin: auto;
}
form, button, input, a {
    outline: none !important;
}
body .wp-block-button.is-style-outline .wp-block-button__link:hover, body .wp-block-button.is-style-outline .wp-block-button__link:active {
    border-color: #DA1C23 !important;
	background-color: #DA1C23 !important;
    color: #fff;
}
.lang-item a{
	color: #999 !important;
    font-size: 14px !important;
    font-style: italic !important;
    text-transform: inherit !important;
	line-height:18px !important;
	border: solid 1px #eee;
    margin: 0 !important;
}
.lang-item-fr a{
	border-radius: 25px 0 0 25px;
	padding-right: 0.5em !important;
	border-right:none;
}
.lang-item-en a{
	border-radius: 0 25px 25px 0;
	padding-left: 0.5em !important;
	border-left-color: #F6F6F6;
}
.current-lang a{
	color:#000 !important;
}
.lang-item-first {
	margin-left:10px !important;
}
.contenu {
    border-bottom: 1px solid #eee;
    max-width: 100% !important;
}
.contenu:not(.hero) {
    padding: 0 calc((100vw - 900px) / 2) 100px;
	margin: 0 !important;
}
#projet .wp-block-embed,
#project .wp-block-embed {
    padding: 0px 100px;
	margin-bottom: 50px;
}
#memoire ul,
#memories ul {
    margin-top: 0px;
}
#memoire p:has(+ul),
#memories p:has(+ul) {
    margin-bottom: 0px;
}
.logout {
    text-align: center;
	margin-top: 100px !important;
}
.logout a {
    color: #DA1C23;
    border: 1px solid #DA1C23;
    border-radius: 30px;
    padding: 15px 30px;
    text-decoration: none;
}
.page-id-1115 h2,
.page-id-2427 h2,
.kit {
    margin-top: 60px !important;
}
.kit a {
    border: 1px solid #000;
    border-radius: 30px;
    padding: 15px 30px;
    text-decoration: none;;
}
.soutien {
    margin: 15px auto !important;
}
.logo-cine-tamaris {
    margin: 15px auto !important;
}
.logos {
    margin-top: 0px !important;
}
sub, sup {
    font-size: 85% !important;
}
.liste_soutiens a {
    text-decoration: none !important;
}
.liste_soutiens strong {
    font-weight: 600 !important;
}
.widget-area  {
    display: inherit !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	font-size: 16px !important;
}
.widget-area section {
	margin: 0 auto !important;
}
.widget-area a {
	text-decoration-thickness: 1px !important;
}
.footer-navigation {
    margin-top: 10px !important;
}
.post-password-form__label {
    display: none;
}
.post-password-message {
    margin-top: 70px !important;
}
.post-password-form {
    margin-bottom: 50px !important;
}
.post-password-required {
	margin-top: 75px !important;
    margin-bottom: 50px !important;
}
.memoire p {
    margin: 0px auto 3px !important;
}
.has-extra-small-font-size {
    line-height:1.8 !important;
}





/*TRANSITION*/


.wp-block-button.is-style-outline .wp-block-button__link,
.primary-navigation .primary-menu-container > ul > .menu-item > a {
    transition: all 0.2s !important;
}







/*PAGE FILMS*/


summary {
	font-size: 22px;
}
details {
	border: 1px solid #333;
	padding : 25px 30px;
	max-width: 780px !important;
}
details p:first-of-type {
	margin-bottom: 50px !important;
}
.page-id-1395 .wp-block-group,
.page-id-2926 .wp-block-group {
	margin-bottom: 60px !important;
}


.page-id-1395,
.page-id-1395 #masthead,
.page-id-2926,
.page-id-2926 #masthead,
.page-id-4361,
.page-id-4361 #masthead,
.page-id-4375,
.page-id-4375 #masthead{
	background-color: #000 !important;
	color:#fff !important;
}
.page-id-1395 #masthead,
.page-id-2926 #masthead,
.page-id-4361 #masthead,
.page-id-4375 #masthead {
	border-bottom: 1px solid #333;
}
.page-id-1395 .primary-navigation a,
.page-id-1395 .footer-navigation a,
.page-id-1395 button,
.page-id-2926 .primary-navigation a,
.page-id-2926 .footer-navigation a,
.page-id-2926 button,
.page-id-4361 .primary-navigation a,
.page-id-4361 .footer-navigation a,
.page-id-4361 button,
.page-id-4375 .primary-navigation a,
.page-id-4375 .footer-navigation a,
.page-id-4375 button{
    color: #fff !important;
}
.page-id-1395 input,
.page-id-2926 input,
.page-id-4361 input,
.page-id-4375 input{
    border-color: #fff !important;
}
.page-id-1395 .widget-area,
.page-id-2926 .widget-area,
.page-id-4361 .widget-area,
.page-id-4375 .widget-area {
    filter: invert(1);
}







/* FOOTER */



.footer-navigation-wrapper li a:link, .footer-navigation-wrapper li a:visited, .footer-navigation-wrapper li a:active {
    font-size: 85%;
    color: #999 !important;
}

#block-8 img {
    margin-bottom: 20px;
}
#menu-item-4351 a, 
#menu-item-4352 a {
    text-decoration: none;
}






/*FADE ANIMATION - DESKTOP ONLY */




@media (min-width: 782px) {
	body * {
		opacity: 0;
		transition: opacity 0.5s ease-out;
		transition-delay : 0.4s;
	}
	.privacy-policy *, .page-id-959 *, .page-id-2916 * {
		opacity: 1;
	}
	.visible {
		opacity: 1;
	}
}




/*DEBUG FADE EFFECT FOR IMAGE GALLERY*/


.wp-block-gallery.has-nested-images figure.wp-block-image,
.wp-block-gallery.has-nested-images figure.wp-block-image img,
.wp-lightbox-overlay.zoom.active .lightbox-image-container img,
.wp-lightbox-overlay.zoom.active .lightbox-image-container figure {
    opacity: 1 !important; 
}
.lightbox-trigger {
    opacity: 1 !important; 
	visibility:  hidden !important;
}




/*AGNES*/


#scrollButton {
	visibility: hidden;
	position: fixed;
	bottom: 40px;
	right: 40px;
	width: 110px;
	height: 110px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('/wp-content/themes/twentytwentyone-glaneursglaneuse/images/agnes_1.jpg');
	background-color: #fff;
/*	border: none !important;*/
	border-radius: 100%;
	outline: none !important;
}
.home #scrollButton {
	visibility: visible;
}
#scrollButton:hover {
	border: none !important;
}
#nextSectionLabel{
	display: none !important;
}









/*RESPONSIVE*/


@media (max-width: 782px) {
	body {
/*		background-color: red !important;*/
	}
	:root {
		--responsive--spacing-horizontal: calc(2* var(--global--spacing-horizontal)* 1.8) !important;
	}
	.hero_image img {
		max-height: 100vw !important;
	}
	.logos{
		max-width:80% !important;
	}
	.hero_gauche .logos{
		margin-bottom: 50px !important;
	}
	#accueil, #home {
		padding-top: 130px !important;
	}
	body:not(.home) .site-main {
		padding-top: 110px !important;
	}
	#scrollButton {
		display: none;
	}
	h2, h1 {
		font-size: 40px !important;
		padding: 0 !important;
	}
	.home h2 {
		font-size: 40px !important;
		padding: 0 10px !important;
	}
	.hero h2 {
		font-size: 50px !important;
	}
	.bouton_films {
		margin-top: 60px !important;
	}
	.memoire figure {
		max-height: 380px !important;
	}
	.primary-navigation .primary-menu-container > ul > .menu-item > a {
		text-align: center;
	}
	#projet .wp-block-embed,
	#project .wp-block-embed {
		padding: 0px;
	}
	.memoire div:nth-child(1) {
		padding-right: 40px;
		padding-bottom: 0;
	}
	.memoire div:nth-child(2) {
		padding-top: 0;
	}
	.lang-item-fr a{
		border-radius: 25px;
		padding-right: 0 !important;
		border-right: 1px solid #eee !important;
	}
	.lang-item-en a{
		border-radius: 25px;
		padding-left: 0 !important;
		border-left-color: #eee !important;
	}
	.lang-item a {
		width: 70px;
    	margin: 10px auto !important;
	}
	.lang-item-first {
		margin-left: 0px !important;
	}

	
	
	
	
}