/*
 Theme Name:   Fabric Child Theme
 Theme URI:    http://fabric.axiomthemes.com/
 Description:  Fabric Child Theme
 Author:       AxiomThemes
 Author URI:   http:///axiomthemes.com/
 Template:     fabric
 Version:      1.0
 Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
 Text Domain:  fabric
*/


/* =Theme customization starts here
------------------------------------------------------------ */

.sound-toggle-btn:hover {
    background: #282561;
    transform: scale(1.05);
    border-color: #282561;
}



.sound-toggle-btn.muted:hover {
    background: #282561;
}

/* Positionnement relatif pour la section */
.elementor-section-wrap {
    position: relative;
}
.header {
  position: fixed !important;
  background-color: transparent;
}

.header {
  background: transparent;
  border: none;
}

.sc_layouts_menu_nav>li>a {
  color: #fff;
  text-transform: uppercase !important;
}

.stickyheader {
  background-color: #282561cc;
  padding-bottom: 0px !important;
}

.stickyheader img.logo_image {
  height: 40px;
}

/* .stickyheader .elementor-nav-menu--layout-horizontal a.elementor-item {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
} */

.sc_skills_item_title {
  text-transform: uppercase !important;
  font-size: 19px !important;
  font-weight: bold !important;
}

.sc_skills_total {
  font-size: 65px !important;
}

footer p,
footer .elementor-widget-container {
  color: #282561 !important;
}

.page_content_wrap,
.custom-background .content_wrap>.content {
  padding-bottom: 0px !important;
}

.elementor-social-icons-wrapper.elementor-grid {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  width: fit-content;

  top: 45%;
}

img.swiper-slide-image {
  width: 100px !important;
  height: 100px;
  object-fit: contain;
}

.gform_heading {
  display: none;
}

.gform-theme--foundation .gfield .ginput_password,
.gform-theme--foundation .gfield textarea.small,
.gform-theme--foundation .gfield input,
.gform-theme--foundation .gfield select {
  border: none !important;
  border-bottom: 1px solid #cbcee1 !important;
  border-radius: 0px !important;
  background: transparent;
  box-shadow: none;
}

input#gform_submit_button_1 {
  font-family: "Bellota Text", sans-serif;
  font-weight: bold;
  font-size: 19px;
  padding: 20px 50px;
  background: #0a72b3;
  border-radius: 0px;
}

input#gform_submit_button_1:hover {
  background: #212759;
}

.sc_skills_total {
  font-family: "Bellota Text", sans-serif !important;
  font-weight: bold !important;
}

.adrress .elementor-widget-wrap.elementor-element-populated {
  display: grid;
  justify-items: start;
}
.projets .elementor-heading-title.elementor-size-default {
     cursor: grab;
}
.projets .active .elementor-heading-title.elementor-size-default {
  font-size: 160px;

}

.elementor-82 .elementor-element.elementor-element-aaa4e1b>.elementor-background-overlay {
  background-color: #282561;
  opacity: 0.8;
  mix-blend-mode: hue;
  /* si tu veux l'activer */
}

.projets .active .elementor-widget-container p{
  display: block;
}


.projets .ligne,
.projets .elementor-widget-container p {
  display: none;
}

.modula-item.effect-pufrobo.tg-loaded:nth-of-type(4) {
  height: 806px;
}

.modula-item.effect-pufrobo.tg-loaded:nth-of-type(4) img,
.modula-item.effect-pufrobo.tg-loaded:nth-of-type(5) img,
.modula-item.effect-pufrobo.tg-loaded:nth-of-type(6) img {
  height: 100%;
  object-fit: cover;
}

.modula-item.effect-pufrobo.tg-loaded:nth-of-type(5),
.modula-item.effect-pufrobo.tg-loaded:nth-of-type(6) {
  height: 385px;
}

p {
  font-weight: 700 !important;
}

.ligne {
  opacity: 0;
  transform: scaleX(0);
  transition: all 0.2s ease;
}

.ligne.visible {
  opacity: 1;
  transform: scaleX(1);
}


/***/
.langue-lien,
.langue-active {

  font-size: 14px;
  color: #f8f7f7;
  text-decoration: none;
}

.langue-lien:hover {
  color: #0073aa;
  text-decoration: underline;
}

.langue-separateur {

  color: #666;
}


/*****************/
/* ENGLISH VERSION */
html[lang="en-US"] .sc_skills_column:first-child .sc_skills_total::before {
  content: "More than ";
  font-size: 30px;
  margin-right: 5px;
   line-height: 30px;
}

/* FRENCH VERSION */
html[lang="fr-FR"] .sc_skills_column:first-child .sc_skills_total::before {
  content: "Plus de ";
  font-size: 30px;
  margin-right: 5px;
  line-height: 30px;
}







/************Responsive *************/

@media (max-width: 767px) {
  .sc_skills_total {
    font-size: 50px !important;
  }

  .sc_skills_item_title {
    font-size: 15px !important;
  }

  .elementor-widget-mobile__width-initial.sc_fly_static.elementor-widget-trx_sc_skills.trx_addons_parallax_layers_inited.trx_addons_parallax_blocks_inited {
    width: 100%;
    max-width: 760px;
  }

  .elementor-social-icons-wrapper {
    top: 42% !important;
  }

  .elementor-container>.elementor-row>.elementor-column>.elementor-element-populated,
  .elementor-container>.elementor-column>.elementor-element-populated {
    padding-top: auto;
    padding-bottom: auto;
  }

  .projets .active .elementor-heading-title.elementor-size-default {
    font-size: 50px;
  }

  .langue-lien,
  .langue-active {
    font-size: 14px !important;
    color: #f8f7f7;
    text-decoration: none;
  }

  img.logo_image {
    object-fit: contain;
    width: 90px;
    height: 100%;
    min-width: 90px;
    margin-bottom: 5px;
  }

  /* .scrollest .elementor-heading-title.elementor-size-default {
    padding: 5px;
  } */
   .elementor-widget-google_maps{
    min-width: 100%;
   }
}

.dots-loading {
  display: inline-flex;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}

.dots-loading span {
  animation: blink 1.4s infinite;
  opacity: 0;
  font-size: 50px;
  line-height: 0px;
}

.dots-loading span:nth-child(1) {
  animation-delay: 0.2s;
}

.dots-loading span:nth-child(2) {
  animation-delay: 0.4s;
}

.dots-loading span:nth-child(3) {
  animation-delay: 0.6s;
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}






.dots-loading-Retour {
  display: inline-flex;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}

.dots-loading-Retour span {
  animation: blink 1.4s infinite;
  opacity: 0;
  font-size: 50px;
  line-height: 0px;
}

.dots-loading-Retour span:nth-child(1) {
  animation-delay: 0.6s;
}

.dots-loading-Retour span:nth-child(2) {
  animation-delay: 0.4s;
}

.dots-loading-Retour span:nth-child(3) {
  animation-delay: 0.2s;
}


@keyframes blink {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.more-text {
  display: none;
}
/****************/
/*
@keyframes zoomInfinite {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1); 
  }
}

.elementor-element-babe64c .swiper-slide[data-swiper-slide-index="0"] {
  animation: zoomInfinite 2s ease-in-out infinite;
}
*/


/*-**********************/
@media (min-width: 1024px) and (max-width: 1327px) {
   .elementor-nav-menu .elementor-item  {
  
    font-size: 11px !important;
   
}
}

@media (max-width: 1023px) {
  .page_content_wrap {
    padding-bottom: 0px !important;
  }
 .elementor-nav-menu .elementor-item {
  
    font-size: 11px !important;
   
}
}

@media (max-width: 1439px) {
  .page_content_wrap {
    padding-bottom: 0px !important;
  }
 .elementor-nav-menu .elementor-item {
  
    font-size: 11px !important;
   
}
}

@media (min-width: 1000px) and (max-width: 1300px) {
  .sc_skills_total {
    font-size: 42px !important;
}
 .elementor-nav-menu .elementor-item {
  
    font-size: 11px !important;
   
}
  p,
  li,
  .elementor-widget-container {
    font-size: 16px;
  }

  .elementor-heading-title.elementor-size-default {
    font-size: 20px !important;
  }

  h2.elementor-heading-title.elementor-size-default {
    font-size: 40px !important;
  }
}
@media (min-width: 1300px) and (max-width: 1453px) {
.sc_skills_total {
    font-size: 56px !important;
}
}
@media (min-width: 1024px){
.header .logo_image{
	height:58px !important;
}
.sc_skills_total {
    font-size: 42px !important;
}
}
@media (min-width: 992px){
.sc_skills_total {
    font-size: 40px !important;
}
}
@media (min-width: 768px){
.sc_skills_total {
    font-size: 30px !important;
}
.sc_skills_item_title {
    font-size: 15px !important;
}
html[lang="en-US"] .sc_skills_column:first-child .sc_skills_total::before {
 
    font-size: 20px;
  
}
html[lang="fr-FR"] .sc_skills_column:first-child .sc_skills_total::before {
 font-size: 20px;
}
}
@media (min-width: 767px){
.sc_skills_total {
    font-size: 30px !important;
}
.sc_skills_item_title {
    font-size: 15px !important;
}
html[lang="en-US"] .sc_skills_column:first-child .sc_skills_total::before {
 
    font-size: 20px;
  
}
html[lang="fr-FR"] .sc_skills_column:first-child .sc_skills_total::before {
 font-size: 20px;
}
}
@media (min-width: 480px){
.sc_skills_total {
    font-size: 30px !important;
}
.sc_skills_item_title {
    font-size: 15px !important;
}
html[lang="en-US"] .sc_skills_column:first-child .sc_skills_total::before {
 
    font-size: 20px;
  
}
html[lang="fr-FR"] .sc_skills_column:first-child .sc_skills_total::before {
 font-size: 20px;
}
}
.e-gallery-item {
  display: none;
}

.e-gallery-item.visible {
  display: block;
}
.e-gallery-justified .e-gallery-item {
    position: relative;
    width: calc(25% - 20px);
    height: 300px;
    top: inherit !important;
    left: inherit !important;
}
.e-gallery-justified{
  padding-bottom: 0 !important;
  gap: 20px;
  justify-content: space-between;
}



.modula-item{
  display: none !important;
}
.modula-item.visible{
  display: block !important;
}

.btn-load-more .elementor-button{
  cursor: pointer;
}












/* .e-gallery-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 200px; 
  gap: 30px !important;
}


.e-gallery-container > :nth-child(4n + 1) {
  grid-area: auto / auto / span 3 / span 2
}


.e-gallery-container > :nth-child(4n + 2) {
  grid-area: auto / auto / span 2 / span 2;
}


.e-gallery-container > :nth-child(4n + 3) {
  grid-area: auto / auto / span 2 / span 2;
}


.e-gallery-container > :nth-child(4n + 4) {
  grid-area: auto / auto / span 2 / span 2;
}

.e-gallery-grid .e-gallery-image{
  height: 100% !important;
} */



.e-gallery-container {
display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-rows: 150px; /* base height */
  gap: 20px !important;
}


/* 1, 7, 13, ... */
.e-gallery-container > :nth-child(6n + 1) {
    grid-column: span 2;
    grid-row: span 4;
}

/* 2, 8, 14, ... */
.e-gallery-container > :nth-child(6n + 2) {
grid-column: span 2;
    grid-row: span 2;
}

/* 3, 9, 15, ... */
.e-gallery-container > :nth-child(6n + 3) {
    grid-column: span 2;
    grid-row: span 2;
}

/* 4, 10, 16, ... */
.e-gallery-container > :nth-child(6n + 4) {
grid-column: span 2;
    grid-row: span 2;
}

/* 5, 11, 17, ... */
.e-gallery-container > :nth-child(6n + 5) {
grid-column: span 2;
    grid-row: span 4;
}

/* 6, 12, 18, ... */
.e-gallery-container > :nth-child(6n + 6) {
  grid-column: span 2;
    grid-row: span 2;
}
.e-gallery-grid .e-gallery-image{
  height: 100% !important;
}