/*
Theme Name: ateliersbellevaux
Author: Ateliers Bellevaux, RZ
Author URI: https://www.ateliersbellevaux.ch
Description: Bellevaux
Version: 2
Text Domain: BLVX
*/

/* RESET */
*, *::before, *::after { box-sizing: border-box; }
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, code, del, em, img, ins, q, s, small, strong, sub, sup,
b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure, footer, header,
menu, nav, output, section, summary, time, mark, audio, video {
	font: inherit; padding: 0; border: 0; margin: 0; vertical-align: baseline;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
article, aside, details, figcaption, figure, footer, header, nav, section { display: block; }

/* WORDPRESS CLASSES */
.clear { clear: both; }
.sticky {}
.bypostauthor {}
.wp-caption { max-width: 100%; }
.wp-caption-text {}
.gallery-caption {}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

/* COLOR */
html, body, #menu { background-color: white; }
#footer { background-color: transparent; }
html, body, #menu, #content, article, #sidebar, p, hr { color: #000; }

/* LAYOUT */
html, body { margin: 0; padding: 0; }
#menu { height: 15%; padding-top: 1%; width: auto; position: fixed; padding-left: 1%; z-index: 100; }
#container { padding-top: 1%; }
#artist { display: block; }
#content { right: 1%; position: absolute; width: 30%; }
img { width: 100%; height: auto; }
article { margin-bottom: 10%; }
#footer { position: fixed; width: 100%; height: auto; bottom: 0; padding-top: 10px; padding-left: 1%; padding-bottom: 5px; z-index: 100; }
.entry-title { display: block; }
#site-title { font-weight: bold; margin-bottom: 8px; }
#site-title a:link, #site-title a:visited { color: #000; text-decoration: none; }
#site-title a:hover, #site-title a:active { color: #ff6600; text-decoration: none; }
.nav-previous { float: left; display: block; width: 50%; }
.nav-next { text-align: right; float: right; width: 50%; }
hr { border: none; height: 1px; background-color: #000; }

/* TYPOGRAPHY */
html, body, #menu, #content, article, #sidebar, p, h1, h2, h3, h4, h5, h6,
.entry-title, #footer {
	font-family: 'Roboto Mono', monospace;
	font-weight: normal;
	font-style: normal;
	text-rendering: geometricPrecision;
	font-size: 15px;
	line-height: 19px;
}
h1, h2, h3, h4, h5, h6, .entry-title { font-weight: 700 !important; }
h2 { margin-bottom: 10px; }

/* CONTENT SPACING */
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content blockquote,
.entry-content pre,
.entry-content table,
.entry-content figure,
.entry-content hr {
	margin-bottom: 19px;
}
.entry-content p:last-child,
.entry-content ul:last-child,
.entry-content ol:last-child,
.entry-content blockquote:last-child,
.entry-content table:last-child { margin-bottom: 0; }

/* LISTS */
.entry-content ul { list-style: disc; padding-left: 1.2em; }
.entry-content ol { list-style: decimal; padding-left: 1.2em; }
.entry-content li { margin-bottom: 4px; }

/* BLOCKQUOTE */
.entry-content blockquote {
	border-left: 2px solid #000;
	padding-left: 1em;
	font-style: italic;
}

/* TABLE */
.entry-content table {
	width: 100%;
	border-collapse: collapse;
}
.entry-content th,
.entry-content td {
	border: 1px solid #000;
	padding: 6px 10px;
	text-align: left;
	vertical-align: top;
}
.entry-content thead th { font-weight: bold; }

/* PRE / CODE */
.entry-content pre,
.entry-content code {
	font-family: 'Roboto Mono', monospace;
	font-size: 13px;
	background: #f5f5f5;
	padding: 2px 4px;
}
.entry-content pre {
	padding: 12px;
	overflow-x: auto;
	white-space: pre-wrap;
}
.entry-content pre code { background: none; padding: 0; }

/* LINKS */
a:link, a:visited, a:active { text-decoration: underline; color: #ff6600; }
a:hover { text-decoration: none; color: #ff6600; }

/* ENTRY TITLE LINKS: black, no underline, orange on hover only */
.entry-title a:link, .entry-title a:visited, .entry-title a:active { color: #000; text-decoration: none; }
.entry-title a:hover { color: #ff6600; text-decoration: none; }

/* CONTENT LINKS: orange + underline */
.entry-content a:link, .entry-content a:visited, .entry-content a:active { color: #ff6600; text-decoration: underline; }
.entry-content a:hover { color: #ff6600; text-decoration: none; }

/* SUMMARY LINKS (excerpt on listing): black, no underline, orange on hover */
.entry-summary a:link, .entry-summary a:visited, .entry-summary a:active { color: #000; text-decoration: none; }
.entry-summary a:hover { color: #ff6600; text-decoration: none; }

/* EN SAVOIR PLUS */
.more-link { display: inline-block; margin-top: 8px; color: #000; text-decoration: none; }
.more-link:hover { color: #ff6600; }

/* NAV & FOOTER LINKS: black no underline, orange on hover/active/current */
#menu a:link, #menu a:visited,
#footer a:link, #footer a:visited { color: #000; text-decoration: none; }
#menu a:hover, #menu a:active,
#footer a:hover, #footer a:active { color: #ff6600; text-decoration: none; }
#menu .current-menu-item > a,
#menu .current-menu-item > a:visited { color: #ff6600; }

/* BLOCK EDITOR ALIGNMENT */
.alignleft { float: left; margin-right: 1em; margin-bottom: 1em; }
.alignright { float: right; margin-left: 1em; margin-bottom: 1em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide { margin-left: -2%; margin-right: -2%; }
.alignfull { margin-left: calc(-1 * (100vw - 30%) / 2); width: 100vw; max-width: 100vw; }

/* BLOCK EDITOR: inherit theme font for all block content */
.entry-content .wp-block-paragraph,
.entry-content .wp-block-heading,
.entry-content .wp-block-list,
.entry-content .wp-block-quote,
.entry-content .wp-block-code,
.entry-content .wp-block-preformatted {
	font-family: 'Roboto Mono', monospace;
	font-size: 15px;
	line-height: 19px;
	font-weight: normal;
	color: #000;
}
.entry-content .wp-block-image img { width: 100%; height: auto; }
.entry-content .wp-block-separator { border: none; height: 1px; background-color: #000; }
.wp-block-latest-posts,
.entry-content .wp-block-latest-posts,
.wp-block-latest-posts__list { list-style: none; padding: 0; margin: 0; }

/* CALLOUT */
.is-style-callout,
.entry-content .is-style-callout {
	border-left: 3px solid #ff6600;
	padding: 10px 14px;
	background: #fff8f5;
	color: #000;
	margin-bottom: 19px;
}
.is-style-callout strong,
.entry-content .is-style-callout strong { font-weight: bold; }

/* FOOTER */
.contacto { display: flex; justify-content: space-between; }

/* MEDIA QUERIES */
@media only screen and (max-width: 1280px) {
	#artist { display: none; }
	#header {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 100;
		background-color: rgba(255, 255, 255, 0.85);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		box-shadow: none;
		transition: box-shadow 0.2s ease;
	}
	#header.scrolled {
		box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
	}
	#menu {
		height: auto;
		padding: 15px 5%;
		width: 100%;
		position: static;
		background: none;
	}
	#footer {
		bottom: 0;
		width: 100%;
		z-index: 100;
		padding: 10px 5% 8px;
		background-color: rgba(255, 255, 255, 0.85);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		box-shadow: none;
		transition: box-shadow 0.2s ease;
	}
	#footer.scrolled {
		box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.08);
	}
	#container { padding-top: 0; }
	#content {
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		width: 100%;
		padding: 5% 5% 90px;
	}
}