/*
Theme Name: harald
Theme URI: https://wordpress.org/themes/harald/
Author: Stevens Chauvet
Author URI: https://wordpress.org/
Description: Harald is a blank canvas for your ideas and it makes the block and section editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.5                                
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Harald
Tags: section-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Harald WordPress Theme, (C) 2020 WordPress.org
Harald is distributed under the terms of the GNU GPL.
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block }

body {
  line-height: normal;
  letter-spacing: -0.01em;
  outline: none;
  overflow-x: hidden;
  font-family: "Roboto", sans-serif;
  box-sizing: border-box;
  margin: 0;
  padding: 0 }

strong {
  text-transform: initial;
  font-weight: 600 }

ol,ul { list-style: none }

p { 
  font-size: 1.125rem;
  line-height: 1.5 }

img {
  margin: 0 auto;
  height: auto;
  width: 100% }

textarea { width: 100% }

h2 {
  font-size: 25px;
  text-transform: capitalize }

h3 {
  font-size: 20px;
  text-transform: capitalize }

blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none }

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

a { text-decoration: none }

.content-header, .content-header-difference {
  z-index: 9;
  position: fixed;
  width: 100% }

.difference { mix-blend-mode: difference }

/* x22 breadcrumb espace */
.woocommerce-breadcrumb { padding: 50px 0 50px 0 }

.menu {
  display: flex;
  position: sticky;
  justify-content: space-between;
  align-items: center;
  max-width: 1170px;
  margin: 0 auto;
  padding: 8px }

#menu-menu-footer { 
  display: flex;
  flex-direction: column; }

.move-menu { height: 50px }

#menu-filter-menu, #menu-filter-menu-1 {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin: 0;
  padding: 0 }

#menu-filter-menu li, #menu-filter-menu-1 li {
  margin:0;
  padding:0 }

.center {
  text-align: center;
  height: auto }

.changeMenu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transform: translate3d(0px, -100px, 0px);
  content: attr(data-hover);
  -webkit-transition: -webkit-transform 1s;
  transition: transform 1s }

/* ===== START Fenêtre projet (AJAX) ===== */
.fenetre-projet {
    position: fixed; inset: 0; z-index: 9999;
    background: #fff;
    overflow-y: auto; padding: 80px 16px 40px;
}
.fenetre-projet[hidden] { display: none; }
.fenetre-projet article { max-width: 500px; margin: 0 auto; }
.fenetre-projet article img { display: block; width: 100%; height: auto; margin-bottom: 24px; }
.fermer-projet {
    position: fixed; top: 20px; right: 24px;
    background: none; border: 0; font-size: 40px; line-height: 1; cursor: pointer;
}

  @media (prefers-reduced-motion: no-preference) {

    article {
      animation: fade-up 0.4s ease-in-out;
    }
  }

  @keyframes fade-up {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }

.changeMenu:nth-child(1) {
  position: relative;
  top: 14px }

.changeMenu:nth-child(2) {
  position: relative;
  top: -4px; }

.changeMenu:nth-child(3) {
  position: relative;
  top: -23px }

.active {
  transform: translateY(0px);
  content: attr(data-hover);
  -webkit-transition: -webkit-transform 1s;
  transition: transform 1s }

.custom-logo-link img, .custom-logo-black-link img {
  max-width: 45px;
  height: 100%;
  width: auto }

.col-lg-1.col-md-6.col-sm-6.grid-item, .col-lg-2.col-md-6.col-sm-6.grid-item,
.col-lg-3.col-md-6.col-sm-6.grid-item, .col-lg-4.col-md-6.col-sm-6.grid-item,
.col-lg-5.col-md-6.col-sm-6.grid-item, .col-lg-6.col-md-6.col-sm-6.grid-item {
  width: 100%;
  padding: 0 }

div.harald_section_first { background-color: #fcfcfc }
img.grid-img { float: right }

.grid-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.overlay-grid {
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  backdrop-filter: blur(15px);
  background-color: #0093d6b8;
  visibility: hidden;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  transition: all 400ms ease;
  display: flex;
  align-content: center;
  justify-content: flex-start;
  padding: 30px;
  align-items: center }

.overlay-grid.website,.overlay-grid.logo,.overlay-grid.illustration,
.overlay-grid.graphisme,.overlay-grid.motion,.overlay-grid.affiche {
  background-color: #f5f5f5bd;
  backdrop-filter: blur(2px) }

.grid-item:hover .overlay-grid {
  opacity: 1;
  visibility: visible }

footer, .asize-bg, #menu-reseaux-social li a { background-color: #3d3d3d; }

.mention-legal-url a { 
  font-size:15px;
  color: #a4a4a4; }

#media_image-3 img {
  opacity: 0.19;
  width: 60%;
  max-width: 150px }

#categories-3, #text-4, #text-5 { height: 60% }

footer {
  height: auto;
  width: 100%;
  z-index: 1;
  transform: translateY(50px) } 

/* start hover */

.grid-item:hover .txt-third, .grid-item:hover p.date_overlay, .grid-item:hover .txt-sec {
  font-weight: 700;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.7, 0.54, 0.99);
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.7, 0.54, 0.99);
  transition: all 0.6s cubic-bezier(0.15, 0.7, 0.54, 0.99) }

/* end hover */

.grid-item p.txt-third, .grid-item p.date_overlay, .grid-item .txt-sec {
  margin: 8px 0 0px;
  opacity: 0;
  -webkit-transform: translate3d(-25px, 0, 0);
  -moz-transform: translate3d(-25px, 0, 0);
  transform: translate3d(-25px, 0, 0);
  -webkit-transition: all 0s 0.4s;
  -moz-transition: all 0s 0.4s;
  transition: all 0s 0.4s }

.grid-item:hover .txt-third {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s }

.grid-item:hover .txt-sec {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s }

.grid-item:hover .date_overlay {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s }

/* float right pour les espace blanc */

::-webkit-scrollbar { display: none }

.background-f {
  font-weight: bold;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background-color: #191919 }

.content-header-difference .background-f {
  font-weight: bold;
  -webkit-transition: all 0.2s;
  transition: all 0.2s }

.menu ul li a {
  font-size: 15px;
  color: #191919;
  transition-duration: 0.1s;
  transition-property: color;
  transition-timing-function: linear;
  text-transform: capitalize;
  text-decoration: none;
  font-weight: 700 }

.content-header-difference ul#menu-menu-about li a:hover { color: white !important }
.content-header-difference > .hamburgergold span { background: rgb(255, 255, 255) }
.changeMenu > ul#menu-menu-about { margin-right: 0 }

.content-header-difference ul#menu-menu-about li a {
  font-size: 15px;
  transition-duration: 0.1s;
  transition-property: color;
  transition-timing-function: linear;
  text-transform: capitalize;
  text-decoration: none;
  font-weight: 700;
  color: white }

.background-f > .menu ul li a {
  color: #a4a4a4;
  transition-duration: 0.1s;
  transition-property: color;
  transition-timing-function: linear;
  border-color: #a4a4a4 }

.bg-block-higjtmoov { margin-top: 70px }

.menu ul li .selected:hover, .menu ul li a:hover {
  color: #fff !important;
  transition-duration: 0.1s;
  transition-property: color;
  transition-timing-function: linear;
  border-color: #fff }

.content-head_blog {
  max-width: 1150px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px }

.content-head_blog_search {
  max-width: 1150px;
  margin: 0 auto;
  padding-top: 160px;
  padding-bottom: 5px }

.background_line_breadcrumb {
  background-color: #f1f1f1;
  margin-top: 100px;
  height: 150px }

.background_line_breadcrumb-archive {
  background-color: #f1f1f1;
  margin-top: 100px;
  height: auto }

li.nav-item {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px }

li.menu-item {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px }

#menu-menu-contact { margin-right: 22px }

.content-aside-san_francisco > #menu-reseaux-social,
.fixedWheel > #menu-reseaux-social,
.stickySingle > #menu-reseaux-social,
.stickySlide > #menu-reseaux-social {
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding: 30px 0 }

.center-social {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  padding: 0 0 }

.center-social > #menu-reseaux-social li a { background-color: rgb(0, 0, 0) }

.middle-txt {
  display: flex;
  align-items: center }

.title_archive a, .asize-bg ul.post-categories li a, .title_archive, .asize-bg, .wrapper-texte, a, .no-list-style li,
.overlay-items-archive-hld p, .desc-author, .title-overlay-faq, ul.post-categories li a,
.overlay_texte_hightmoov h3, h2.title_archive a, #searchsubmit, .about-text, .about-title { color: #fff }

.wrapper-footer-harald h2 { color: white }

h2.title_archive {
  font-size: 15px;
  text-transform: capitalize }

.overlay-items-archive-hld p {
  font-weight: 700;
  font-size: 20px }

.middle-txt a p, .title_archive {
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
  -webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px) }

.overlay-items-archive-hld:hover .middle-txt a p {
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) }

.overlay-items-archive-hld:hover .title_archive {
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) }

.grid-archive {
  display: flex;
  flex-wrap: wrap;
  gap: 30px }

.grid-archive div {
  justify-content: space-evenly;
  width: 265px;
  flex-direction: column;
  height: 265px }

.grid-archive div img {
  width: 100%;
  height: auto }

.overlay-items-archive-hld {
  position: absolute;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  text-align: center;
  box-sizing: border-box;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s }

.overlay-items-archive-hld:hover, .overlay-portfolio-archive:hover { opacity: 1 }

.overlay-archive-portfolio {
  position: absolute;
  width: 100%;
  max-width: 1150px;
  opacity: 0;
  background-color: #f1f1f1ed;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  transition: all 400ms ease;
  height: 450px }

.parent-overlay {
  margin: 30px 0;
  display: flex }

.card-post-portfolio {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 454px }

.card-post-portfolio h2 {
  font-size: 40px;
  font-weight: 600 }

.overlay-archive-portfolio:hover { opacity: 1 }

#menu-reseaux-social {
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0 0 }

#menu-reseaux-social li { margin: 0 }

#menu-reseaux-social li a {
  display: flex;
  justify-content: center;
  margin: 0 10px 0 0;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  color: #a4a4a4 }

#menu-reseaux-social li a i { font-size: 12px }

.content-hld-title {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 10px }

.wrapper-about {
  height: 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  top: -150px; }

.content-about {
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-position: 0px 110px;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  overflow: hidden;
  height: 500px;
  width: 100% }

.wrapper-about-descriptions {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 220px;
  font-size: 80%;
  width: 100%; }

.wrapper-icone-about {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100% }

.content-about-informations {   
  display: flex;
  justify-content: center;
  width: 100% }

.wrapper-icone-about div img {   
  width: 100%;
  max-width: 80px;
  margin: 0px 100px }

.content-about-i { height: 0 }
h2.l-about-description { font-size : 37px }
.about-title { font-size: 5vw; }

.block-descriptions-about {
  width: 100%;
  max-width: 575px;
  text-align: left }

.r-texte-about { 
  padding-left: 60px; 
  margin-top: 20px }

.wrapper-about-icone-info {
  background-color: #f4f4f4;
  width: 100%;
  height: 480px }

.card-about {
  text-align: center;
  width: 100%;
  max-width: 280px }

.card-about h2 { margin-bottom: 20px }

.hight-author {
  width: 400px;
  margin: 0 auto } 

.desc-author { margin-top: 10px; }

.content-social-author ul {
  display: inline-flex;
  align-items: center }

.content-social-author ul li { margin: 30px 10px 0 0 }

.content-social-author ul li a i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 43px;
  height: 43px;
  background-color: #000000;
  border-radius: 100px;
  color: #a4a4a4;
  font-size: 15px }

ul#menu-about span:before {
  position: absolute;
  bottom: -100%;
  left: 0;
  content: attr(data-hover) }

.card-infos-author {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-size: 13px;
  color: #a4a4a4;
  font-weight: 600;
  padding-top: 20px;
  border-top: 1px solid rgb(236, 236, 236) }

.card-infos-author div { margin: 0 2px }
.title-left h2 { font-size: 30px }

.title-left {
  display: flex;
  align-items: center;
  justify-content: start;
  font-weight: 700 }

.breadcrumbs-right {
  display: flex;
  align-items: center;
  justify-content: end }

.breadcrumbs-left {
  display: flex;
  align-items: center;
  justify-content: start }

.breadcrumbs-left h2 {
  font-size: 70px;
  line-height: 0 }

.breadcrumbs-left-search h1, .breadcrumbs-left-search {
  font-size: 40px;
  line-height: 0;
  font-weight: 600 }

.content-card-search {
  text-align: right;
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin: 30px 0;
  justify-content: space-between;
  border: 1px solid rgba(0, 0, 0, 0.125) }

.item-img-search {
  width: 100%;
  object-fit: cover;
  max-width: 710px }

.item-img-search img {
  max-height: 250px;
  height: 100%;
  object-fit: cover }

.sous-title-landing-bolder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 450px }

.wrapper-inspirations ul li a img {
  position: absolute;
  width: 100%;
  max-width: 300px;
  height: 400px;
  object-fit: cover; 
  transform: translateX(-50%) translateY(-50%);
  z-index: -10;
  opacity: 0;
  visibility: hidden;
  pointer-events: none }

.wrapper-clients {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  flex-wrap: wrap }

.wrapper-clients div img {
  width: 100%;
  max-width: 250px }

.empty-img-search {
  display: block;
  width: 100%;
  height: 250px }

.img-difference-logo { filter: invert(1) }

.parse-hightmoov h3 {
  height: 500px;
  display: flex;
  font-weight: 800;
  align-items: center;
  padding: 0 100px;
  transform: translate3d(10px, 20%, 10px);
  font-size: 30px }

.harald_moov-1 { transform: translate3d(0px, 20%, 0px) }
.harald_moov { transform: translate3d(0px, 40%, 0px) }
.harald_moov0 { transform: translate3d(0px, 60%, 0px) }
.harald_moov1 { transform: translate3d(0px, 80%, 0px) }
.harald_moov2 { transform: translate3d(0px, 100%, 0px) }

.bg-hightmoov, .bg-hightmoov-1, .carreau-explore, .blocktest { background-color: #f7f7f7 }

.bg-hightmoov { height: 500px }

.bg-hightmoov-1 {
  height: 500px; 
  overflow: hidden; 
  padding-left: 0px }

.bg-hightmoov-2 {
  background-color: grey; 
  height: 500px; 
  overflow: hidden; 
  padding-left: 0px;
  padding-right: 0px }

.bg-dark-hightmoov {
  background: #000; 
  position: absolute; 
  width: 100%; 
  height: 500px; 
  opacity: 0.2 }

.bg-hightmoov-4 {
  height: 500px; 
  background-repeat: no-repeat; 
  background-size: cover; 
  background-position: left; 
  display:flex; 
  align-items:center; 
  justify-content: center } 

.center-hightmoov img {
  position: relative;
  top: -200px }

.overlay_texte_hightmoov h3 {
  font-weight: 800;
  text-align: center;
  font-size: 30px }

.remove:empty { display: none }

.hld-border-separator {
  width: 100%;
  text-align: center;
  padding: 20px 0;
  font-size: 15px; }

.copyryter-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  height: 50%;
  border-top: solid 1px rgb(227 227 227 / 10%); }

.wrapper-contact {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 50px; }

.wrapper-footer-harald {
display: grid;
grid-template-columns: repeat(4,180px);
height:516px;
justify-content: space-between;
align-items: center; }

.info-footer-harald { color:#a4a4a4 }

.page-politique {
  background-color: #fbfbfb;
  padding: 50px }

.wrapper-politique { padding-top: 70px }

.overlay-lg {
  width: 100%;
  height: auto;
  margin-bottom: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 500px }

.overlay-landing {
  width: 100%;
  height: auto;
  margin-bottom: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 800px }

.overlay-whiting, .overlay-whiting-bolder {
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 450px }

.overlay-whiting-bolder { margin-bottom: 150px }

.overlay-lg-reveal {
  position: fixed;
  width: 100%;
  height: 100%;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100% }

section.block-hightmoov {
  display: flex;
  align-items: center;
  height: 500px;
  margin: 0 auto;
  width: fit-content }

.section-hightmoob { height: 500px }
.widget-footer.widget_categories ul li a, .textwidget ul li,  
.no-list-style li a  { color: #a4a4a4; }
#categories-3 ul li { margin: 20px 0;}
.widget-footer.widget_categories ul li a:hover {color: #4d4d4d; }
.textwidget ul li { margin: 20px 0 }

.title-overlay {
  font-size: 55px; 
  font-weight: 700 }

.top-reset-mb {
  position: relative; 
  top: 130px }

.section-hightmoov {
  display: block;
  height: 500px }

.sous-title-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 500px }

.sous-title-landing {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 700px }

.hld-pagination ul li { display: inline-block }

.hld-pagination ul.hld-page-numbers li a,
.hld-pagination ul.hld-page-numbers li span {
  text-align: center;
  color: #000000;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease }

.hld-pagination ul.hld-page-numbers li a:hover:not(.current),
.hld-pagination ul.hld-page-numbers li span:hover:not(.current) {
  color: #191919;
  background-color: #f1f1f1 }

.hld-pagination ul.hld-page-numbers li {
  margin-bottom: 0;
  margin-right: 3.16667rem;
  margin-right: 1.25rem;
  line-height: 1 }

.hld-pagination ul.hld-page-numbers li span.page-numbers.current span,
.hld-pagination ul.hld-page-numbers li span.page-numbers.current {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  background-color: #191919 }

a:not(button):hover,
a:not(button).active,
.content-hld-date_category,
ul.post-categories li a { color: #898989 }

a.morelink-hld:hover span {
  transition-duration: 0.2s;
  transition-timing-function: linear;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-left: 10px }

.content-hld-date_category {
  color: black;
  font-weight: bold;
  font-size: 14px }

ul.post-categories li a:hover { color: #191919 }

.grille-san-francisco {
  -moz-column-count: 2;
  -moz-column-gap: 30px;
  -moz-column-width: 30%;
  -webkit-column-count: 2;
  -webkit-column-gap: 30px;
  -webkit-column-width: 30px;
  column-count: 2;
  column-gap: 30px;
  column-width: 30% }

.harald-quote {
  text-align: center;
  margin-bottom: 200px }

.grid-content-harald { display: grid }

.harald-quote:before {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100px;
  font: bold 180px/1 "Times New Roman";
  content: "”";
  opacity: 0.1;
  pointer-events: none;
  color: currentColor }

.harald-quote > h2 {
  font-size: 45px;
  font-family: "Playfair Display";
  font-weight: 400;
  color: #111;
  font-style: italic;
  position: relative;
  margin-left: 20px;
  top: 50px;
  border-left: 4px;
  border-color: #c2c2c2;
  border-style: solid }

.items-san-francisco {
  display: block;
  padding: 30px 0 0 0 }

.grid-archive .items-archive img {
  object-fit: cover;
  display: flex;
  height: inherit }

.hld-pagination ul.hld-page-numbers {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center }

.gs-vertical-lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1 }

.hld-paragraphe {
  height: 100%;
  max-height: 155px;
  overflow-y: scroll }

.gs-vertical-lines .gs-vertical-line {
  display: block;
  float: left;
  height: 100%;
  border-left: 1px dashed #f1f1f1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16.666% }

.wrapper_lines {
  position: absolute;
  width: 100% }

.wrapper-white, .wrapper-transparent {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out }

.product-quantity .quantity { 
  width: 100%;
  float: none }

/* x23 Start single product */

.wrapper-boutique ul.products li.product .onsale {
  top: 31px;
  right: 0;
  left: 7px;
  margin: -0.5em -0.5em 0 0;
  position: relative }

.margeTop-boutique { padding-top: 20px }

.wrapper-boutique ul.products li.product .price {
  color: #7898ff;
  display: block;
  font-weight: 400;
  margin-bottom: 0.5em;
  font-size: .857em }

a.added_to_cart.wc-forward { display: block }

  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap');
h1.product_title.entry-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #1c244b;
  width: 70%;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 30px }

ins { text-decoration: none }

.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  display: block;
  margin: 0 auto 1.618em }

h2.woocommerce-loop-product__title, span.price, .space-strokes { text-align: center; }

a.button.wp-element-button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  width: 70%;
  display: block;
  margin: 0 auto }

h2.woocommerce-loop-product__title { font-size:1rem }

p.price {
  font-weight: 500;
  color: #7898ff;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 20px }

.added_to_cart.wc-forward { 
  display: block;
  margin: 1rem auto;
  width: 70%;
  text-align: center }

span.price { 
  display: block;
  margin: 1rem }

.woocommerce-product-details__short-description > p { 
  margin-top: 20px;
  font-weight: 300;
  padding-bottom: 20px }

.woocommerce-Price-amount.amount:first-child(){ opacity: .5 }

.wrapper-price {
  margin-top: 20px;
  display: flex;
  flex-direction: row }

.woocommerce-product-details__short-description {
  width: 100%;
  max-width: 394px }

.woocommerce-product-gallery__trigger {
  position: absolute;
  top: 10px;
  right: 24.875px;
  display: block;
  height: 2em;
  width: 2em;
  border-radius: 3px;
  z-index: 1;
  text-align: center;
  background: #7898ff; }

.woocommerce-product-gallery__trigger::before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: inherit;
  vertical-align: baseline;
  content: "";
  display: block;
  line-height: 2;
  text-indent: 0 }

img.emoji {
  display: none !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important }

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img { display: none !important }

span.onsale {
  position: absolute;
  transform: translate3d(10px, 10px, 10px);
  z-index: 1;
  color: #fff;
  background: #191919;
  padding: 7px;
  border-radius: 6px;
  font-weight: bold;
  font-size: 15px; }

.woocommerce span.onsale {
  min-height: 1.236em;
  min-width: 1.236em;
  position: absolute;
  transform: translate3d(10px, 10px, 10px);
  z-index: 1;
  color: #fff;
  background: #191919;
  padding: 7px;
  border-radius: 6px;
  font-weight: bold;
  font-size: 15px;
  line-height: 1;
  margin: 5px }

.input-text.qty.text {
  width: 4.235801032em;
  text-align: center;
  padding: 0.6180469716em;
  background-color: #f2f2f2;
  color: #43454b;
  border: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 13%) }

.quantity {
  float: left;
  margin-right: 0.875em }

.wrapper-info-price {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start }

button.single_add_to_cart_button.button.alt.wp-element-button {
  border: 0;
  border-radius: 0;
  background: none;
  background-color: #080808;
  border-color: #43454b;
  color: #fff;
  cursor: pointer;
  padding: 10px;
  text-decoration: none;
  font-weight: 600;
  text-shadow: none;
  display: inline-block;
  -webkit-appearance: none; }

.product_meta {
  display: flex;
  flex-direction: column;
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #e6e6e6;
  line-height: 1.5 }

.woocommerce-error {
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em;
  position: relative;
  background-color: #ffaa9d;
  border-top: 3px solid transparent;
  color: #515151;
  list-style: none outside;
  width: auto;
  font-weight: 500;
  word-wrap: break-word;
  border-radius: 5px }

.woocommerce-message {
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em;
  position: relative;
  background-color: #acff9d;
  border-top: 3px solid transparent;
  color: #515151;
  list-style: none outside;
  width: auto;
  font-weight: 500;
  word-wrap: break-word;
  border-radius: 5px }

.woocommerce-info {
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em;
  position: relative;
  background-color: #99c5ff;
  border-top: 3px solid transparent;
  color: #515151;
  list-style: none outside;
  width: auto;
  font-weight: 500;
  word-wrap: break-word;
  border-radius: 5px }

.pswp__caption__center {
  text-align: center;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #ccc }

.woocommerce-message::before {
  content: "\e015";
  color: #fefffc }

.woocommerce-tabs {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  padding-bottom: 50px; }

.woocommerce-tabs ul.tabs {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  list-style: none;
  margin: 0;
  padding: 0;
  clear: both }

.woocommerce-tabs ul.tabs>li.active a {
  border: 1px solid #e6e6e6;
  border-bottom: 0 }

.woocommerce-tabs ul.tabs>li.active a:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  background: #fff;
  height: 2px;
  top: 100%;
  left: 0 }

.woocommerce-tabs ul.tabs>li>a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 600;
  color: #000;
  padding: 15px;
  text-transform: uppercase }

.woocommerce-tabs .entry-content {
  padding: 23px 34px 26px;
  border: 1px solid #e6e6e6;
  background-color: #fff }

.woocommerce-tabs ul.tabs>li {
  display: inline-block;
  vertical-align: middle;
  float: left;
  -webkit-border-bottom: 0;
  -moz-border-bottom: 0;
  border-bottom: 0;
  background: #fff; }

.related.products > h2 { margin-bottom: 60px }

form.cart { margin-top: 25px }

.products.columns-4 { 
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px; }

ol.flex-control-nav.flex-control-thumbs {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  grid-gap: 20px;
  border-radius: 5px;
  margin-top: 20px; }

.wrapper-white { background-color: white }

del {
  color: inherit;
  opacity: .5;
  display: inline-block }

button, input[type=button], input[type=reset], input[type=submit], .button, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .added_to_cart {
  border: 0;
  border-radius: 0;
  background: none;
  background-color: #7898ff;
  border-color: #43454b;
  color: #fff;
  cursor: pointer;
  padding: 0.6180469716em 1.41575em;
  text-decoration: none;
  font-weight: 600;
  text-shadow: none;
  display: inline-block;
  -webkit-appearance: none }

.products.columns-3 {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(4, 1fr) }

input#coupon_code { width: 50% }

.form-contact-img {
  width: 100%;
  max-width: 500px; }

/* End single product */

.wrapper-transparent { background-color: transparent }
ul.post-categories { display: inline-flex }
ul.post-categories { margin-right: 20px }

.hld-block-move {
  max-width: 100%;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  margin: 0 }

.separator_harald { font-size: 20px }

ul.post-categories li a {
  margin-right: 20px;
  text-decoration: none;
  color: #000 }

h2.widgettitle {
  margin: 32px 0 32px 0;
  font-weight: 700 }

.widgettitle + ul li { margin: 7px 0 }

.widget .widget_search,
input[type="text"] {
  padding: 17px 72px 13px 16px;
  width: 100% }

.tagcloud ul li {
  margin-top: 30px;
  display: inline-block }

.fa-search:before {
  content: "\f002";
  font-size: 19px }

.harald-pagination {
  display: flex;
  align-items: center;
  vertical-align: middle }

.decayle { margin-top: 300px }

.harald-pagination i {
  font-size: 30px;
  font-weight: 700 }

[class*="reveals-"] {
  /* opacity: 0; */
  -webkit-transition: all 0.7s cubic-bezier(0.15, 0.7, 0.54, 0.99);
  -moz-transition: all 0.7s cubic-bezier(0.15, 0.7, 0.54, 0.99);
  transition: all 0.7s cubic-bezier(0.15, 0.7, 0.54, 0.99);
  transform: translateY(50px) }

input#searchsubmit[type="submit"] {
  font-family: "FontAwesome";
  content: "\f002";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  font-weight: 900 }

.suite-wrapper {
  margin-top: 500px;
  width: 100% }

.suite-wrapper > .content { position: relative }

.bar_paginate a {
  font-size: 25px;
  font-weight: 700;
  margin: 0 30px }

.harald-pagination {
  display: flex;
  justify-content: space-between }

.wrapper_lines {
  background-color: "#ffffff";
  background-color: rgb(255 255 255 / 0%) }

.strokes {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px }

h2.strokes {
  font-size: 4.995vw;
  letter-spacing: -0.037rem }

.space-strokes {
  margin-top: 100px;
  position: relative;
  top: 210px }

.hightmoov_texte_center5 { 
  display: flex; 
  justify-content: center; 
  width: 100% }

p.s1 { font-size: 17px }

.about-single {
  position: relative;
  top: -8px }

#whiteLogo img { filter: invert(1) }

.content {
  width: 100%;
  max-width: 1150px;
  margin: 50px auto }

.content-big-image {
  width: 100%;
  max-width: 1500px;
  margin: 50px auto }

.cardLoop {
  display: flex;
  justify-content: center;
  height: 50px;
  align-items: center }

.content-control {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: space-between;
  top: 820px;
  width: 100%;
  max-height: 0;
  max-width: 1150px }

.grid-content {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  position: sticky }

.slider-content {
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  margin-bottom: 30px }

.card_post {
  padding-top: 30px;
  padding-bottom: 60px }

.card_post h2 {
  margin-bottom: 10px;
  font-weight: bold }

.card_post p { padding-bottom: 30px }
.card_post .paragraphe-hld { color: #898989 }

.big-images-content {
  width: 100%;
  height: auto }

.content-quote h2 {
  font-size: 35px;
  position: relative;
  bottom: 100px }

.space-harald { margin-top: 130px }

.big-images-content img,
.banner-content img,
.content-single img {
  margin-bottom: 30px }

.banner-content img {
  width: 100%;
  overflow-y: hidden;
  max-height: 400px;
  object-fit: cover;
  object-position: 50% 50% }

.card_post a.morelink-hld { margin-top: 10px }
.morelink-hld { line-height: 3 }

.content_single-post {
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
  padding-top: 130px }

.content-fixed-text {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px }

.fixed-text-grid { margin-bottom: 30px }

.content-breadcrumb div.content {
  display: flex;
  align-items: center }

.content-explore-1 {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  height: 600px }

.item-explore-1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100% }

.item-explore-2 {
  width: 100vw;
  margin: 60px }

.item-explore-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100% }

.item-explore-4,
.item-explore-5 { margin: 30px }

.item-explore-4 {
  width: 100%;
  max-width: 300px }

.item-explore-5 {
  width: 100%;
  max-width: 400px }

.content-explore div { margin: 0 30px }

.carreau-explore {
  width: 100%;
  max-width: 775px;
  height: 800px;
  position: absolute; }

.carreau-explore-reverse {
  width: 100%;
  max-width: 775px;
  height: 800px;
  position: absolute;
  transform: translateY(160px);
  right: 0 }

.superpos {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center }

p#breadcrumbs { margin-bottom: 50px }
p#breadcrumbs, a { color: #000000 }
p#breadcrumbs, a, .breadcrumb_last { font-size: 17px }

p#breadcrumbs, a:hover {
  text-decoration: none;
  color: #a4a4a4 }

.breadcrumb_last {
  text-transform: capitalize;
  color: #000000 }

.left-g, .right-g {
  align-items: center;
  margin: 0 30px }

.left-g span, .right-g span {
  color: #fff;
  background: #000000;
  background: RGBA(0, 0, 0, 0.67);
  opacity: 1;
  padding: 14px 14px 14px 14px;
  box-shadow: none;
  border-width: 0px;
  border-style: solid;
  border-color: #000000;
  border-color: RGBA(0, 0, 0, 1);
  border-radius: 5px;
  cursor: pointer;
  transition: all 150ms ease;
  font-size: 15px }

.content-avatar {
  padding-top: 50px;
  border-top: 1px solid rgb(236, 236, 236) }

.profyle-avatar { margin: 0 30px }

.about-avatar {
  width: 100%;
  max-width: 400px }

.profyle-avatar img {
  border-radius: 50%;
  width: 100%;
  max-width: 100px }

.about-avatar h2 {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 800 }

.about-avatar p {
  color: #a4a4a4;
  font-size: 13px }

.other-post-avatar a {
  font-weight: 800;
  font-size: 15px }

.other-post-avatar { margin-top: 13px }

.fa.fa-chevron-left:before {
  position: relative;
  left: -1px;
  top: 1px }

.fa.fa-chevron-right:before {
  position: relative;
  left: 1px;
  top: 1px }

.slider-content img {
  width: 100%;
  overflow: hidden;
  transform: translateY(-230px) }

.grid-content > div { border: solid 1px transparent }

.box-grid {
  grid-column: span 2;
  height: auto;
  vertical-align: middle;
  overflow: hidden;
  display: flex;
  align-items: center;
  max-height: 400px }

.fixed-text-content > div { margin-bottom: 30px }

.wrapper-intertitre-hightmoov-mb {
  height: 550px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(60px) }

.block_hightmoov_text, .block_hightmoov_text2 {
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 120px;
  width: 50% }

.blocktest {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s }

.item-texte-search { padding: 0 60px }
h2.card-title { font-size: 2vw }

.title-cards-search {
  font-size: 25px;
  font-weight: 600 }

.fixedWheel {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  position: sticky;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin-bottom: 30px }

.grid-galerie { display: grid }

.box-grid img {
  width: 100%;
  height: auto;
  clear: both }

#stickySide {
  grid-column-start: 3;
  position: absolute;
  -webkit-transition: all 0.6s 0.2s;
  -moz-transition: all 0.6s 0.2s;
  transition: all 0.6s 0.2s;
  display: block }

#stickySide h3 { margin: 13px 0 22px }

.stickySingle h4.hld-info-title ul li { display: inline-block }

#stickySide aside p { margin-bottom: 30px }

.asize-bg {
  display: flex;
  align-items: center;
  padding: 0 70px;
  font-weight: 700;
  font-size: 3vw }

.remove-padding {
  background-color: white;
  color: #000;
  padding: 0;
  height: 100%;
  overflow: hidden;
  max-height: 495px }

.midnightHeader.white ul li a { color: black }
.midnightHeader.black ul li a { color: white }
.midnightHeader.default { color: #191919 }

.head-harald-sf {
  display: flex;
  flex-wrap: wrap }

#stickySide h2, .fixedWheel h2, .t1 {
  font-size: 30px;
  margin: 0 0 21px }

#stickySide h4 strong { font-weight: 500 }

.hld-info-title,
.harald-info-title {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin: 0 0 10px }

.harald-info-title {
  line-height: 1.6;
  margin-bottom: 40px }

.content-sanfrancisco {
  display: flex;
  align-items: center;
  flex-wrap: wrap }

.content-sanfrancisco h2,
h2.intertitre_hightmoov,
.intertitre_hightmoov h2,
.gutter_hightmoov h2 {
  font-weight: 800;
  text-transform: uppercase }

h2.intertitre_hightmoov,
.intertitre_hightmoov div h2,
.gutter_hightmoov h2 {
  margin-bottom: 30px }

.opacity-white {
  position: relative;
  z-index: 2;
  right: 0;
  left: 0;
  bottom: 0;
  height: 250px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+29,ffffff+100&0+30,1+100 */
  background: -moz-linear-gradient( left,rgba(255, 255, 255, 0) 29%, rgba(255, 255, 255, 0) 30%,rgba(255, 255, 255, 1) 100% ); /* FF3.6-15 */
  background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 29%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100% ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 29%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ }

.info_publication_hightmoov {
  width: 100%;
  display: flex;
  justify-content: center;
  font-weight: 700;
  align-items: center }

/* .info_publication_hightmoov div { margin: 10px } */

.gutter_hightmoov p {
  -webkit-column-count: 2;
  -webkit-column-gap: 2em;
  column-count: 2;
  column-gap: 2em;
  text-align: justify }

.carousel-cell {
  max-width: 564px;
  align-items: center }

.carousel-cell h2 { margin-bottom: 0px }
.content_texte_cell { padding: 0 30px; }

.title-link {
  width: 100%;
  max-width: 500px;
  font-weight: 700 }

.date-cell {
  width: 100%;
  max-width: 500px }

.block_cell {
  overflow: hidden;
  position: relative;
  max-height: 300px;
  padding-left: 30px;
  margin-top: 20px;
  top: 0px;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  flex-flow: wrap;
  flex-wrap: wrap;
  align-content: space-around }

.block_cell img {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
  position: relative;
  top: -60px }

.main-carousel {
  position: relative;
  z-index: 1;
  display: block;
  transition-property: transform;
  overflow: hidden;
  box-sizing: content-box }

/*
	Styles for adding social media share links to website built on WordPress CMS.
*/

div#content a:active, div#content a:focus, div#content a:hover {
  color: #00f;
  background-color: #f0f0f0; }

.social-share-div a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: #2d2d2d }

.social-share-div {
  display: block;
  width: auto;
  margin: 1rem 0 1rem 0 }

.share-buttons {
  display: block;
  width: 100% }

.share-buttons > a {
  padding: 0.5rem 2rem;
  margin-top: 1rem;
  margin-right: 0.5rem }

a.buttonlink {
  width: auto;
  display: inline-block;
  text-align: center;
  border-radius: 7px;
  color: #ffffff !important;
  line-height: 1.6;
  text-decoration: none;
  font-size: 16px; /*for Search Console Mobile Usability*/
  position: relative }

/*IMPORTANT declarations will override default WP theme*/
.share-button-profile-twitter { background: #03a9f4 !important }
.share-button-profile-twitter:active, .share-button-profile-twitter:focus, .share-button-profile-twitter:hover { background: #0093d6 !important }
.share-button-profile-facebook { background: #2c4379 !important }
a.buttonlink.share-button-profile-facebook:active, a.buttonlink.share-button-profile-facebook:focus, a.buttonlink.share-button-profile-facebook:hover { background: #6284b6 !important }
.share-button-profile-whatsapp { background: #25d366 !important }
a.buttonlink.share-button-profile-whatsapp:active, a.buttonlink.share-button-profile-whatsapp:focus, a.buttonlink.share-button-profile-whatsapp:hover { background: #3d9440 !important }
.share-button-profile-linkedin { background: #005582 !important }
a.buttonlink.share-button-profile-linkedin:active, a.buttonlink.share-button-profile-linkedin:focus, a.buttonlink.share-button-profile-linkedin:hover { background: #136288 !important }
.share-button-profile-pinterest { background: #e50022 !important }
a.buttonlink.share-button-profile-pinterest:active, a.buttonlink.share-button-profile-pinterest:focus, a.buttonlink.share-button-profile-pinterest:hover { background: #a10718 !important }
a.buttonlink { font-size: 14px }

/* start Ici pour le nouvement des images */

.movent_parent_hld {
  overflow: hidden;
  margin-top: auto;
  position: relative;
  width: 100% }

.movetnPics {
  -webkit-transition: all 0.6s 0.2s;
  -moz-transition: all 0.6s 0.2s;
  transition: all 0.6s 0.2s;
  margin-top: -150px }

.wrapper-inspirations {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 10% 0 10% 0 }

img.item-inspiration {
  object-fit: contain;
  position: absolute;
  visibility: hidden;
  width: 30%;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  z-index: 10 }

.title-inspiration {
  font-size: 20px;
  font-weight: 300 }

  .page-title-harald, .wrapper-inspirations p a { font-size: 50px }

.wrapper-inspirations p a {
  text-decoration: underline;
  font-weight: 800 }

.wrapper-disorder {
  display: flex;
  flex-wrap: wrap;
  column-gap: 100px }

.wrapper-disorder div {
  width: calc(27% + 6px);
  padding-top: 20px;
  clear: both }

.wrapper-nft {
  display: flex;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 300%;
  height: auto }

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-250px * 7)) } }

.slide-track {
  animation: scroll 10s linear infinite;
  display: flex;
  width: 320% }

.center-nft {
  display: flex;
  align-items: center;
  height: 500px }

.left-nft-image {
  display: flex;
  width: 50%;
  align-items: center }

.right-nft-image {
  text-align: center;
  color: white;
  font-weight: bold;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center }

.content-nft { padding: 100px 0 }

.background-overlay-revealz {
  background-color: #ffffff61; 
  position: absolute; 
  height: 100%; 
  width: 100%; 
  top: 0 }

.accordion {
  width: 100%;
  margin: 50px auto;
  color: black;
  background-color: #fff;
  padding: 45px 45px }

.accordion .cell-faq {
  position: relative;
  margin: 10px 10px }

/* Positions the labels relative to the .container. Adds padding to the top and bottom and increases font size. Also makes its cursor a pointer */

.accordion .label::before {
  content: "+";
  color: black;
  position: absolute;
  top: 50%;
  right: -5px;
  font-size: 30px;
  transform: translateY(-50%) }

/* Hides the content (height: 0), decreases font size, justifies text and adds transition */

.accordion .cell-txt {
  position: relative;
  background: white;
  height: 0;
  font-size: 20px;
  text-align: justify;
  width: 100%;
  overflow: hidden;
  transition: 0.5s; }

.cell-faq .label { font-weight: 900; }


.image-faq-intero {
  position: absolute;
    transform: translateY(-150px);
    z-index: -2 }

.cell-txt { margin-top: 10px; }

/* Adds a horizontal line between the contents */

/* Unhides the content part when active. Sets the height */

.accordion .cell-faq.active .cell-txt { height: auto }

/* Changes from plus sign to negative sign once active */

.accordion .cell-faq.active .label::before {
  content: "_";
  font-size: 30px;
  position: relative;
  right: -435px;
  top: -11px }

/* Faire la partie responsive galerie  */

.card-author {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem }

#menu-menu-illustrateur, #menu-menu-graphiste, #menu-menu-artiste-peintre { display: contents }

#menu-menu-illustrateur li, #menu-menu-graphiste li, #menu-menu-artiste-peintre li {
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 0;
  line-height: 20px }

#menu-menu-illustrateur li a, #menu-menu-graphiste li a, #menu-menu-artiste-peintre li a {
  font-size: 40px;
  font-weight: 900;
  text-decoration: revert }

#grid_author {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px }

@import url("https://fonts.googleapis.com/css2?family=Anton&family=Saira+Semi+Condensed:wght@900&display=swap");

.title-nft-right {
  font-family: "Anton", sans-serif;
  font-family: "Saira Semi Condensed", sans-serif;
  font-size: 45px;
  text-transform: uppercase;
  font-weight: 900 }

.btn-nft-discord {
  background-color: #b2b0ff;
  padding: 20px;
  border-radius: 3px;
  height: 44px;
  display: flex;
  align-items: center;
  width: auto }

.wrapper-overlay-faq {
  height: 500px;
  position: absolute;
  background-color: #626262ab;
  width: 100% }

.title-overlay-faq {
  font-size: 100px;
  font-weight: 900 }

.content-text-nft { background-color: #b2b0ff }

.wrapper-texte {
  text-align: center;
  background-color: #b2b0ff;
  padding: 20px;
  width: 100% }

.wrapper-texte h2 {
  font-family: "Anton", sans-serif;
  font-family: "Saira Semi Condensed", sans-serif;
  font-size: 30px;
  font-weight: 900 }

.content-grid-nft { display: grid }

@media (min-width: 768px) {

  .content-explore {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
    justify-content: center } 
     
  .blocktest {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap } }

@media (min-width: 769px){ 
  .hamburgergold { display: none; }
  .menu-collapse { display: none; } } 

/* To remove 1px from width */
@media (max-width: 782px) {
  #wpadminbar * {
      font-size: 13px;
      font-weight: 400;
      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
      line-height: 2.28571428 } 
    
  html #wpadminbar {
      height: 46px;
      min-width: 240px;
      position: fixed } }

@media (max-width: 768px){
  /* Tablet */
.hamburgergold {
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 7px;
  position: relative;
  z-index: 2 }

.hamburgergold span {
  display: block;
  position: absolute;
  height: 4px;
  width: 35px;
  background: rgb(255 255 255);
  border-radius: 50px;
  opacity: 1;
  left: 2px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

.hamburgergold span:nth-child(1) { top: 8px; }
.hamburgergold span:nth-child(2) { top: 19px; }
.hamburgergold span:nth-child(3) { top: 30px; }

.hamburgergold.closed span:nth-child(1) {
  top: 20px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

.hamburgergold.closed span:nth-child(2) {
  opacity: 0;
  left: -60px }

.hamburgergold.closed span:nth-child(3) {
  top: 20px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.navbar-collapse {
  position: absolute;
  background: #191919;
  width: 100%;
  padding: 10px;
  z-index: 4;
  justify-content: center;
  align-items: center;
  max-width: 575px;
  margin: 0 auto;
  display: none;
  height: 300px;
  right: 0;
  left: 0;
  top: 120px; }

.navbar-collapse ul li {
  color:#000;
  font-weight: bold;
  text-align: center;
  margin: 5px }

.navbar-collapse ul li a{ color:#a4a4a4 }

.navbar-active {     
  display: flex;
  position: absolute;
  overflow: hidden;
  z-index: 5 }

.image-faq-intero {
  position: relative;
  transform: translateY(-150px);
  z-index: -2 }

.accordion .cell-faq.active .label::before {
  content: "_";
  font-size: 30px;
  position: relative;
  right: -455px;
  top: -11px }

.hangeMenu > ul#menu-menu-about { margin-right: 0 }

.about-single {
  position: relative;
  top: -170px }

ul#menu-home, 
ul#menu-menu-about, 
ul#menu-menu-contact {
  display: flex;
  flex-direction: column;
  justify-content: center }

.changeMenu:nth-child(1) {
  position: relative;
  top: 264px }

.changeMenu:nth-child(2) {
  position: relative;
  top: 76px }

.changeMenu:nth-child(3) {
  position: relative;
  top: -100px }

.move-menu { height: auto }

.changeMenu {
  display: flex;
  justify-content: center;
  align-items: center;
  content: attr(data-hover);
  transform: translate3d(0px, -360px, 0px);
  -webkit-transition: -webkit-transform 1s;
  transition: transform 1s }

.changeMenu.active { transform: translate3d(0px, -90px, 0px) }

#menu-menu-contact { margin-right: 0 } 

.title-left {
  display: flex;
  align-items: center;
  justify-content: start;
  font-weight: 700;
  width: 50% }

.breadcrumbs-right {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 50% }

.card_post {
  padding-top: 30px;
  padding-bottom: 60px }

.title-overlay {
  font-size: 6vw;
  text-align: center; 
  font-weight: 700 }

.parse-hightmoov h3 {
  height: 670px;
  display: flex;
  font-weight: 800;
  align-items: center;
  padding: 0 27px;
  font-size: 30px }

.gutter_hightmoov p {
  -webkit-column-count: 2;
  -webkit-column-gap: 2em;
  column-count: 1;
  column-gap: 1em }

.hightmoov {     
  height: 500px;
  position: relative;
  bottom: 150px }

.hightmoov-2 {     
  height: 800px;
  position: relative;
  top: 250px }

.overlay_texte_hightmoov h3 {
  font-weight: 800;
  text-align: center;
  font-size: 30px;
  position: relative;
  bottom: 240px }

.info_publication_hightmoov {
  width: 100%;
  display: flex;
  justify-content: center;
  font-weight: 700;
  align-items: center;
  margin-bottom: 50px }

.bg-hightmoov-2 {
  background-color: transparent;
  height: 500px;
  overflow: hidden;
  padding-left: 0px;
  padding-right: 0px }

.info_publication_hightmoov div { padding: 10px }

.wrapper-intertitre-hightmoov-mb {
  display: flex;
  justify-content: center;
  align-items: center;
  padding:0;
  transform: translateY(170px) }

.wrapper-intertitre-hightmoov-mb2 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding:0;
  transform: translateY(0px) }

.wrapper-intertitre-hightmoov-mb3 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding:0;
  transform: translateY(350px) }

.block-intertitre-mb {
  height: 100%;
  max-height: 500px;
  display: flex;
  align-items: center }
  
.block_hightmoov_text, .block_hightmoov_text2 {
  height: auto;
  display: flex;
  align-items: center;
  transform: translateY(270px);
  width: 100% }

.block_hightmoov_text2 {
  height: 500px;
  display: flex;
  align-items: center;
  transform: translateY(270px) } 

.wrapper-intertitre-hightmoov-mb4 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  transform: translateY(310px) }

.content-explore {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 240px }

h2.explore-title {
  font-weight: 700; 
  margin-bottom: 30px }

.content-explore-1 {
  display: flex;
  flex-direction: column;
  width: 100% }

.sous-title-landing {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 400px }

.item-explore-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-bottom: 140px }

.reverse-explore {
  width: 100%;
  display: flex;
  justify-content: center }

.item-explore-2 {
  width: 100%;
  margin: 60px }

.carreau-explore, .carreau-explore { display: block }

.overlay-whiting, .overlay-whiting-bolder {
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: auto }

.item-explore-1 img, 
.item-explore-2 img, 
.item-explore-3 img { margin: 30px 0 30px 0 }

.carreau-explore {
  width: 100%;
  max-width: 775px;
  height: 400px }

.superpos {
  position: relative;
  display: flex;
  flex-direction: column;
  transform: translateY(-250px) }

.item-explore-1 {
  margin-top:110px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100% }
  
.item-explore-4 { 
  width: 100%; 
  max-width: inherit; }
.item-explore-6 { margin-top: 230px }

.content-about {
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: 70% 70px;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  overflow: hidden;
  height: 500px;
  width: 100% }

.wrapper-about-descriptions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  height: 400px;
  font-size: 80%;
  width: 100% }

.wrapper-icone-about {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 700px;
  margin: 0 auto }

.asize-bg {
  display: flex;
  align-items: center;
  padding: 0 70px;
  font-weight: 700;
  font-size: 40px;
  height: 500px }

.wrapper-footer-harald {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2,150px);
  height: auto;
  justify-content: space-evenly;
  align-items: center; 
  padding-bottom: 100px }

.wrapper-clients {
  display: flex;
  justify-content: space-evenly;
  gap: 50px;
  flex-wrap: wrap }

.wrapper-boutique 
.products.columns-3 {
  display:grid; 
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px }

.content-head_blog, .row { margin :0 } }

.menu-mb-harald {
  overflow: hidden;
  height: 200px }

@media (max-width: 1440px){
  .wrapper-intertitre-hightmoov-mb4 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    transform: translateY(100px) } }

@media (max-width: 1150px) {
  .r-texte-about {    
    margin-top: 20px;
    padding-left: 0px }
    
  .content-about {
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: -330px 110px;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    overflow: hidden;
    height: 500px;
    width: 100% }
    
  .wrapper-about-descriptions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 350px;
    font-size: 80%;
    width: 100% }

  .fixedWheel {
    position: static;
    top: 0px;
    display: block;
    width: 100%;
    height: auto }
    
  .content-fixed-text {
    display: grid;
    grid-template-columns: 3fr;
    grid-gap: 30px }
    
  .wrapper-icone-about {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 700px;
    margin: 0 auto }
    
  .box-grid {
    grid-column: span 3;
    height: 400px }
    
  .wrapper-about-icone-info {
    background-color: #f4f4f4;
    width: 100%;
    height: auto }
    
  #stickySide {
    grid-row-start: 4;
    grid-column: span 3;
    position: sticky } }

@media (max-width: 1160px) {
  .grid-archive div {
    display: flex;
    width: 40% } }

@media (max-width: 1148px) {
  .wrapper-disorder div {
    width: calc(30% + 150px);
    margin: 0 auto;
    padding-top: 20px } }

@media (max-width: 960px) {
  .grid-archive div {
    display: flex;
    width: 50% } }

@media (max-width: 900px) {
  .wrapper-disorder div {
    width: calc(80% + 150px);
    margin: 0 auto;
    padding-top: 20px } }

@media (max-width: 1096px) { #grid_author { grid-template-columns: repeat(2, 1fr) } }

@media (max-width: 1165px) {

  .breadcrumbs-left > .content {
    width: auto;
    max-width: 1150px;
    margin: 50px auto }

  .content-head_blog, .grid-archive { justify-content: center; margin: 8px } }

@media (max-width: 600px) { #grid_author { grid-template-columns: repeat(1, 1fr) } }

@media (max-width: 550px) {
  .wrapper-clients {
    display: flex;
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap } }

@media (max-width: 1024px){
  .breadcrumbs-right {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 50% }

  .title-left {
    display: flex;
    align-items: center;
    justify-content: start;
    font-weight: 700;
    width: 50% }

  .auto_responsive {
    width: auto;
    margin: 10px }

  .marge-mb { 
    margin: 10px; 
    width: auto; }

  .hightmoov_texte_center5 { 
    display: flex; 
    justify-content: center; 
    width: 100% }

  .marge-tag-mb { margin-left: 5px }    

  .wrapper-intertitre-hightmoov-mb4 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    transform: translateY(126px) }

  .title-overlay {
    font-size: 55px;
    font-weight: 700;
    text-align: center }

  .wrapper-about-descriptions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 370px;
    font-size: 80%;
    width: 100% }

  .content-about {
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: 70% 70px;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    overflow: hidden;
    height: 500px;
    width: 100% }

  .wrapper-about-descriptions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 400px;
    font-size: 80%;
    width: 100%;
    margin-top: 50px }

  .wrapper-about-icone-info {
    background-color: #f4f4f4;
    width: 100%;
    height: auto }

  .card-about {
    text-align: center;
    width: 100%;
    max-width: 280px;
    margin: 30px }

  #media_image-3 img { text-align: center }

/* x25 padding breadcrumb */
  .woocommerce-breadcrumb {
    padding: 50px 15px 50px 15px;
    display: flex;
    flex-wrap: wrap }

  .r-texte-about { margin-top: 20px }
  .content-head_blog, .row{ margin: 0 } }

@media (max-width: 500px) {
  .wrapper-about-descriptions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 550px;
    font-size: 80%;
    width: 100%;
    margin-top: 50px } }

/* Mobile L 425px */
@media (max-width: 425px) {
  .wrapper-about-descriptions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 550px;
    font-size: 80%;
    width: 100%;
    margin-top: 50px }

  .wrapper-intertitre-hightmoov-mb {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    transform: translateY(115px) }

  .wrapper-intertitre-hightmoov-mb4 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    transform: translateY(300px) }

  .wrapper-inspirations ul li a img {
    position: relative;
    width: 100%;
    max-width: 300px;
    height: 40px;
    object-fit: cover;
    transform: translateX(-50%) translateY(-50%);
    z-index: -10;
    opacity: 0;
    visibility: hidden;
    pointer-events: none }

  .breadcrumbs-right {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    max-width: 134px }

  .title-left {
    display: flex;
    align-items: center;
    justify-content: start;
    font-weight: 700;
    width: 100% }

  .title-overlay {
    font-size: 25px;
    text-align: center; 
    font-weight: 700 }

  .block_hightmoov_text, .block_hightmoov_text2 {
    height: auto;
    display: flex;
    align-items: center;
    transform: translateY(300px);
    width: 100% }

  .wrapper-intertitre-hightmoov-mb3 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0;
    transform: translateY(300px) }

  .copyryter-content {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    height: 50%;
    border-top: solid 1px rgb(227 227 227 / 10%);
    flex-direction: column;
    padding-bottom: 24px }

  .wrapper-boutique 
  .products.columns-3 {
    display:grid; 
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px }

  .wrapper-tagcloud { transform: translateY(100px) }
  .mobile-row { padding: 0 }
  .aside-mb-harald { margin: 0 }
  .info_publication_hightmoov div { padding: 10px } }

@media (max-width: 375px){
  .wrapper-about-descriptions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 700px;
    font-size: 80%;
    width: 100%;
    margin-top: 50px }

  #media_image-3 { text-align: center }

  .wrapper-footer-harald {
    display: grid;
    grid-template-columns: repeat(1,150px);
    height: auto;
    justify-content: center;
    align-items: center;
    padding-bottom: 100px } }