/*
 Theme Name:   Anaon
 Theme URI:    https://anaonfunerairemaritime.fr
 Description:  Anaon - Twenty Twenty-One Child Theme
 Author:       SophieWeb
 Author URI:   https://sophieweb.com
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio
 Text Domain:  twentytwentyonechild
*/

@font-face {
	font-family: 'SpecialGothicCondensedOne';
	src: url('assets/fonts/SpecialGothicCondensedOne-Regular.woff') format('woff'),
	url('assets/fonts/SpecialGothicCondensedOne-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'WorkSans';
	src: url('assets/fonts/WorkSans-VariableFont_wght.woff') format('woff').
	url('assets/fonts/WorkSans-VariableFont_wght.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'WorkSans';
	src: url('assets/fonts/WorkSans-Italic-VariableFont_wght.woff') format('woff').
	url('assets/fonts/WorkSans-Italic-VariableFont_wght.woff2') format('woff2');
	font-weight: normal;
	font-style: italic;
}

:root {
	--global--color-background: var(-wp--preset--color--anaon-light-blue);
	--global--font-size-page-title: calc( var(--global--font-size-base) * 4 ) !important;
	--global--font-size-base: 1rem !important;

	--anaon-font-headings: WorkSans, Arial, Helvetica Neue, Helvetica, sans-serif;
	--anaon-font-base: WorkSans, Arial, Helvetica Neue, Helvetica, sans-serif;
	--anaon-font-condensed: SpecialGothicCondensedOne, Arial Narrow, sans-serif;
	--anaon-polaroid-padding: 3vw;

	--button--font-family: var(--anaon-font-condensed) !important;
	--button--font-size: calc( var(--global--font-size-base) * 1.75 ) !important;
	--button--padding-vertical: .5rem !important;

	--font-headings: var(--anaon-font-headings);
	--font-base: var(--anaon-font-base);

	--footer--font-family: var(--anaon-font-base) !important;

	--heading--font-size-h4: 1rem !important;
}

body {
	background: url("assets/images/fond2.jpg") no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

body:is(.page-id-2,.page-id-26,.page-id-33,.page-id-36,.page-id-403,.page-id-674,.category-cafes-mortels) {
	background-image: url("assets/images/fond1.jpg") !important;
}


.site .site-main {
	padding-top: 0;
}

.site .site-content::before,
.site .site-content::after {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 25vh;
	left: -5vw;
	pointer-events: none;
	position: fixed;
	top: 50vh;
	transition: opacity 3s ease-out;
	width: 15vw;
	z-index: 25;
}

.site .site-content::after {
	left: auto;
	right: -5vw;
	top: 40vh;
}

body.page-id-26 .site .site-content::before {
	background-image: url("assets/images/anaon0.jpg");
}

body.page-id-16 .site .site-content::before,
body.category-cafes-mortels .site .site-content::before {
	background-image: url("assets/images/anaon1.png");
}

body.page-id-33 .site .site-content::before,
body.page-id-44 .site .site-content::before {
	background-image: url("assets/images/anaon2.png");
	width: 8vw;
}

body.page-id-44 .site .site-content::before {
	width: 8vw;
}

body.page-id-2 .site .site-content::before {
	background-image: url("assets/images/anaon3.png");
	height: 30vh;
}

body.page-id-674 .site .site-content::before {
	background-image: url("assets/images/anaon4.png");
	transform: matrix(0,1,1,0,20,0) rotate(-90deg);
}

body.category-cafes-mortels .site .site-content::after {
	background-image: url("assets/images/anaon4.png");
	top: 60vh;
}

body.page-id-403 .site .site-content::before {
	background-image: url("assets/images/anaon5.png");
	transform: matrix(0,1,1,0,20,0) rotate(-90deg);
}

body.page-id-44 .site .site-content::after {
	background-image: url("assets/images/anaon5.png");
	left: -3vw;
	right: auto;
	top: 60vh;
	width: 12vw;
}

#masthead #site-navigation {
	max-height: 100vh;
	overflow-y: auto;
}

#masthead .primary-navigation .menu-wrapper.home > li > a {
	background: url("assets/images/en_mer.png") no-repeat;
	background-position: 8px 100%;
	background-size: 80% auto;
	color: transparent;
	font-size: 2rem;
	line-height: 1;
	padding: 16px 8px 0;
}

#masthead .primary-navigation .menu-wrapper.home > li + li > a {
	background-image: url("assets/images/a_terre.png");
}

#masthead .primary-navigation .sub-menu {
	border: unset;
}

#masthead .primary-navigation .menu-wrapper li a {
	font-size: 1rem;
}

#masthead .primary-navigation .menu-wrapper li li li a {
	font-size: .875rem;
}

#masthead .primary-navigation .menu-wrapper li li ul.sub-menu li:not(:last-child)::after,
#masthead .primary-navigation .menu-wrapper li li ul.sub-menu li:not(:last-child)::after {
	border-right: 1px solid var(--wp--preset--color--anaon-black);
	bottom: .25rem;
	content: "";
	position: absolute;
	right: 0;
	top: .375rem;
}

#masthead #social-menu-list {
	display: flex;
}

#masthead #social-menu-list a {
	padding: 5px;
}

.site .entry-title,
.site .page-title {
	font-family: var(--anaon-font-condensed);
	text-align: center;
}

.site .entry-header {
	margin-bottom: 0;
	padding: 0;
}

.singular .site .entry-header,
.category .site .page-header {
	border-bottom: unset;
	margin-bottom: 0;
	padding: 0;
}

body.page-id-2 .site .entry-header,
body.page-id-16 .site .entry-header,
body.page-id-33 .site .entry-header,
body.page-id-44 .site .entry-header,
body.page-id-46 .site .entry-header,
body.page-id-48 .site .entry-header,
body.page-id-403 .site .entry-header,
body.page-id-409 .site .entry-header,
body.page-id-411 .site .entry-header,
body.page-id-674 .site .entry-header,
body.category-cafes-mortels .site .entry-title {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

body.category-cafes-mortels .site .page-title {
	background: url("assets/images/cafes_mortels.png") no-repeat;
	background-position: center;
	background-size: contain;
	color: transparent;
	font-size: 6rem;
}

body.single-post .entry-title {
	font-family: var(--anaon-font-condensed);
	font-size: 4rem;
	text-transform: uppercase;
}

.site .archive-description {
	font-size: 1rem;
	line-height: 1.25;
	margin: 0 auto;
	max-width: var(--responsive--aligndefault-width);
}

.site .entry-header .post-thumbnail {
	max-width: var(--responsive--aligndefault-width);
}

.site .entry-header .post-thumbnail a {
	cursor: default;
	display: block;
	max-width: 50%;
	pointer-events: none;
}

.site .entry-header .post-thumbnail a img {
	margin-top: 0;
}

.site article.type-post .entry-title {
	margin-bottom: 0;
}

.site .entry-content h2,
.site .entry-header h2,
.site .entry-content h3 {
	font-family: var(--anaon-font-condensed);
	font-size: 2.5rem;
	line-height: 1.05;
	margin-bottom: 0;
	text-transform: uppercase;
}

.site .entry-content h3 {
	font-size: 2rem;
}

.site .entry-content h2 + p,
.site .entry-content h2 + ul,
.site .entry-content h3 + p,
.site .entry-content h3 + ul {
	margin-top: -.25em;
}

.site .entry-content h4,
.site .entry-content h5,
.site .entry-content h6 {
	font-family: var(--font-base);
}

.site .entry-content .wp-block-image:has( + h4 ) {
	margin-bottom: calc( var(--global--spacing-vertical) / 2);
}

.site .entry-content .wp-block-image + h4 {
	margin-bottom: 0;
	margin-top: 0;
}

.site .entry-content h4:has( + p ) {
	margin-bottom: 0;
}

.site .entry-content h4 + p {
	margin-top: 0;
}

.site .entry-content p,
.site .entry-content ul {
	line-height: 1.25;
}

.site .entry-content ul {
	list-style: none inside;
	padding: 0;
}

.site .entry-content li + li {
	margin-top: .25em;
}

.site .entry-content li::before {
	content: "— ";
}

.site .entry-content a {
	hyphens: auto;
}

.site .entry-content .wpcf7-form p {
	margin-bottom: var(--global--spacing-vertical);
	text-align: left;
}

.site .nom_anaon {
	background: url("assets/images/nom_anaon.png") no-repeat center;
	background-size: contain;
	color: transparent;
	display: inline-block;
	font-size: 2em;
	margin: -.5em 0;
	transform: translateY(.15em);
}

.site .entry-footer {
	font-size: .875rem;
	border-top: unset;
	text-align: center;
}

.site .site-main > article > .entry-footer {
	background: url("assets/images/line.png") no-repeat;
	background-position: center 100%;
	background-size: contain;
	border-bottom: unset;
	padding-bottom: var(--global--spacing-unit);
}

.site .entry-footer .post-taxonomies {
	display: none;
}

.site .wp-block-search .wp-block-search__label {
	font-family: var(--anaon-font-condensed);
}

.site .wpcf7-form input,
.site .wpcf7-form textarea,
.site .wp-block-search .wp-block-search__input {
	background-color: var(--wp--preset--color--anaon-white-heavy-trans);
	border-image: url("assets/images/chalk-small.jpg") 100;
	border-color: var(--wp--preset--color--anaon-dark-grey);
	padding-bottom: 2px;
	padding-top: 2px;
}

.site .wpcf7-form input:focus,
.site .wpcf7-form textarea:focus,
.site .wp-block-search .wp-block-search__input:focus {
	background-color: var(--wp--preset--color--anaon-white-light-trans);
	border-color: transparent;
}

.site .button,
.site button,
.site input[type="submit"],
.site input[type="reset"]
.site .wp-block-search .wp-block-search__button, 
.site .wp-block-button .wp-block-button__link, 
.site .wp-block-file a.wp-block-file__button {
	border: unset;
}

.site .wp-block-search button.wp-block-search__button {
	font-size: 1rem;
	padding: 2px 5px;
}

.site .wp-block-search button.wp-block-search__button.has-icon {
	padding: 0 2px;
}

.site .wp-block-search button.wp-block-search__button.has-icon svg {
	height: 32px;
	width: 32px;
}

.site .button:hover, 
.site .button:focus, 
.site button:hover, 
.site button:focus, 
.site input[type="submit"]:hover, 
.site input[type="submit"]:focus, 
.site input[type="reset"]:hover, 
.site input[type="reset"]:focus, 
.site .wp-block-search .wp-block-search__button:hover, 
.site .wp-block-search .wp-block-search__button:focus, 
.site .wp-block-button .wp-block-button__link:hover, 
.site .wp-block-button .wp-block-button__link:focus, 
.site .wp-block-file a.wp-block-file__button:hover, 
.site .wp-block-file a.wp-block-file__button:focus {
	background-color: var(--wp--preset--color--anaon-turquoise);
	border-image: none;
	border-color: transparent;
}

.site .wp-block-file > a.wp-block-file__button {
	font-size: calc( var(--global--font-size-base) * 1.25 );
}

.site-content .entry-content > .polaroid:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
	background-color: var(--wp--preset--color--anaon-light-grey);
	max-width: calc( var(--responsive--aligndefault-width) + ( var(--anaon-polaroid-padding) * 2 ) );
	padding: var(--anaon-polaroid-padding);
}

.site-content .entry-content > .polaroid.vertical:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
	max-width: calc( var(--responsive--aligndefault-width) + ( var(--anaon-polaroid-padding) * 5 ) );
	padding-left: calc( var(--anaon-polaroid-padding) * 4 );
	transform: translateX( calc( var(--anaon-polaroid-padding) * -1.5 ) );
}

.site-content .entry-content > .polaroid.horizontal:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
	padding-bottom: calc( var(--anaon-polaroid-padding) * 4 );
}

.site-content .entry-content > .polaroid.horizontal:has( + .wp-block-image ) {
	margin-bottom: 0 !important;
}

.site-content .entry-content > .polaroid.horizontal + .wp-block-image {
	margin-bottom: 0;
	margin-top: calc( var(--anaon-polaroid-padding) * -4 );
}

.site-content .entry-content > .polaroid.horizontal + .wp-block-image + p {
	margin-top: .5em;
}

.site-content .entry-content > .translated.left:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
	transform: translateX( calc( var(--anaon-polaroid-padding) * -2 ) );
}

.site-content .entry-content > .translated.right:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
	transform: translateX( calc( var(--anaon-polaroid-padding) * 2 ) );
}

.footer-widgets-wrap .widget-area {
	align-items: center;
	display: flex !important;
	flex-direction: column;
	margin-top: 0;
}

.footer-widgets-wrap .widget_media_image {
	margin-bottom: 0;
}

.footer-widgets-wrap .widget_media_image + .widget_text {
	margin-top: 0;
}

.site footer.site-footer {
	padding-bottom: .5rem;
}

.site footer .site-legal,
.site footer .site-info {
	text-align: center;
}

.site footer .site-info {
	align-items: center;
	border: unset;
	display: flex;
	flex-direction: column;
	font-size: .75rem;
	justify-content: space-between;
	margin-bottom: 0;
}

.site footer .site-info > .powered-by {
	margin: 0;
	opacity: .5;
	padding: 2rem 0 0;
}

@media only screen and (max-width: 481.98px) {
	.site .site-content::before,
	body.page-id-44 .site .site-content::after {
		left: 0.5vw;
	}

	.site .site-content::after {
		right: 0.5vw;
	}

	#masthead #site-navigation {
		height: 3rem;
		width: 50vw;
	}

	body.primary-navigation-open #masthead #site-navigation {
		background-color: var(--wp--preset--color--anaon-light-mauve);
		height: 100vh;
		width: 100vw;
	}

	body.primary-navigation-open .admin-bar  #masthead #site-navigation {
		height: calc( 100vh - var(--global--admin-bar--height) );
	}

	#masthead .primary-navigation > div > .menu-wrapper {
		padding-bottom: 1rem;
	}

	#masthead .primary-navigation > .primary-menu-container,
	.admin-bar #masthead .primary-navigation > .primary-menu-container,
	#masthead .primary-navigation .secondary-menu {
		background-color: var(--wp--preset--color--anaon-light-mauve);
		height: auto;
		position: static;
	}

	#masthead .primary-navigation .sub-menu .menu-item > a {
		padding-bottom: 5px;
		padding-top: 5px;
	}

	.primary-navigation-open #masthead .menu-button-container {
		background-color: var(--wp--preset--color--anaon-light-mauve);		
	}

	#masthead .primary-navigation .menu-wrapper li li ul.sub-menu {
		display: flex;
		flex-wrap: wrap;
	}

	#masthead .primary-navigation .menu-wrapper li li ul.sub-menu li {
		width: auto;
	}

	#masthead .primary-navigation .menu-wrapper.home > li > a {
		background-size: auto 100%;
	}

	#masthead .secondary-menu {
		opacity: 0;
		transform: translateY(var(--global--spacing-vertical));
		visibility: hidden;
	}

	#masthead .secondary-menu .menu-wrapper .menu-item > a {
		padding-bottom: 5px;
		padding-top: 5px;
	}

	.primary-navigation-open #masthead .secondary-menu {
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
	}

	#masthead .secondary-menu ul {
		list-style: none;
	}

	.site .wp-block-image,alignfull:not(.polaroid) {
		max-width: 96vw;
	}

	.site-content .entry-content > .translated.left:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
		transform: translateX( -5vw );
	}

	.site-content .entry-content > .translated.right:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
		transform: translateX( 5vw );
	}

	.site-content .entry-content > .polaroid.horizontal:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
		padding-bottom: calc( var(--anaon-polaroid-padding) * 5 );
	}

	.site-content .entry-content > .polaroid.horizontal + .wp-block-image {
		margin-top: calc( var(--anaon-polaroid-padding) * -5 );
	}

}

@media only screen and (min-width: 482px) {
	div#page {
		padding-left: 25vw;
	}

	header#masthead {
		bottom: 0;
		left: 0;
		margin: 0;
		padding: 8px;
		position: fixed;
		top: 0;
		width: 20vw;
	}

	body.admin-bar header#masthead {
		top: var(--global--admin-bar--height);
	}

	#masthead .site-branding {
		margin: 0 0 auto;
	}

	#masthead .site-logo {
		margin: 0;
	}

	#masthead .site-logo .custom-logo {
		max-width: calc( 20vw - 16px );
		width: calc( 20vw - 16px );
	}

	#masthead .primary-navigation {
		bottom: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		left: 0;
		margin-left: 0;
		position: absolute;
		top: 4vw;
		max-width: calc( 20vw - 16px );
	}

	#masthead .primary-navigation .primary-menu-container {
		margin: 0;
	}

	#masthead .primary-navigation ul {
		margin: 0;
		padding: 0;
	}

	#masthead .primary-navigation .home.menu-wrapper .sub-menu {
		position: static;
	}

	#masthead .primary-navigation > div > .menu-wrapper > li > .sub-menu {
		min-width: unset;
	}

	#masthead .primary-navigation .home.menu-wrapper .sub-menu li {
		background: none;
	}

	#masthead .primary-navigation .home.menu-wrapper .sub-menu::before,
	#masthead .primary-navigation .home.menu-wrapper .sub-menu::after {
		display: none;
	}

	#masthead .primary-navigation .menu-wrapper {
		width: 100%;
	}

	#masthead .primary-navigation .menu-wrapper li {
		flex-direction: column;
	}

	#masthead .primary-navigation .menu-wrapper li a {
		background: unset;
		display: block;
		padding: 4px 8px;
		transform-origin: center top;
	}

	#masthead .primary-navigation .menu-wrapper li li ul.sub-menu {
		display: none;
	}

	#masthead .primary-navigation .menu-wrapper li li.current-menu-item ul.sub-menu,
	#masthead .primary-navigation .menu-wrapper li li.current-menu-ancestor ul.sub-menu {
		display: flex;
		flex-wrap: wrap;
	}

	#masthead .primary-navigation .menu-wrapper li a:link,
	#masthead .primary-navigation .menu-wrapper li a:visited {
		text-decoration: underline;
		text-decoration-color: var(--wp--preset--color--anaon-black-heavy-trans);
	}

	#masthead .primary-navigation .menu-wrapper.home > li > a:link,
	#masthead .primary-navigation .menu-wrapper.home > li > a:visited {
		text-decoration: none;
	}

	#masthead .primary-navigation .menu-wrapper li a:hover,
	#masthead .primary-navigation .menu-wrapper li a:focus,
	#masthead .primary-navigation .menu-wrapper li a:active {
		text-decoration: underline;
		text-decoration-color: var(--wp--preset--color--anaon-black);
	}

	#masthead .primary-navigation .menu-wrapper li a:active,
	#masthead .primary-navigation .menu-wrapper li li.current-menu-item > a,
	#masthead .primary-navigation .menu-wrapper li li.current-post-ancestor > a {
		color: var(--wp--preset--color--anaon-turquoise);
	}

	#masthead .primary-navigation .menu-wrapper.home li li a:hover,
	#masthead .primary-navigation .menu-wrapper.home li li a:focus,
	#masthead .primary-navigation .menu-wrapper.home li li a:active,
	#masthead .primary-navigation .menu-wrapper:not(.home) > li a:hover,
	#masthead .primary-navigation .menu-wrapper:not(.home) > li a:focus,
	#masthead .primary-navigation .menu-wrapper:not(.home) > li a:active {
		transform: rotate(-2deg);
	}

	body.admin-bar #masthead .primary-navigation {
		top: calc( 4vw + var(--global--admin-bar--height) );
	}

	.site .site-content::before {
		left: 12vw;
		width: 15vw;
	}

	.page-id-33 .site .site-content::before {
		left: 15vw;
	}

	.site .site-content::after {
		right: 5vw;
		width: 15vw;
	}

	body.page-id-44 .site .site-content::after {
		left: 15vw;
	}

	body.page-id-26 .entry-content > .wp-block-image.alignfull:first-child {
		position: fixed;
		transition: opacity 3s ease-out;
		top: 0;
		width: calc( var(--responsive--alignwide-width) - 6rem );
		z-index: -1;
	}

	body.page-id-26.admin-bar .entry-content > .wp-block-image.alignfull:first-child {
		top: var(--global--admin-bar--height);
	}

	body.page-id-26 .entry-content > .wp-block-image.alignfull:first-child + * {
		margin-top: 6rem;
	}

	body.page-id-2 .site .type-page .entry-header:first-child + .entry-content, 
	body.page-id-16 .site .type-page .entry-header:first-child + .entry-content, 
	body.page-id-33 .site .type-page .entry-header:first-child + .entry-content, 
	body.page-id-44 .site .type-page .entry-header:first-child + .entry-content {
		margin-top: 1rem;
	}

}

@media (prefers-reduced-motion: no-preference) {
	#masthead .secondary-menu {
		transition: all .15s ease-in-out;
	}
}

@media print {
	h1,
	.page .panel-content .entry-title,
	.page-title,
	body.page:not(.front-page) .entry-title,
	.single-post .entry-title {
		color: #4B666F;
	}
}