/*
Theme Name: FKM
Author: Clément BB
Version: 1.0.0
*/

/* --------------- HOME --------------- */
.frontpage {height: 87vh}
.infos a {text-decoration: underline; text-decoration-color: #c9503c; color: #000000 !important}
.infos a:hover {text-decoration-color: #000000; text-decoration-style: dashed}
.socials a img {width: 32px}
.socials a:hover {filter: brightness(0%) grayscale(100%);}





/* --------------- MENU --------------- */




/* --------------- FORM/CONTACT --------------- */




/* --------------- FOOTER --------------- */




/* --------------- # Normalize --------------- */
body {margin: 0; -webkit-font-smoothing: auto; font-family: Lucida Sans Typewriter,Lucida Console,Courier New,Courier,monospace; font-weight: 300; color: #000000; background-color: #FEFCF5; background-image: url("https://fkceramiques.fr/wp-content/uploads/2026/04/pattern.png"); background-repeat: repeat}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline}
audio:not([controls]) {display: none; height: 0}
[hidden], template {display: none}
::selection {background-color: rgba(211,112,95,0.3)}
a {background-color: transparent}
a:active, a:hover {outline: 0}
a, a:hover, a:focus, a:active, a::before, a:hover::before, a:focus::before, a:active::before, a::after, a:hover::after, a:focus::after, a:active::after, a *, a:hover *, a:focus *, a:active *, button, button:hover, button:focus, button:active, button *, button:hover *, button:focus *, button:active *, input, input:hover, input:focus, input:active, textarea, textarea:hover, textarea:focus, textarea:active, label, label:hover, label:focus, label:active, .site_header, .sitemenu {-webkit-transition:all 250ms ease 0ms; -moz-transition:all 250ms ease 0ms; -ms-transition:all 250ms ease 0ms; -o-transition:all 250ms ease 0ms; transition:all 250ms ease 0ms}
dfn {font-style: italic}
mark {background: #ff0; color: #000}
small {font-size: 80%}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}
img {border: 0}
svg:not(:root) {overflow: hidden}
figure {margin: 1em 2.5rem}
hr {box-sizing: content-box; height: 0}
button {overflow: visible}
button, select {text-transform: none}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer}
button[disabled], html input[disabled] {cursor: default}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}
input {line-height: normal}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em}
legend {border: 0; padding: 0}
textarea {overflow: auto}
optgroup {font-weight: bold}
table {border-collapse: collapse; border-spacing: 0}
td, th {padding: 0}
.black {color: #000000} .bgblack {background-color: #000000}
.white {color: #ffffff} .bgwhite {background-color: #ffffff}
.green {color: #00524e} .bggreen {background-color: #00524e}
.greenlight {color: #00938b} .bggreenlight {background-color: #00938b}
.blue {color: #071e4a} .bgblue {background-color: #071e4a}
.bluelight {color: #143d8f} .bgbluelight {background-color: #143d8f}

/* --------------- # Text --------------- */
h1, h2, h3, h4, h5, h6 {clear: both; line-height: 1.25; font-weight: 700; color: #ffffff; margin: 0}
h1 {font-size: 32px}
h2 {font-size: 24px}
h3 {font-size: 18px}
h4 {font-size: 16px}
h5 {font-size: 14px}
p {margin-bottom: 1.2em}
.leftalign {text-align: left}
.rightalign {text-align: right}
.centeralign {text-align: center}
.justify {text-align: justify}
strong, .bold {font-weight: bold}
.uppercase {text-transform: uppercase}


/* --------------- # Elements --------------- */
img {height: auto; max-width: 100%}
figure {margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */}
table {margin: 0 0 1.5em; width: 100%}
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {content: ""; display: table; table-layout: fixed}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {clear: both}
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {border: none; margin-bottom: 0; margin-top: 0; padding: 0}
embed, iframe, object {max-width: 100%}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {position: absolute !important}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important}
/* --------------- # Media Query --------------- */
@media only screen and (max-width: 1280px) { html {font-size: 98%} }
@media only screen and (max-width: 1024px) { html {font-size: 96%} }
@media only screen and (max-width: 960px) { html {font-size: 94%} }
@media only screen and (max-width: 768px) { html {font-size: 92%} }
@media only screen and (max-width: 480px) { html {font-size: 90%} }