/*
Theme Name: Marjolaine Zac
Theme URI: 
Author: Ici Sue
Author URI: 
Description: Un thème sur mesure pour Marjolaine Zac, construit à partir du thème Davis Block d'Anders Norén
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License version 2.0
License URI: https://gnu.org/licenses/gpl-2.0.html
Text Domain: marjolaine-zac
Tags: blog, one-column, custom-background, custom-colors, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks, full-site-editing

	Theme Name: Marjolaine Zac
    Text Domain: marjolaine-zac
	Version: 0.2.3
	Description: Marjolaine Zac is a clean, simple and fast block theme built for Full Site Editing. It can be used out of the box as a lightweight blog theme, or as a foundation for greater things when customized in the Site Editor.
	Tags: blog, one-column, custom-background, custom-colors, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks, full-site-editing
	Author: Anders Norén
	Author URI: https://andersnoren.se
	Theme URI: https://andersnoren.se/teman/marjolaine-zac-wordpress-theme/
	License: GNU General Public License version 2.0
	License URI: https://gnu.org/licenses/gpl-2.0.html
	Requires PHP: 5.6
	Tested up to: 6.5

/* --------------------------------------------------------------------------------------------- */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

a { text-underline-offset: .15em; }
/* external links styling
a [target="_blank"]::after {
	content: "↗";
}
*/

/* Input styles */

input, textarea, select, button {
	background-color: inherit;
	border-radius: 0;
	font-family: inherit;
	font-size: inherit;
}

input, textarea, select {
	background-color: var( --wp--preset--color--background );
	border: .1rem solid var( --wp--preset--color--secondary );
	color: var( --wp--preset--color--foreground );
	padding: .5em;
}

/* Editor Post Title */

.editor-post-title__input { text-align: center; }

/* Block: Navigation */

.wp-block-navigation__responsive-container-close {
	right: 50%;
	transform: translateX( 50% );
}

/* Block: Search Form */

.wp-block-search__input,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	border-color: var(--wp--preset--color--secondary) !important;
}

/* Block: Separator */

hr.is-style-davis-separator {
	border: none;
	border-bottom: .5px solid;
	border-top: .5px solid;
	overflow: visible !important;
	position: relative;
}

hr.is-style-davis-separator:before,
hr.is-style-davis-separator:after {
	background-color: var( --wp--preset--color--background );
	border: 1px solid;
	box-sizing: border-box;
	content: "";
	height: 12px;
	position: absolute;
		top: calc( 50% - 6px );
	transform: rotate( 45deg );
	width: 12px;
}

hr.is-style-davis-separator:before { left: calc( 50% - 14px ); }
hr.is-style-davis-separator:after { left: calc( 50% + 2px ); }

.wp-block-navigation a {
text-decoration : none;
font-weight: 400;
}

/*
.wp-block-navigation a:hover {
  text-decoration: dotted underline;
  text-decoration-thickness: 0.2rem;
  text-underline-offset: 4px;
}
*/

.wp-block-navigation a:hover::before {
  content: url("https://kdrive.infomaniak.com/app/share/1079423/80488268-2660-4b8f-97f4-14156de905f7");
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 24px;
}


footer a{
	text-decoration : none;
}

footer a:hover {
	text-decoration : underline;
}

footer a:hover {
	text-decoration : underline;
}

/*
.wp-block-navigation a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 1.5px;
  left: 50%;
  position: absolute;
  background: var(--wp--preset--color--custom-mz-bois);
  transition: width 0.2s ease 0s, left 0.2s ease 0s;
  width: 0;
}
.wp-block-navigation a:hover:after { 
  width: 100%; 
  left: 0; 
}

@media screen and (max-height: 300px) {
	ul {
		margin-top: 40px;
	}
}

*/

/*
.wp-block-media-text {
	grid-gap: 8%;
}
*/

.wp-block-media-text > .wp-block-media-text__content {
	padding: 8%;
	max-width: 30em;
}


@media screen and (min-widht: 1280px) {
	.mz-frame {
		padding-right: 600px;
	}


.filigrane {
	background-position: 200px 50%;
}