/*
Theme Name: ODPLast
Author: Le Phare
Author URI: https://www.lephare.com/
Description: ODPlast est un thème enfant de Kadence
Version: 1.0
Template: kadence
Text Domain: odplast
Requires at least: 6.3
Tested up to: 6.7
Tags: light, fast, responsive
Requires PHP: 7.4
*/

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');

:root {
  --darkRed: var(--global-palette1);
  --orange: var(--global-palette2);
  --darkBlue: var(--global-palette3);
  --grey: var(--global-palette4);
  --global-palette5: #ffffff;
  --supaLightDarkBlue: var(--global-palette6);
  --lightDarkBlue: var(--global-palette7);
  --global-palette8: #F7FAFC;
  --supaLightGrey: var(--global-palette9);
  --lightGrey: #CFCFCF;
}

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

@keyframes loading {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Fix WordPress shortcode bug temporary */
/* Remove empty <p> tags */
p:empty {
  display: none !important;
}

/* RESET */
a {
  text-decoration: none;
}

p,
.single-content p,
.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content h5,
.single-content h6 {
  margin: 0;
}

figure.wp-block-kadence-image {
  margin: 0;
}

figure.wp-block-kadence-image.size-full img {
  width: 100%;
}

html {
  font-size: 16px;
}

body {
  background: #FFF;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

h1 {
  font-weight: 600;
}

/* UTILITIES */
.ajax-error {
  position: absolute;
  width: 100%;
  text-align: center;
}

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

.loading::before {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  padding: 0;
  animation: loading .5s infinite linear;
  border: 2px solid var(--darkBlue);
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  opacity: 1;
  z-index: 1;
}



/* GÉNÉRAL */
.page-template-default #main .post-thumbnail.kadence-thumbnail-position-above,
.blog #inner-wrap .entry-hero-container-inner .post-thumbnail.kadence-thumbnail-position-above {
  margin-bottom: 0;
}

.page-template-default #main .post-thumbnail .post-thumbnail-inner .post-top-featured,
.blog #inner-wrap .entry-hero-container-inner .post-thumbnail .post-thumbnail-inner .wp-post-image {
  width: 100%;
  height: 360px;
}

body.page .wp-block-media-text .wp-block-media-text__content,
body.single .wp-block-media-text .wp-block-media-text__content {
  padding: 0 0 0 128px;
}

body.page .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
body.single .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  padding: 0 128px 0 0;
}


/* BREADCRUMB */
.yoast-breadcrumbs span,
.yoast-breadcrumbs a,
.kadence-breadcrumbs span,
.kadence-breadcrumbs a {
  display: inline-block;
  line-height: 1.2rem;
}

.yoast-breadcrumbs a,
.kadence-breadcrumbs a {
  color: var(--darkBlue);
  text-decoration: none;
}

.yoast-breadcrumbs span,
.yoast-breadcrumbs .breadcrumb_last,
.kadence-breadcrumbs span,
.kadence-breadcrumbs .breadcrumb_last {
  color: var(--supaLightDarkBlue);
}

.yoast-breadcrumbs span span:not(:first-child),
.kadence-breadcrumbs span span:not(:first-child) {
  margin: 0 4px;
}

.yoast-breadcrumbs span span:first-child,
.kadence-breadcrumbs span span:first-child {
  margin-right: 4px;
}

.solution-template .yoast-breadcrumbs span > span:nth-of-type(2),
.single-product .yoast-breadcrumbs span > span:nth-of-type(2) {
  color: var(--darkBlue);
}


/* HOME SLIDER */
.home-slider-container {
  height: 707px;
}

.home-slider-container .kt-inside-inner-col,
.home-slider-container .kt-inside-inner-col .home-slider-gallery,
.home-slider-container .kt-inside-inner-col .home-slider-gallery * {
  height: 100% !important;
}

.home-slider-container .home-slider-gallery .kadence-blocks-gallery-item .kb-gallery-figure .kb-gallery-image-contain {
  padding-bottom: 0 !important;
}

.home-slider-text-container {
  position: absolute;
  top: 0;
  left: 50%;
  width: var(--global-content-width);
  height: 100%;
  justify-content: center;
  transform: translateX(-50%);
}

.home-slider-text-container .home-slider-text {
  width: 700px;
}

/* HOME NEWS GRID */
.home-news-container .post-thumbnail img {
  border-radius: 4px;
}


/* PAGES SOLUTIONS */
.solution-template .wp-block-post-featured-image {
  width: 100%;
  height: 360px;
  margin: 0;
}

.solution-template .wp-block-post-featured-image img {
  height: 100%;
}


/* PAGES SERVICES */
.page-template-modele-pages-services .wp-block-post-featured-image {
  height: 600px;
  margin: 0;
}

.page-template-modele-pages-services .wp-block-post-featured-image img {
  height: 100%;
}


/* PAGE LOGISTIQUE */
.numbers-container .wp-block-kadence-column .kt-inside-inner-col .wp-block-kadence-spacer {
  position: absolute;
  top: 50%;
  right: 0;
  width: auto;
  transform: translateY(-50%);
}


/* BLOG PAGE */

.blog .entry-hero-container-inner {
  background: var(--global-palette5);
}

.blog .entry-hero-container-inner .entry-header {
  min-height: auto;
  align-items: flex-start;
  text-align: left;
}

.blog .post-archive-title h1 {
  margin: 35px 0;
  font-weight: 600;
}

.blog .content-area {
  margin: 30px 0 70px;
}

.blog #category-filter-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 30px;
}

.blog #category-filter {
  width: 320px;
  padding: 18px 24px;
  font-size: 1rem;
  line-height: 1.3rem;
  color: var(--darkBlue);
  font-weight: 400;
  background: var(--global-palette5) url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkJvbGQgLyBhcnJvdy1kb3duLTEiPgo8cGF0aCBpZD0iSWNvbnMgLyBCb2xkIC8gYXJyb3ctZG93bi0xIiBkPSJNNy43ODYxMSAxMS4yMDJDNy41MDM2MSAxMS4yMDI0IDcuMjM0NjQgMTEuMDgxIDcuMDQ3OTUgMTAuODY5TDIuODU5MyA2LjEwNzg0QzIuNTgzOTYgNS43Nzk3IDIuNjIwOTQgNS4yOTE3NyAyLjk0MjU4IDUuMDA4ODZDMy4yNjQyMiA0LjcyNTk2IDMuNzUyODggNC43NTE1NyA0LjA0MzE5IDUuMDY2NTVMNy43MDU4NSA5LjIzQzcuNzI2MTIgOS4yNTMxMiA3Ljc1NTM3IDkuMjY2MzggNy43ODYxMSA5LjI2NjM4QzcuODE2ODYgOS4yNjYzOCA3Ljg0NjExIDkuMjUzMTIgNy44NjYzOCA5LjIzTDExLjUyOSA1LjA2NjU1QzExLjcxMjkgNC44NDczOSAxMi4wMDExIDQuNzQ1MDIgMTIuMjgyMSA0Ljc5OTA3QzEyLjU2MyA0Ljg1MzExIDEyLjc5MjYgNS4wNTUwOSAxMi44ODIxIDUuMzI2ODNDMTIuOTcxNiA1LjU5ODU4IDEyLjkwNjggNS44OTc0NyAxMi43MTI5IDYuMTA3ODRMOC41MjU1NiAxMC44NjczQzguMzM4NTUgMTEuMDc5OCA4LjA2OTIxIDExLjIwMTcgNy43ODYxMSAxMS4yMDJaIiBmaWxsPSIjNTA1RDY2Ii8+CjxtYXNrIGlkPSJtYXNrMF8xNDY1XzE4OTIiIHN0eWxlPSJtYXNrLXR5cGU6bHVtaW5hbmNlIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIyIiB5PSI0IiB3aWR0aD0iMTEiIGhlaWdodD0iOCI+CjxwYXRoIGlkPSJJY29ucyAvIEJvbGQgLyBhcnJvdy1kb3duLTFfMiIgZD0iTTcuNzg2MTEgMTEuMjAyQzcuNTAzNjEgMTEuMjAyNCA3LjIzNDY0IDExLjA4MSA3LjA0Nzk1IDEwLjg2OUwyLjg1OTMgNi4xMDc4NEMyLjU4Mzk2IDUuNzc5NyAyLjYyMDk0IDUuMjkxNzcgMi45NDI1OCA1LjAwODg2QzMuMjY0MjIgNC43MjU5NiAzLjc1Mjg4IDQuNzUxNTcgNC4wNDMxOSA1LjA2NjU1TDcuNzA1ODUgOS4yM0M3LjcyNjEyIDkuMjUzMTIgNy43NTUzNyA5LjI2NjM4IDcuNzg2MTEgOS4yNjYzOEM3LjgxNjg2IDkuMjY2MzggNy44NDYxMSA5LjI1MzEyIDcuODY2MzggOS4yM0wxMS41MjkgNS4wNjY1NUMxMS43MTI5IDQuODQ3MzkgMTIuMDAxMSA0Ljc0NTAyIDEyLjI4MjEgNC43OTkwN0MxMi41NjMgNC44NTMxMSAxMi43OTI2IDUuMDU1MDkgMTIuODgyMSA1LjMyNjgzQzEyLjk3MTYgNS41OTg1OCAxMi45MDY4IDUuODk3NDcgMTIuNzEyOSA2LjEwNzg0TDguNTI1NTYgMTAuODY3M0M4LjMzODU1IDExLjA3OTggOC4wNjkyMSAxMS4yMDE3IDcuNzg2MTEgMTEuMjAyWiIgZmlsbD0id2hpdGUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzE0NjVfMTg5MikiPgo8L2c+CjwvZz4KPC9zdmc+Cg==') no-repeat 94% 50%;
  border: 1px solid var(--lightGrey);
  border-radius: 4px;
  box-shadow: none;
}

.blog #archive-container {
  min-height: 100px;
  column-gap: 24px;
  row-gap: 48px;
}

.blog #archive-container .post-thumbnail {
  margin-bottom: 16px;
}

.blog #archive-container .post-thumbnail .post-thumbnail-inner .wp-post-image {
  border-radius: 4px;
}

.blog #archive-container .entry-content-wrap .entry-taxonomies {
  margin-bottom: 5px;
}

.blog #archive-container .entry-content-wrap .entry-taxonomies .category-links a {
  font-size: 0.75rem;
  line-height: 0.975rem;
  color: var(--darkRed);  
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}

.blog #archive-container .entry-content-wrap .entry-header {
  margin-bottom: 0;
}

.blog #archive-container .entry-content-wrap .entry-title {
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: var(--darkBlue);
  font-weight: 500;
}

.blog .navigation.pagination {
  margin: 0 0 90px;
}

.blog .navigation.pagination .nav-links {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.blog .navigation.pagination .nav-links .page-numbers {
  width: 58px;
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--lightDarkBlue);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3rem;
  border: 1px solid transparent;
}

.blog .navigation.pagination .nav-links .page-numbers:hover {
  color: var(--darkBlue);
}

.blog .navigation.pagination .nav-links .page-numbers.current {
  background: transparent;
  color: var(--lightDarkBlue);
  border: 1px solid var(--lightGrey);
}

.blog .navigation.pagination .nav-links .page-numbers .kadence-svg-iconset svg {
  top: auto;
  width: 18px;
  height: 18px;
}


/* SINGLE POST */
.single-post .wp-block-post-featured-image .wp-post-image {
  width: 100%;
  height: 600px;
}


/* PAGE NOS OFFRES D'EMPLOI */
.page-nos-offres-demploi #main .post-thumbnail .post-thumbnail-inner .post-top-featured {
  width: 100%;
  height: 600px;
}





/* RESPONSIVE DESIGN */

@media (max-width: 1200px) {

  html {
    font-size: 15px;
  }

  h1 {
    font-size: 3rem !important;
  }

  .page-template-modele-pages-services .wp-block-post-featured-image,
  .single-post .wp-block-post-featured-image .wp-post-image,
  .page-nos-offres-demploi #main .post-thumbnail .post-thumbnail-inner .post-top-featured {
    height: 540px;
  }

  body.page .wp-block-media-text .wp-block-media-text__content,
  body.single .wp-block-media-text .wp-block-media-text__content {
    padding: 0 0 0 98px;
  }

  body.page .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
  body.single .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding: 0 98px 0 0;
  }

}

@media (max-width: 1024px) {

  html {
    font-size: 14px;
  }

  h1 {
    margin-bottom: 30px !important;
    font-size: 2.5rem !important;
    line-height: 1.1 !important;
  }

  .page-template-modele-pages-services .wp-block-post-featured-image,
  .single-post .wp-block-post-featured-image .wp-post-image,
  .page-nos-offres-demploi #main .post-thumbnail .post-thumbnail-inner .post-top-featured {
    height: 440px;
  }

  .solution-template .wp-block-post-featured-image,
  .page-template-modele-page-de-contenu .wp-block-post-featured-image {
    height: 300px !important;
  }

  body.page .wp-block-media-text .wp-block-media-text__content,
  body.single .wp-block-media-text .wp-block-media-text__content {
    padding: 0 0 0 58px;
  }

  body.page .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
  body.single .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding: 0 58px 0 0;
  }

  .home-news-container .wp-block-kadence-column .kt-inside-inner-col {
    overflow-x: auto;
  }

  .home-news-container .wp-block-kadence-column .kt-inside-inner-col .wp-block-kadence-posts {
    display: flex;
    flex-wrap: nowrap;
  }

  .home-news-container .wp-block-kadence-column .kt-inside-inner-col .wp-block-kadence-posts .loop-entry {
    flex: 0 0 300px;
  }
  
}


@media (max-width: 768px) {

  h1 {
    margin-bottom: 20px !important;
    font-size: 2rem !important;
  }

  .page-template-modele-pages-services .wp-block-post-featured-image,
  .single-post .wp-block-post-featured-image .wp-post-image,
  .page-nos-offres-demploi #main .post-thumbnail .post-thumbnail-inner .post-top-featured {
    height: 340px;
  }

  body.page .wp-block-media-text .wp-block-media-text__content,
  body.single .wp-block-media-text .wp-block-media-text__content {
    padding: 0 0 0 58px;
  }

  body.page .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
  body.single .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding: 0 58px 0 0;
  }

  .solution-template .wp-block-post-featured-image,
  .page-template-modele-page-de-contenu .wp-block-post-featured-image {
    height: 240px !important;
  }
}

@media (max-width: 600px) {

  body.page .wp-block-media-text .wp-block-media-text__content,
  body.single .wp-block-media-text .wp-block-media-text__content,
  body.page .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
  body.single .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding: 0;
  }

  body.page .wp-block-media-text .wp-block-media-text__media,
  body.single .wp-block-media-text .wp-block-media-text__media {
    margin-bottom: 30px;
  }
  
}