@charset "UTF-8";
/*
Theme Name:     Engitech Child
Theme URI:      http://wpdemo.archiwp.com/engitech/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         Oceanthemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       engitech
*/
@import url("../engitech/style.css");
/* =Theme customization starts here
------------------------------------------------------- */
/* REPRISE PROPRE EN SCSS */
/* TITRES ELEMENTOR PAR DEFAUT */
div.elementor-widget-heading.elementor-widget-heading .elementor-heading-title, h1, h2, h3, h4, h5, h6 {
  color: #2F3644;
}

/*********************************************************/
/* PRIMARY COLOR #4BC0D9 Turquoise */
.serv-box .icon-main,
.elementor-widget-ipricingtable .icon-main {
  background-color: #FFCB2D;
  background-image: linear-gradient(125deg, #FFCB2D, #ffc106);
  /*background-color:#FFCB2D;
  background-image:none;*/
}

.elementor-widget-text-editor a {
  color: #FFCB2D;
  font-weight: bold;
}

.elementor-widget-text-editor p strong, .elementor-widget-wrap .elementor-widget-container strong {
  color: #FFCB2D;
}

.elementor-widget-text-editor li {
  list-style: none;
  position: relative;
  padding-left: 30px;
  margin: 30px;
}

.elementor-widget-text-editor li strong:first-child {
  color: #ffcb2d;
}

.elementor-widget-text-editor li::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ffcb2d;
  font-size: 2em;
  position: absolute;
  left: 0;
  top: -12px;
}

/*.entry-summary ol li::marker,
.entry-summary strong{
	color:#FFCB2D;font-weight:bold;
}*/
/* SECONDARY COLOR #092331 Bleu foncé */
.elementor-widget-text-editor p strong, .elementor-widget-wrap .elementor-widget-container strong {
  color: #1e4860;
  font-size: 1.2em;
}

.home .elementor-widget-text-editor p strong, .home .elementor-widget-wrap .elementor-widget-container strong {
  color: #ffcb2d;
  font-weight: normal;
}

.elementor-widget-container b {
  color: #1e4860;
}

.darkSection .elementor-widget-container b {
  color: #f0dd7e;
}

/* #f0dd7e JAUNE */
.elementor-widget-text-editor a:hover {
  color: #f0dd7e;
}

/*******************************/
.page-header {
  background: #1e485f url("/wp-content/uploads/2021/11/bg-particle1.png");
}

.header-clone {
  height: 100px !important;
}

.elementor-widget-wrap > .elementor-element.btn-inline {
  display: inline-block;
  width: auto;
}

.elementor-3872 .elementor-element.elementor-element-4cff60df .elementor-icon-list-item span, .elementor-3872 .elementor-element.elementor-element-5e3bed1f .elementor-icon-list-item span {
  line-height: 16px;
}

.page-id-3872 #back-to-top {
  color: #656AE5;
}

.page-id-4858 #back-to-top {
  color: #53E79C;
}

.page-id-4899 #back-to-top {
  color: #35d3c9;
}

.main-navigation:not(.no-under-line) > ul > li:before {
  background: #FFCB2D;
}

.project-slider .projects-box .projects-thumbnail .overlay {
  opacity: 1;
}

.project-slider .projects-box:hover .projects-thumbnail img {
  filter: initial;
}

.project-slider .projects-box:hover .projects-thumbnail .overlay {
  opacity: 0;
  /*background:rgba(9, 35, 49, 0.5);*/
}

.projects-thumbnail {
  border: solid 2px #1b1d21;
}

.single-portfolio-navigation {
  display: none;
}

.footer-contact a {
  color: #fff;
}

.footer-contact a:hover {
  color: #f0dd7e;
}

.site-header .is-stuck {
  border: normal;
}

.projects-style-1 .projects-box .portfolio-info .overlay {
  z-index: 2;
}

.breadcrumbs {
  max-width: 30%;
}

/******* Visuel Home ********/
.hex {
  text-align: center;
}

.hex1 {
  transform: rotate(60deg);
}

.hex1, .hex2 {
  position: relative;
  display: inline-block;
  height: 30vw;
  width: 25vw;
  overflow: hidden;
}

.hex2 {
  transform: rotate(60deg);
}

.hexlink {
  transform: rotate(-120deg);
  position: relative;
  display: inline-block;
  text-decoration: none;
  height: 30vw;
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-image: url("https://www.ylsolutionsweb.fr/wp-content/uploads/2022/03/IMG_0538_5.jpg");
}

/******* BLOG **********/
.post-box .entry-title a {
  color: #2F3644;
}

.blog-post h2 {
  font-weight: 400;
  color: #FFCB2D;
  margin: 0 0 40px;
}

.blog-post p {
  margin-bottom: 40px !important;
}

.blog-post strong {
  color: #464646;
}

.blog-post ul li {
  margin-bottom: 20px;
}

.blog-post ol {
  margin-bottom: 30px;
}

.blog-post ol li {
  counter-increment: li;
  margin-bottom: 30px;
  position: relative;
  padding-left: 40px;
}

.blog-post .entry-summary a {
  color: #FFCB2D;
  text-decoration: underline;
}

.blog-post ol li strong:first-child,
.blog-post ul li strong:first-child {
  font-size: 1.5em;
  color: #FFCB2D;
}

.blog-post ol li::marker {
  color: #fff;
}

.blog-post ol li:before {
  content: counter(li);
  display: inline-block;
  border-radius: 50%;
  width: 43px;
  height: 43px;
  text-align: center;
  font-weight: bold;
  color: white;
  background-color: #FFCB2D;
  position: absolute;
  left: -15px;
  top: 0;
  font-size: 1.5em;
}

.blog-post blockquote {
  background-color: rgba(255, 203, 45, 0.3);
  padding: 20px 30px 20px 50px;
}

.blog-post blockquote p {
  margin: 0 !important;
}

.blog-post blockquote:before {
  left: 10px;
  top: 14px;
}

.blog-post .astuce {
  font-weight: 600;
  font-style: italic;
  font-size: 1em;
  background-color: rgba(255, 203, 45, 0.1);
  padding: 15px;
}

.blog-post hr {
  background-color: #FFCB2D;
  margin: 3em 0 3em 0;
}

/******* OTHER **********/
/*.section_Tarifs .octf-btn{
	display:none;
}

.section_Tarifs .ot-pricing-table{
  min-height:530px;
}*/
.ot-industries .indus-item .item-inner {
  padding-left: 150px;
}

.ot-industries .indus-item .item-inner .i-image {
  left: -40px;
}

.page-header .inner {
  display: block;
}

.page-header .inner .page-title {
  margin-bottom: 40px;
}

.breadcrumbs {
  max-width: 100%;
}

/*.swiper-slide img{
  max-height:150px;
}*/
.elementor-widget-text-editor li h3 {
  color: #ffcb2d;
  font-size: 1.2em;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.elementor-widget-ot-icon-list li h3 {
  color: #ffcb2d;
  font-size: 1.2em;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.number {
  background-color: #ffcb2d;
  font-weight: bold;
  font-size: 1.6em;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

h1 {
  font-size: 42px;
}

.sectionMiniz h2 a:hover, .sectionMiniz h3 a:hover {
  color: #FFCB2D !important;
}

@media only screen and (min-width: 768px) {
  .blog .post-inner, .archive .post-inner {
    display: flex;
    flex-wrap: wrap;
  }
  .blog .entry-media, .archive .entry-media {
    max-width: 50%;
    height: 100%;
  }
  .blog .inner-post, .archive .inner-post {
    border: none;
    padding: 20px;
    width: 50%;
  }
}
/******* MOBILE ********/
@media (max-width: 1024px) {
  .member-form {
    padding: 20px 25px;
  }
  .portfolio-related-posts-wrap {
    padding-top: 35px;
  }
  .entry-content project-bottom {
    padding-top: 21px;
  }
  .project-bottom {
    padding-top: 21px;
  }
  .elementor-5102 .elementor-element.elementor-element-51074409 {
    padding: 25px 0 25px 0;
  }
  .elementor-5102 .elementor-element.elementor-element-5cd84f07 {
    padding: 35px 0 0 0;
  }
  .elementor-5102 .elementor-element.elementor-element-51074409 {
    padding: 25px 0 0 0;
  }
  .slick-dots {
    bottom: 0;
  }
  .breadcrumbs {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .breadcrumbs {
    display: none;
  }
  .page-header .inner .page-title {
    margin-bottom: 0px;
    font-size: 26px;
  }
}/*# sourceMappingURL=style.css.map */