/*
Theme Name: Neve Child
Theme URI: https://themeisle.com/themes/neve/
Template: neve
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL &amp; translation ready. Look no further. Neve is the perfect theme for you!
Tags: blog,custom-logo,e-commerce,rtl-language-support,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,accessibility-ready,wide-blocks,block-styles,footer-widgets,portfolio,left-sidebar,right-sidebar
Version: 3.8.7.1715780233
Updated: 2024-05-15 13:37:13

*/

html {
  scroll-behavior: smooth;
}
.wp-block-button__link {
  line-height: normal;
} 
// Nav:
.kimura-logo h1 {
  margin: 0;
}
.site-logo h1,
.site-logo p {
  font-weight: 700;
  font-size: 34px;
  line-height: normal;
  letter-spacing: -1.3px;
}
.header-menu-sidebar-bg {
  position: relative;
}
.nav-ul {
  align-items: center;
}
#kimura-menu-logo {
  position: absolute;
}
#kimura-menu-logo .builder-item--logo {
  margin: 14px;
}
.close-sidebar-panel .hamburger.is-active {
  outline: none;
}
.header-menu-sidebar {
  width: 100vw;
}
.header-menu-sidebar .navbar-toggle-wrapper {
  padding: 31px 15px;
}
.is-menu-sidebar .hfg-ov {
  opacity: 0;
}
.header-menu-sidebar .nav-ul {
  min-height: 100vw;
  justify-content: center;
}
.header-menu-sidebar .nav-ul li:not([class*="block"]) > .wrap > a {
  font-size: 40px;
}
.nav-ul li.nv-active > .wrap > a:before {
  content: url(https://www.sophieprevost.fr/wp-content/themes/neve-child/arrow-right.svg);
  display: inline-block;
  margin-right: 12px;
}
.builder-item.has-nav {
  display: flex;
  align-items: center;
  height: 99%;
}
.builder-item .item--inner.has_menu {
  margin-top: -114px;
}
.nv-title-tagline-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.nv-title-tagline-wrap small {
  line-height: normal;
  font-size: 14px;
}
.kimura-icon {
  fill: #333;
  margin-bottom: 4px;
}

.kimura-icon:hover {
  fill: #6d6358;
}

@media screen and (min-width: 960px) {
  .builder-item .item--inner.has_menu {
    margin-top: 0;
  }
  .nav-ul li.nv-active > .wrap > a:before {
    display: none;
  }
  .builder-item {
    margin: 4px 0;
  }
}

/* Footer: */
@media screen and (max-width: 960px) {
  footer#site-footer .footer-main .footer-main-inner .container .nv-footer-content {
    justify-content: center;
  }
}

.footer-main {
  min-height: 280px;
}
.footer-main.hide-on-desktop {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .nav-ul {
  justify-content: center;
  max-width: 340px;
  align-items: center;
  row-gap: 12px;
}
@media screen and (min-width: 576px) {
  footer .nav-ul {
    justify-content: center;
    max-width: none;
  }
}
@media screen and (min-width: 960px) {
  .footer-main.hide-on-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .footer-main.hide-on-desktop {
    display: none;
  }
}
footer .builder-item .item--inner.has_menu {
  margin-top: 0;
  width: fit-content;
  margin: auto;
}
.footer--row-inner {
  width: 100%;
}
.footer-main-inner .row {
  display: flex;
  justify-content: center;
  justify-content: space-evenly;
  align-items: center;
}

@media (min-width: 960px) {
  .footer-main-inner .row {
    justify-content: space-evenly;
  }
}
.footer--row .builder-item {
  width: fit-content;
}
.footer-bottom {
  display: none;
}
.site-footer {
  top: 1px;
}
.kimura-footer {
  color: var(--nv-site-bg);
  background-color: var(--nv-secondary-accent);
  position: relative;
  z-index: 11;
}
footer .widget-area ul li.menu-item a:hover {
  color: #ddd;
}
.kimura-footer p {
  margin-bottom: 0;
}
.nv-meta-list {
  display: none;
}
.kimura-icon-footer {
  fill: #fff;
  margin-bottom: 4px;
}

.kimura-icon-footer:hover {
  fill: #ddd;
  opacity: 0.9;
}
#kimura-scroll-top {
  background-color: var(--nv-secondary-accent);
  bottom: 26px;
  right: 30px;
  position: fixed;
  z-index: 999;
  cursor: pointer;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
@media (min-width: 992px) {
  #kimura-scroll-top {
    display: block;
  }
}
#kimura-scroll-top svg {
  width: 50px;
  height: 50px;
  fill: var(--nv-site-bg);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* Realisations: */
main#content .container-fluid h3 {
  margin-top: 30px;
}
.nv-content-wrap ul {
  margin: 0;
}
.nv-page-title-wrap {
  --height: 250px;
  --padding: 40px 15px;
}

@media (min-width: 576px) {
  .nv-page-title-wrap {
    --height: 320px;
    --padding: 60px 30px;
  }
}
@media (min-width: 960px) {
  .nv-page-title-wrap {
    --height: 310px;
    --padding: 60px 40px;
  }
}

.nv-index-posts {
  margin-top: 0;
}
.nv-index-posts.blog .nv-page-title-wrap {
  height: var(--height);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--nv-secondary-accent);
  margin-bottom: 60px;
}
.nv-index-posts.blog .nv-page-title-wrap h1 {
  color: var(--nv-site-bg);
  margin-bottom: 0;
}

.nv-index-posts.blog .posts-wrapper {
  padding: 0 24px;
}

/* page projet - detail page */
main .container-fluid article .nv-content-wrap {
  max-width: 1324px;
  margin: auto;
  padding: 0 12px 30px;
}
main .container-fluid article .nv-content-wrap .kimura-grid {
  gap: 0;
  margin-bottom: 30px;
}
main .container-fluid article .nv-content-wrap .kimura-grid figure.wp-block-image:first-child {
  padding-right: 15px;
}
main .container-fluid article .nv-content-wrap .kimura-grid figure.wp-block-image:last-child {
  padding-left: 15px;
}
main .container-fluid article .nv-content-wrap .wp-block-image figure.aligncenter {
  width: 100%;
}
main .container-fluid article .nv-content-wrap .wp-block-image figure.aligncenter img {
  width: 100%;
}
/* page realisations */
.posts-wrapper article p,
.posts-wrapper article h2 {
  text-align: center !important;
  margin-bottom: 0 !important;
}
body:not(.nv-blog-default) .posts-wrapper article {
  margin-bottom: 64px;
}

/* MENU TEST */
.menu-mobile.nav-ul li > .wrap {
  overflow: hidden;
}

.menu-mobile.nav-ul li:not([class*="block"]) > .wrap > a {
  /* transform: translateY(100%); */
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}

@keyframes moveForward {
  0% {
    /* transform: translateY(100%); */
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  }
  100% {
    /* transform: translateY(0); */
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}

@keyframes moveBackward {
  0% {
    /* transform: translateY(0); */
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  100% {
    /* transform: translateY(100%); */
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  }
}
