@charset "UTF-8";
/*   
Theme Name: Thème WordPress pour La Fabrique Cornu
Theme URI : https://pixeleez.ch
Description: 
Author: Sinabe Sàrl / Pixeleez Sàrl
Author URI : https://sinabe.ch

Tags: block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, one-column, template-editing, threaded-comments, translation-ready, wide-blocks

Requires at least: 6.1
Tested up to: 6.3
Requires PHP: 7.4

Version: 1.0.0

License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* Reset CSS */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button, input, select, textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img, video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

td:not([align]), th:not([align]) {
  text-align: left;
}

/* Variables */
/* Max width of the web site*/
/* Pixeleez specific style and color*/
/* Color */
/* WordPress base style */
.entry-content {
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  padding-top: 100px;
}

.wp-block-group__inner-container {
  max-width: 1280px !important;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 800px) {
  .entry-content {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 5px;
    padding-left: 5px;
  }
}
.wp-block-image {
  margin: 0px;
}

.alignwide {
  margin-left: -50px;
  margin-right: -50px;
}

.alignfull {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.alignfull .wp-block-image {
  margin: auto;
}

@media screen and (max-width: 800px) {
  .entry-content {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
  }
  .wp-block-group__inner-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 1024px) {
  .reverse-columns {
    display: flex;
    flex-direction: column-reverse;
  }
}
/* Fonts */
/* Fonts */
@font-face {
  font-family: "WorkSans";
  font-display: swap;
  src: url("/wp-content/themes/pixeleez/assets/fonts/Work_Sans/WorkSans-VariableFont_wght.ttf");
  src: url("/wp-content/themes/pixeleez/assets/fonts/Work_Sans/WorkSans-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "WorkSans-Italic";
  font-display: swap;
  src: url("/wp-content/themes/pixeleez/assets/fonts/Work_Sans/WorkSans-Italic-VariableFont_wght.ttf");
  src: url("/wp-content/themes/pixeleez/assets/fonts/Work_Sans/WorkSans-Italic-VariableFont_wght.ttf") format("truetype");
}
/* Typography */
html {
  scroll-behavior: smooth;
}

body {
  font-family: "WorkSans";
  font-size: 100%;
  font-weight: 400;
  font-style: normal;
  line-height: 1.875em;
  color: #000000;
  z-index: 1;
}

/* Header style */
h1 {
  font-size: 4.5em;
  line-height: 4.4em;
  font-weight: 800;
}

h2 {
  font-size: 3em;
  font-weight: 700;
}

h3 {
  font-size: 2.5em;
  font-weight: 700;
}

h4 {
  font-size: 2em;
}

h5 {
  font-size: 1.8em;
}

h6 {
  font-size: 1.3em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "WorkSans";
  text-align: left;
  margin: 20px 0 10px 0;
  line-height: 1.2em;
}

h4, h5, h6 {
  color: #BE4526;
}

/* Content style */
p, dl, multicol {
  display: block;
  margin: 1em 0;
}

strong {
  font-family: "WorkSans";
  font-size: 1em;
}

em {
  font-family: "WorkSans-Italic";
  font-style: italic;
  font-weight: 500;
}

ol li {
  list-style-position: inside;
  text-indent: -1em;
  padding-left: 1em;
}

ol li::marker {
  color: #853929;
}

ul li {
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 1em;
  text-indent: -1em;
}

/* Link style */
a {
  text-decoration: none;
  font-family: "WorkSans";
  color: #2f4971;
}
a:hover {
  font-family: "WorkSans";
  color: #00A198;
}

/* Vertical padding */
/** ----------------------------------------------------------------------------
/* Vertical padding 
---------------------------------------------------------------------------- **/
.padding-xl {
  padding-top: 50px;
  padding-bottom: 50px;
}

.padding-l {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-m {
  padding-top: 15px;
  padding-bottom: 15px;
}

.padding-s {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padding-top-xl {
  padding-top: 50px;
}

.padding-top-l {
  padding-top: 20px;
}

.padding-top-m {
  padding-top: 15px;
}

.padding-top-s {
  padding-top: 10px;
}

.padding-bottom-xl {
  padding-bottom: 50px;
}

.padding-bottom-l {
  padding-bottom: 20px;
}

.padding-bottom-m {
  padding-bottom: 15px;
}

.padding-bottom-s {
  padding-bottom: 10px;
}

/* Align style */
.center {
  width: 100%;
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.align-bottom {
  align-self: flex-end;
}

/* Mobile style*/
@media screen and (max-width: 800px) {
  .mobi-center {
    text-align: center;
  }
  .mobi-left {
    text-align: left;
  }
}
/* Components */
/* Form */
/* Footer */
/** Footer **/
.sinpix-footer {
  margin-bottom: 0px;
  padding: 5px;
}

/* Add responsive CSS styles for mobile view */
@media screen and (max-width: 768px) {
  .sinpix-footer {
    height: auto;
  }
}
/* Client block style and WordPress rewrite */
/* Pixeleez specific style and color*/
/* Color */
.pix-bg-white {
  background-color: #ffffff;
}

.pix-bg-blue {
  background-color: #2f4971;
}

.pix-bg-lightBlue {
  background-color: #4d668B;
}

.pix-bg-green {
  background-color: #00A198;
}

.pix-bg-lightGreen {
  background-color: #35D2C9;
}

.pix-white {
  color: #ffffff;
}

.pix-blue {
  color: #2f4971;
}

.pix-green {
  color: #00A198;
}

.pix-black {
  color: #000000;
}

.pix-lightBlue {
  color: #4d668B;
}

.pix-lightGreen {
  color: #35D2C9;
}

/* Section hero */
.pix-hero {
  padding-top: 90px;
  padding-bottom: 90px;
}
.pix-hero .on-title {
  padding-right: 16px;
  padding-left: 16px;
  width: fit-content;
  z-index: 1;
  background-color: rgba(38, 208, 189, 0.2);
  border-radius: 0.75rem;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #2f4971;
}
.pix-hero p {
  font-size: 1.25em;
}
.pix-hero .pix-img {
  position: relative;
}
.pix-hero .pix-img figure {
  z-index: 99;
}
.pix-hero .pix-img figure img {
  filter: grayscale(1);
}
.pix-hero .pix-img figure img:hover {
  filter: none;
}
.pix-hero .pix-img figure:hover {
  filter: none;
}
.pix-hero .pix-green-corner {
  position: absolute;
  height: 384px;
  width: 384px;
  top: -80px;
  right: -80px;
  border: 2px solid #B4FFF2;
  background-color: rgba(38, 208, 189, 0.1);
  filter: blur(64px);
}

/* Section expertise */
.pix-expertise {
  background-color: #f2f2f2;
  padding-top: 90px;
  padding-bottom: 90px;
}
.pix-expertise .wp-block-column {
  background-color: #ffffff;
  padding: 2.5rem;
  border-radius: 32px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
}
.pix-expertise .wp-block-column:hover {
  transform: translateY(-4px);
}
.pix-expertise .wp-block-column h2 {
  font-size: 1.875em;
}
.pix-expertise .wp-block-column h3 {
  font-size: 1em;
}
.pix-expertise .wp-block-column .block-green, .pix-expertise .wp-block-column .block-blue {
  width: 64px;
  height: 64px;
}
.pix-expertise .wp-block-column .block-green .wp-block-group__inner-container, .pix-expertise .wp-block-column .block-blue .wp-block-group__inner-container {
  width: inherit;
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pix-expertise .wp-block-column .block-green {
  border-radius: 1rem;
  background-color: #B4FFF2;
}
.pix-expertise .wp-block-column .block-blue {
  border-radius: 1rem;
  background-color: #D4E4FB;
}

/* Section technologies */
.pix-technologies {
  padding-top: 90px;
  padding-bottom: 90px;
}
.pix-technologies .on-title {
  color: #00A198;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.pix-technologies .wp-block-column {
  padding: 32px;
  background-color: #f2f2f2;
  border: 1px solid transparent;
  border-radius: 16px;
}
.pix-technologies .wp-block-column:hover {
  border: 1px solid #00A198;
}
.pix-technologies .wp-block-column h3 {
  font-size: 1.25em;
}
.pix-technologies .wp-block-column .title .icon {
  height: 48px;
  width: 48px;
  background-color: #ffffff;
}
.pix-technologies .wp-block-column .title .icon .wp-block-group__inner-container {
  width: inherit;
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pix-projects {
  padding-top: 90px;
  padding-bottom: 90px;
  background-color: #f2f2f2;
}

.pix-homeblog {
  padding-top: 90px;
  padding-bottom: 90px;
}

.pix-contact {
  padding-top: 90px;
  padding-bottom: 90px;
  background-color: #f2f2f2;
}
.pix-contact .contact-form {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  border-radius: 32px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
  background-color: #ffffff;
  padding: 40px;
}
.pix-contact .contact-form form input, .pix-contact .contact-form form textarea {
  width: 100%;
  background-color: #f2f2f2;
  padding: 1rem;
  border: none;
  border-radius: 0.75rem;
  font-family: "WorkSans";
  font-size: 1em;
}
.pix-contact .contact-form form input[type=submit] {
  border-radius: 5px;
  background: linear-gradient(135deg, #006a60 0%, #26d0bd 100%);
  color: #ffffff;
  font-size: 1.2em;
  font-weight: 500;
}

footer {
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}
footer h2 {
  font-size: 1.1em;
  font-weight: 500;
}
footer address {
  font-family: "WorkSans";
  font-style: normal;
}
footer p {
  font-size: 0.9em;
}
footer ul li {
  list-style: none;
}

.wp-block-buttons .wp-block-button__link {
  border-radius: 5px;
  background: linear-gradient(135deg, #006a60 0%, #26d0bd 100%);
  color: #ffffff;
}
.wp-block-buttons .pix-btn-grey .wp-block-button__link {
  background: none;
  background-color: #f2f2f2;
  color: #2f4971;
}

/* Checked list */
.wp-block-list.is-style-check-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 40px;
  padding: 0;
  margin: 0;
}
.wp-block-list.is-style-check-list li {
  position: relative;
  padding-left: 32px;
  font-size: 16px;
  line-height: 1.4;
  list-style: none;
  text-indent: 1px;
}
.wp-block-list.is-style-check-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  background: no-repeat center/contain;
  /* SVG Material check_circle */
  background-image: url("data:image/svg+xml;utf8,            <svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%2300A198'><path d='m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/></svg>");
}

/* Responsive (1 colonne sur mobile) */
@media (max-width: 600px) {
  .wp-block-list.is-style-check-list {
    grid-template-columns: 1fr;
  }
}
/* Deriaz project item style */
.der-project-loop-item, .der-project-slider-item {
  background-color: #ffffff;
  margin-right: 20px;
  margin-left: 20px;
  height: 413px;
  border-bottom: 4px solid #ffffff;
  transition: ease-out;
  transition-duration: 1s;
}
.der-project-loop-item:first-child, .der-project-slider-item:first-child {
  margin-left: 0px;
}
.der-project-loop-item:last-child, .der-project-slider-item:last-child {
  margin-right: 0px;
}
.der-project-loop-item:hover, .der-project-slider-item:hover {
  border-bottom-style: solid;
  border-bottom-width: 4px;
  border-bottom-color: #000000;
  transition: ease;
  transition-duration: 1s;
}
.der-project-loop-item .der-jbc-project-item-pic, .der-project-slider-item .der-jbc-project-item-pic {
  box-sizing: border-box;
  max-height: 260px;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.der-project-loop-item .der-project-item-label, .der-project-slider-item .der-project-item-label {
  background-color: #ffffff;
  padding-top: 20px;
  padding-right: 30px;
  padding-left: 30px;
}
.der-project-loop-item h3, .der-project-slider-item h3 {
  font-size: 1.375em;
  margin-bottom: 10px;
}
.der-project-loop-item a, .der-project-slider-item a {
  font-family: "Lora";
}
.der-project-loop-item a:hover, .der-project-slider-item a:hover {
  opacity: 1;
}
.der-project-loop-item .der-project-item-cat, .der-project-slider-item .der-project-item-cat {
  font-family: "Bebas-Regular";
  color: rgba(52, 51, 72, 0.5);
}
@media screen and (max-width: 782px) {
  .der-project-loop-item, .der-project-slider-item {
    max-width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 782px) {
  .der-project-loop-item {
    max-width: 100%;
    height: 500px;
  }
  .der-project-loop-item .der-jbc-project-item-pic {
    max-height: 350px;
  }
}

/* Navigation */
/* Centred horizontal menu */
/* Mobile Menu Styling */
.navbar {
  display: flex;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 80px;
  background-color: #ffffff;
  z-index: 998;
}
.navbar .content {
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}
.navbar .content .logo {
  position: relative;
  top: 15px;
  left: 0px;
  width: fit-content;
  z-index: 999;
}
.navbar .content .menu-icon {
  display: none;
}
.navbar .content nav {
  position: absolute;
  top: 15px;
  width: 100%;
  max-width: 1280px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
}
.navbar .content nav .menu {
  position: absolute;
  left: 300px;
  display: flex;
  align-items: stretch;
}
.navbar .content nav .menu li {
  display: inline-block;
  list-style: none;
  padding: 0px;
  text-indent: 0px;
}
.navbar .content nav .menu li a {
  padding: 10px 15px;
}
.navbar .content nav .menu li:hover .sub-menu {
  display: block;
}
.navbar .content nav .menu ul.sub-menu {
  display: none;
  position: absolute;
  background-color: #ffffff;
}
.navbar .content nav .menu ul.sub-menu li {
  display: block;
}
@media screen and (max-width: 1024px) {
  .navbar .content nav .menu {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .navbar .content {
    display: flex;
    justify-content: space-between;
    width: 100vw;
    z-index: 1000;
  }
  .navbar .content .logo {
    left: 15px;
  }
  .navbar .content .menu-icon {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url('data:image/svg+xml,<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 42 42" style="enable-background:new 0 0 42 42;" xml:space="preserve"><style type="text/css">.st0{fill:%23001871;}.st1{fill:%23FFFFFF;}.st2{fill:none;stroke:%23001871;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}</style><g><line class="st2" x1="9.5" y1="13.6" x2="32.5" y2="13.6"/><line class="st2" x1="9.5" y1="21" x2="32.5" y2="21"/><line class="st2" x1="9.5" y1="28.4" x2="32.5" y2="28.4"/></g></svg>');
    background-repeat: no-repeat;
    background-size: contain;
  }
  .navbar .content .menu-icon.close {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 42 42" style="enable-background:new 0 0 42 42;" xml:space="preserve"><style type="text/css">.st0{fill:%238D3F2B;}.st1{fill:%23001871;}.st2{fill:none;stroke:%23001871;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}</style><g><line class="st2" x1="12.9" y1="29.1" x2="29.1" y2="12.9"/></g><g><line class="st2" x1="29.1" y1="29.1" x2="12.9" y2="12.9"/></g></svg>');
    background-repeat: no-repeat;
    background-size: contain;
  }
  .navbar .content nav {
    top: 80px;
  }
  .navbar .content nav .menu {
    display: flex;
    height: 100vh;
    width: 100vw;
    left: 100vw;
    flex-direction: column;
    background-color: #ffffff;
    transform: translateX(0vw);
    transition: transform 0.5s ease-in-out;
  }
  .navbar .content nav .menu li .sub-menu {
    display: block;
    position: relative;
  }
  .navbar .content nav .menu.open {
    transform: translateX(-100vw);
    transition: transform 0.5s ease-in-out;
  }
}

/*# sourceMappingURL=style.css.map */