@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&display=swap');

:root {
  --main-color : 119, 168, 75;
  --grey-color : 153, 153, 153;
}

body.home.page .job-block .jobs-block .job-icon img {
  margin : auto;
}

footer .top-footer,
label.menu-toggle,
.navigation {
  background : rgb(var(--main-color));
}

.navigation ul li.current-menu-item::before {
  content     : "";
  position    : absolute;
  top         : -10px;
  left        : 50%;
  width       : 25px;
  height      : 2px;
  margin-left : -12.5px;
  background  : #77A84B;
}

.navigation ul li.current-menu-item > a {
  font-weight : 700;
}

@media (min-width : 960px) {
  .navigation {
    background : transparent;
  }

  .navigation ul li.menu-item-has-children ul li {
    background : rgba(var(--main-color), 0.6);
  }

  .navigation ul li.current_page_item::before,
  .navigation ul li.current-menu-item::before {
    background : rgb(var(--main-color));
  }

  .navigation ul li.current_page_item a,
  .navigation ul li.current_page_item label,
  .navigation ul li.current-menu-item a,
  .navigation ul li.current-menu-item label {
    color : rgb(var(--main-color));
  }
}

ul.primary-list li:before,
.wysiwyg ul li:before {
  background : rgb(var(--main-color));
}

ol li:before,
.wysiwyg ol li:before {
  color : rgb(var(--main-color));
}

ul.primary-list li:before,
.wysiwyg ul li:before {
  background : rgb(var(--main-color));
}

ol li:before,
.wysiwyg ol li:before {
  color : rgb(var(--main-color));
}

h1,
.h1 {
  color : rgb(var(--main-color));
}

h2,
.h2 {
  color : rgb(var(--main-color));
}

body.home.page .home-block div.intro p {
  color : rgb(var(--grey-color));
}


body.home.page .home-block div.intro h2 small:after {
  color : rgb(var(--main-color));
}

h3,
.h3 {
  color : rgb(var(--main-color));
}

h4,
.h4 {
  color : rgb(var(--main-color));
}

.wysiwyg h1 {
  color : rgb(var(--main-color));
}

.wysiwyg h2 {
  color : rgb(var(--main-color));
}

.wysiwyg h3 {
  color : rgb(var(--main-color));
}

.wysiwyg h4 {
  color : rgb(var(--main-color));
}

.flex-title-double-column__left.title h2,
.flex-title-double-column__right.title h2 {
  color : rgb(var(--main-color));
}

.page-head .top-title,
.back-to-root {
  color : rgb(var(--main-color));
}

.page-head .top-title:before {
  background : rgb(var(--main-color));
}

.page-head {
  border-bottom-color : rgb(var(--main-color));
}

.job-head .job-icon::after {
  background : rgb(var(--main-color));
}

hr.separator {
  border-color : rgb(var(--main-color));
}

.flex-list-elements .inner__list.with-sep:before,
.flex-list-elements .inner__list.with-sep:after,
.flex-skills__card .card__title::after {
  background-color : rgb(var(--main-color));
}

.btn--primary {
  background-color : rgb(var(--main-color));
}

.btn--primary:after {
  background-color : rgb(var(--main-color));
  filter           : brightness(85%);
}

.flex-jobs__card h2::after,
.others-jobs::after {
  background-color : rgb(var(--main-color));
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
  border-color : rgb(var(--main-color));
}

.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
  color : rgb(var(--main-color));
}

.realisations-datas .missions ul li strong,
.realisations-datas .wysiwyg b,
.realisations-datas .wysiwyg strong {
  color : rgb(var(--main-color));
}

.filters ul li a.active,
.loadmore-trigger {
  color : rgb(var(--main-color));
}

.filters ul li a.active:before {
  background-color : rgb(var(--main-color));
}

.post-head::after {
  background : rgb(var(--main-color));
}

.realization_card .block .inner {
  background-color : rgba(var(--main-color), .7);
}

div#post-holder .w-flex:not(:first-child) .container:before {
  border-color : rgb(var(--main-color));
}

.reals-block .real .content {
  background : rgb(var(--main-color));
}

body.home.page .job-block .jobs-block {
  color : rgb(var(--main-color));
}

body.home.page #home-slider .slider-content .inner h1 {
  color : rgb(var(--main-color)) !important;
}

body.home.page #home-slider .slider-content .inner p {
  color : rgb(var(--grey-color)) !important;
}


#home-slider .slick-prev,
#home-slider .slick-next {
  border-color : rgb(var(--main-color)) !important;
}

#home-slider .slick-prev:before,
#home-slider .slick-next:before {
  color : rgb(var(--main-color)) !important;
}

body.home.page #home-slider .slick-dots li button:before {
  border-color : rgb(var(--main-color)) !important;
}

body.home.page #home-slider .slick-dots li.slick-active button:before {
  background-color : rgb(var(--main-color)) !important;
}

#home-slider a.scroller:after,
#home-slider a.scroller:before,
.wpcf7 textarea,
.wpcf7 input {
  border-color : rgb(var(--main-color)) !important;
}

.icons .icons-block ul li span,
.icons .icons-block ul li .icon {
  color : rgb(var(--grey-color));
}

.icons .icons-block ul li:not(:first-child):after {
  background-color : rgb(var(--grey-color));
}

body.home.page .home-block.news-block .block-title {
  color : rgb(var(--main-color));
}

.post_card .block .inner {
  background-color : rgba(var(--main-color), .7);
}

.wysiwyg p,
.wysiwyg li,
.card__description p {
  color : rgb(var(--grey-color));

}

.page-template-tlp-about .flex-double-column__title,
.page-template-tlp-about .inner__title,
.page-template-tlp-about .flex-title-text__title h2 {
  background : rgb(var(--main-color));
}

.page-template-tlp-contact .infos .social-networks .rs-icon {
  background : #000000;
}

.page-template-tlp-contact .infos .coordonates p,
.wpcf7 span.wpcf7-list-item-label {
  color : rgb(var(--grey-color));
}

.wpcf7 span.wpcf7-list-item-label:after, .wpcf7 span.wpcf7-list-item-label:before {
  color : rgb(var(--main-color));

}


.wpcf7 textarea::-webkit-input-placeholder {
  color : rgb(var(--grey-color)) !important;
}

.wpcf7 textarea:-ms-input-placeholder {
  color : rgb(var(--grey-color)) !important;
}

.wpcf7 textarea::-ms-input-placeholder {
  color : rgb(var(--grey-color)) !important;
}

.wpcf7 textarea::placeholder {
  color : rgb(var(--grey-color)) !important;
}

.wpcf7 input::-webkit-input-placeholder {
  color : rgb(var(--grey-color)) !important;
}

.wpcf7 input:-ms-input-placeholder {
  color : rgb(var(--grey-color)) !important;
}

.wpcf7 input::-ms-input-placeholder {
  color : rgb(var(--grey-color)) !important;
}

.wpcf7 input::placeholder {
  color : rgb(var(--grey-color)) !important;
}

.btn--primary, .wpcf7 .wpcf7-submit {
  background : rgb(var(--main-color));
}

.reals-block .real .content {
  background : rgba(var(--main-color), 0.75);
}

.reals-block .real .content .text {
  margin-bottom : 15px;
}

.reals-block .real .content ul {
  list-style-position : inside;
  list-style-type     : disc;
}

.reals-block .real .content ol {
  list-style-position : inside;
  list-style-type     : decimal;
}

.reals-block .real .content ul ul, .reals-block .real .content ol ul {
  margin-left         : 15px;
  list-style-position : inside;
  list-style-type     : circle;
}

.reals-block .real .content ol ol, .reals-block .real .content ul ol {
  margin-left         : 15px;
  list-style-position : inside;
  list-style-type     : lower-latin;
}

.realisations-datas .missions ul {
  max-width : initial;
}

.realisations-datas .missions ul li {
  height         : auto;
  min-height     : 40px;
  padding-top    : 5px;
  padding-bottom : 5px;
  white-space    : nowrap;
}

.realisations-datas .missions ul li span {
  white-space : normal;
}

.header.header .logo .logo-full {
  width : auto;
}

.page-template-tlp-about .wysiwyg ul,
.page-template-tlp-about .wysiwyg ol {
  padding : 0 40px;
}

.wysiwyg ol li:before, ol li:before {
  color : rgb(var(--main-color));
}

.page-head .top-title,
.page-head h1,
.job-head .h1 {
  color : rgb(var(--main-color));
}

.flex-title-text.full .container {
  padding-bottom : 20px;
  background     : rgb(var(--main-color));
}

.flex-title-text.full .container p {
  color : white;
}

.wysiwyg ul li + li {
  margin-top : 10px;
}

.wysiwyg ul li:before {
  top              : 10px;
  left             : 4px;
  width            : 6px;
  height           : 1px;
  border-radius    : 0;
  background-color : #8F8F8F;
}

body.home.page .job-block .jobs-block .job h3 {
  padding : 0 12px;
  color   : rgb(var(--grey-color));
}

.icons .icons-block ul li .icon {
  width : auto;
}

.icons .icons-block ul li .icon img {
  margin : 0 auto;
}

body:not(.home) .fil-holder #filigrame {
  top  : -5%;
  left : 50%;
}

#home-slider .slide-img:after {
  content             : "";
  position            : absolute;
  top                 : 0;
  left                : 0;
  width               : 100%;
  height              : 100%;
  background          : radial-gradient(circle, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8) 80%);
  background-position : 0 0;
  background-size     : 325%;
}


/*#home-slider .slide-img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1002.85 637.19'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bisolation:isolate;%7D.cls-2%7Bmix-blend-mode:multiply;fill:url(%23Dégradé_sans_nom_2);%7D%3C/style%3E%3ClinearGradient id='Dégradé_sans_nom_2' y1='318.6' x2='1002.85' y2='318.6' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.47' stop-color='%2377a84b'/%3E%3Cstop offset='1' stop-color='%232dab66' stop-opacity='0.8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg class='cls-1'%3E%3Cg id='Calque_2' data-name='Calque 2'%3E%3Cg id='Calque_4' data-name='Calque 4'%3E%3Cpath class='cls-2' d='M780,637.19H0V0H707.3L945.76,266.53C1073.93,409.79,972.25,637.19,780,637.19Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: 0 100%;
    background-repeat: no-repeat;
    opacity: 1;
    background-size: contain;
}*/


@media (min-width : 960px) {
  .navigation ul li.menu-item-has-children:hover ul {
    width : 175px;
  }

  body.home.page .home-block div.intro {
    max-width   : 70%;
    margin-left : 15%;
  }

  body.home.page .home-block div.intro p {
    margin-top : 10px;
  }
}


.client-logo {
  position : relative;
  height   : 120px;
  padding  : 20px;
}

.slick-active:not(:last-of-type) .client-logo:after {
  content    : "";
  position   : absolute;
  top        : 50%;
  right      : -1px;
  width      : 1px;
  height     : 30px;
  margin-top : -15px;
  background : rgb(var(--main-color));
}


.client-logo img {
  width      : auto;
  max-width  : 100%;
  height     : auto;
  max-height : 100%;
  margin     : 0 auto;
}

body.home.page .home-block div.intro h2.with-bar:after {
  background : rgb(var(--main-color));
}

.post_card .block p {
  color       : white;
  font-size   : 14px;
  line-height : 1.2;
}

.post_card .block .inner h2 {
  font-size : 20px;
}

.post_card .block .inner span {
  display            : -webkit-box;
  overflow           : hidden;
  -webkit-box-orient : vertical;
  -webkit-line-clamp : 5;
}

@media (max-width : 474px) {
  .icons .icons-block ul li {
    padding : 0 5px;
  }
}

.garantee {
  margin-top : 35px;
}

.garantee ul {
  margin  : 0;
  padding : 0;
}

.garantee ul > li {
  display : initial;
  margin  : 0 40px;
}

.garantee ul > li > svg {
  width : 55px;
  fill  : #B3B3B3;
}

@media (min-width : 960px) {
  .realization_card {
    flex      : 0 0 33.33333333%;
    max-width : 33.33333333%;
  }

  .realization_card:nth-child(1n+4) {
    display : none;
  }

  .realization_card .block .inner {
    padding : 10px;
  }
}

@media (min-width : 1280px) {
  .realization_card {
    display   : block !important;
    flex      : 0 0 25%;
    max-width : 25%;
  }
}

#map {
  height     : 350px;
  margin-top : 80px;
}
