/* 
Theme Name: from scratch_
Description: Thème de from scratch_
Author: from scratch_
Author URI: https://www.from-scratch.fr
Template: kadence
Version: 1.0.1
*/

@font-face {
    font-family: 'Bolivia-Semiextended';
    src: url('fonts/bolivia-semiextended.eot');
    src: url('fonts/bolivia-semiextended.eot?#iefix') format('embedded-opentype'),
         url('fonts/bolivia-semiextended.woff2') format('woff2'),
         url('fonts/bolivia-semiextended.woff') format('woff'),
         url('fonts/bolivia-semiextended.ttf') format('truetype'),
         url('fonts/bolivia-semiextended.svg#boliviasemiextended') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexMono';
    src: url('fonts/ibmplexmono-regular.eot');
    src: url('fonts/ibmplexmono-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/ibmplexmono-regular.woff2') format('woff2'),
         url('fonts/ibmplexmono-regular.woff') format('woff'),
         url('fonts/ibmplexmono-regular.ttf') format('truetype'),
         url('fonts/ibmplexmono-regular.svg#ibm_plex_monoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexMono';
    src: url('fonts/ibmplexmono-light.eot');
    src: url('fonts/ibmplexmono-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/ibmplexmono-light.woff2') format('woff2'),
         url('fonts/ibmplexmono-light.woff') format('woff'),
         url('fonts/ibmplexmono-light.ttf') format('truetype'),
         url('fonts/ibmplexmono-light.svg#ibm_plex_monolight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'ESNein';
    src: url('fonts/esnein-extrabold.eot');
    src: url('fonts/esnein-extrabold.eot?#iefix') format('embedded-opentype'),
         url('fonts/esnein-extrabold.woff2') format('woff2'),
         url('fonts/esnein-extrabold.woff') format('woff'),
         url('fonts/esnein-extrabold.ttf') format('truetype'),
         url('fonts/esnein-extrabold.svg#es_neinextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

#masthead{z-index:99999;}
#mobile-drawer .drawer-inner{z-index:99999999;}
.main-navigation .primary-menu-container > ul > li.menu-item > a,
.mobile-navigation ul li a{padding-top:0.9em; padding-bottom:0.6em; font-family:'Bolivia-Semiextended';}
#main-header .header-button,
.mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button{font-family:'IBMPlexMono';}

.site-footer,
.site-footer p,
.site-footer a{font-family:'IBMPlexMono'; font-weight:300; font-size:13px; line-height:1.3; color:#ffffff;}
.site-footer a:hover{color:#ffffff;}

html,
body {
  -webkit-scroll-behavior: smooth;
  scroll-behavior: smooth;
}
body, input, select, optgroup, textarea{font-size:14px; line-height:1.4;}
.single-content address, .single-content figure, .single-content hr, .single-content p, .single-content table, .single-content pre, .single-content form, .single-content .wp-block-buttons, .single-content .wp-block-button, .single-content .wc-block-grid, .single-content .wp-block-kadence-advancedbtn, .single-content .wp-block-media-text, .single-content .wp-block-cover, .single-content .entry-content-asset, .single-content .wp-block-kadence-form, .single-content .wp-block-group, .single-content .wp-block-yoast-faq-block, .single-content .wp-block-yoast-how-to-block, .single-content .schema-faq-section, .single-content .wp-block-kadence-tableofcontents, .single-content .enlighter-default, .single-content .wp-block-kadence-iconlist, .single-content [class*=__inner-content]{margin-bottom:19px;}

body.home .site-footer{display:none;}
#left,
#right {
  height: calc(100vh - 75px);
  max-height: calc(100vh - 75px);
  grid-column: span 2;
  overflow-y: hidden;
  scrollbar-width: none;
  touch-action: none;
}
#left::-webkit-scrollbar,
#right::-webkit-scrollbar,
#content-mobile::-webkit-scrollbar {
  width: 0;
}

#right {
  display: flex;
  flex-direction: column-reverse;
}

#right > .duplicable {
  display: flex;
  flex-direction: column-reverse;
}
.slider {
  max-width: 100%;
}

.slider-description {
  display:flex; flex-wrap:wrap; justify-content:space-between;
	align-items: center;
  padding:7px 25px 5px 25px;
  background-color: white;
  position: inherit;
  z-index: 2;
}

.slider-description p{margin:0px;}
.slider-description p.item-titre{padding-right:15px; font-family:'Bolivia-Semiextended'; font-weight:400; text-transform:uppercase; font-size:15px;}
.slider-description p.item-types{font-family:'IBMPlexMono'; font-weight:300; text-transform:lowercase; font-size:10px;}
.slider-description p:last-child{
  text-align: right;
}
#content-desktop{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 0;
}
@media screen and (max-width: 780px) {
  #content-desktop {
    display: none;
  }
  #content-mobile {
      display: block !important;
  }
}
#content-mobile {
    display: none;
    height: calc(100vh - 75px);
    scrollbar-width: none;
    overflow-y: auto;
}


.filter-div-group{margin-bottom:30px;}
.fs_filter{display:inline-block; margin-right:19px; font-family:'IBMPlexMono'; font-weight:300; text-transform:lowercase; font-size:15px; cursor:pointer;}
.fs_filter.is_checked{color:var(--global-palette1);}
.projects{position:relative;}
.projects .project,
.projects .project_header,
.projects .project_title,
.projects .year_title{
    display: inline-block;
    vertical-align: text-top;
}
.projects .project_title,
.projects .project_title a,
.projects .project_title a:hover{font-size:40px; line-height:40px; color:var(--global-palette3);}
.projects .project_title{font-family:'Bolivia-Semiextended'; font-weight:500; text-transform:uppercase;}
.projects .year_title{padding:0px 15px 0px 10px;}
.projects .year_title,
.projects .year_title a,
.projects .year_title a:hover{font-family:'IBMPlexMono'; font-weight:400; font-size:16px; color:var(--global-palette3);}
.projects .project{-webkit-transition: opacity 300ms ease;
-moz-transition: opacity 300ms ease;
-ms-transition: opacity 300ms ease;
-o-transition: opacity 300ms ease;
transition: opacity 300ms ease;
opacity: 1;
-ms-filter: none;
filter: none;}
.projects .project_title {
    -webkit-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform-style: flat;
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -o-transform-style: flat;
    -ms-transform-style: flat;
    transform-style: flat;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-drag: none;
    outline: 0;
    position: relative;
    z-index: 100;
    cursor: pointer;
}
.projects .project .thumbnail_hover {
    display: none;
    position:fixed;
    top: 0;
    left: 0; -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 200;
    pointer-events: none;}
.projects .project:hover .thumbnail_hover{display:block;}
.projects .project .thumbnail_hover img{max-width:400px; max-height:300px;}


.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content h5,
.single-content h6{margin:0px;}
.fs_justify{text-align:justify;}
.elementor-widget-heading span.elementor-heading-title{display:block; margin-bottom:17px; font-family:'IBMPlexMono'; font-weight:300; text-transform:lowercase; font-size:15px; color:var(--global-palette3);}
.elementor-widget-heading div.elementor-heading-title{display:block; font-family:'Bolivia-Semiextended'; font-weight:500; text-transform:uppercase; font-size:14px; color:var(--global-palette3);}


@media only screen and (max-width: 1250px) {
  .site-header-upper-inner-wrap .site-main-header-wrap,
  body:not(.home) .entry-content,
  .site-footer{padding-left:15px; padding-right:15px;}
}
@media only screen and (max-width: 767px) {
  .slider-description p.item-titre{font-size:15px; line-height:19px;}
  .slider-description p.item-types{font-size:13px; line-height:16px;}

  .projects .project{display:block; width:100%;}
  .projects .project:hover .thumbnail_hover{display:none;}
  .projects .project_title,
  .projects .project_title a,
  .projects .project_title a:hover{font-size:30px; line-height:30px;}
  .projects .year_title{display:none;}
}