/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Colabrio
Author URI: http://colabr.io/
Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


.glass {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px); /* Safari */
  box-shadow: 0 8px 32px rgba(0,0,0,0.25);
}
.cercle-acc{aspect-ratio: 1 / 1;}

a.btn-optional{
    background: linear-gradient(90deg, #c332f7, #1c6bf5)!important;
    background-size: 200% 100%!important;
    background-position: left center!important;
    transition: background-position 0.4s ease!important;
    color: #ffffff!important;
    border: none!important;
}

a.btn-optional:hover {

    background-position: right center!important;
transition: background-position 0.4s ease!important;
}

.perso-home {    background-position: 60px center;}

.avatar {
    background-color: #ffffff;
    width: 180px;
    height: 40px;
	background-repeat: no-repeat;
    background-size: contain;}
.avatar::after {display:none}
.testimo{padding:4px 12px;font-size:15px;background-color:#f0f0f0;color:#7d7c80;border-radius:10px}


.portfolio-comments {display:none}

.hamburger-button{padding:0!important}

.single-ohio_portfolio .header:not(.-sticky) {background: rgba(255, 255, 255, 0)}
.single-ohio_portfolio h2 {font-size:23px!important;line-height:30px!important}
.single-ohio_portfolio h3 {font-size:34px!important;line-height:36px!important}
.single-ohio_portfolio h1 {margin-bottom: 40px}
.single-ohio_portfolio hr {margin: 30px 0;}
.single-ohio_portfolio .options-group {    grid-template-columns: repeat(3, minmax(0, 1fr))}
.project-content .options-group, .project-content .project-task, .project-content .button {margin-top: 50px}

.header:not(.-mobile).-with-contained-menu.header-1 .menu, .header:not(.-mobile).-with-contained-menu.header-2 .menu, .header:not(.-mobile).-with-contained-menu.header-3 .menu, .header:not(.-mobile).-with-contained-menu.header-4 .menu {background-color:#f5f5f6}

.single-ohio_portfolio .headline-meta .category-holder + *::before {display:none!important}

.category-holder .category a::before {content: "";display: inline-block; width: 6px; height: 6px; background: #1268ff; border-radius: 50%; margin-right: 8px; position: relative;
    top: -2px;
}

.icon svg path {    fill: #333;}

@media (max-width: 1024px){

    .menu-optional .button-group .button{
        font-size:0;
        padding:7px 12px;
        line-height:1;
    }

    .menu-optional .button-group .button::after{
        content:"DEVIS";
        font-size:13px;
        font-weight:500;
    }
}
.menu-optional .button-group .button::before{
    content:"";
    width:6px;
    height:6px;
    border-right:2px solid white;
    border-top:2px solid white;
    transform:rotate(45deg);
    display:inline-block;
    margin-right:8px;
    position:relative;
    top:-1px;
}

@media (min-width: 768px){
	.portfolio-item.-with-slider .project-content {    padding-left: 60px;} }

@media (max-width: 768px){
	.portfolio-item.-with-slider .project-content {    padding-left: -20px!important;} }

.elementor-kit-6 button, .elementor-kit-6 input[type="button"], .elementor-kit-6 input[type="submit"], .elementor-kit-6 .elementor-button {    margin-right: 10px;}

.home .project-details h3:first-child{    display:none;}

.portfolio-item.-with-slider .project-content {
    padding-bottom: 80px;
}
.project-content .options-group, .project-content .project-task, .project-content .button {
    margin-top: 20px;
}

.num {display:none}

@media (min-width: 768px){.single-post h1 {font-size:63px!important;line-height:63px!important}}
@media (max-width: 767px){.single-post h1 {font-size:48px!important;line-height:48px!important}}

.project-content .options-group, .project-content .project-task, .project-content .button {
    margin-top: 40px;
}

.single-post .entry-content h2 {
    font-size: 2.2em; line-height:1.2em
}

.chapo {
    font-size: 1.2rem;
    line-height: 1.6;
    font-weight: 700;
    opacity: 0.9;
    letter-spacing: -0.015em;
text-align:left
}

.surtitre {font-size:14px;text-transform:uppercase}

.portfolio-grid {
    opacity: 0;
    transition: opacity 0.3s ease;
}

body:not(.home):not(.front-page) .header .menu {
    background-color: #ffffff !important;
}

body:not(.home):not(.front-page) .header.-sticky .menu {
    background-color: #f5f5f6 !important;
}
.home .header:not(.-sticky) {
    background-color: rgba(255, 255, 255, 1);
}

/* Full width Elementor à l'intérieur des articles du blog */
.single-post .page-container:not(.-full-w) .elementor > .full-bleed-post.e-con-full.e-parent,
.single-ohio_portfolio .page-container:not(.-full-w) .elementor > .full-bleed-post.e-con-full.e-parent {
    left: 0 !important;
    transform: none !important;
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

.page-headline:before{display:none}




/* SECTION GLOBALE */
.home-blog-section {
    align-items: stretch;
}

/* COLONNE GAUCHE */
.home-blog-featured,
.home-blog-right {
    height: 100%;
}

/* IMAGE PRINCIPALE */
.home-blog-featured .image-holder {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    aspect-ratio: 5 / 3;
}

.home-blog-featured .image-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* COLONNE DROITE */
.home-blog-right .techart-small-news {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    gap: 24px;
    height: 100%;
}

/* ITEM */
.home-blog-right .techart-small-news__item {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 24px;
    align-items: center;
    min-height: 0;
}

/* VIGNETTE */
.home-blog-right .techart-small-news__thumb {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 16px;
    aspect-ratio: 5 / 3;
    height: 100%;
}

/* IMAGE */
.home-blog-right .techart-small-news__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

/* OVERLAY */
.home-blog-right .techart-small-news__thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 40%,
        rgba(0,0,0,0.22) 100%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
}

.home-blog-right .techart-small-news__thumb:hover img {
    transform: scale(1.05);
}

.home-blog-right .techart-small-news__thumb:hover::after {
    opacity: 1;
}

/* TITRE */
.home-blog-right .techart-small-news__title {
    margin: 0 0 10px;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 600;
}

.home-blog-right .techart-small-news__title,
.home-blog-right .techart-small-news__title:hover {
    text-decoration: none !important;
    border-bottom: none !important;
}

.home-blog-right .techart-small-news__title a,
.home-blog-right .techart-small-news__title a:visited,
.home-blog-right .techart-small-news__title a:hover,
.home-blog-right .techart-small-news__title a:focus,
.home-blog-right .techart-small-news__title a:active {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background-image: none !important;
}

.home-blog-right .techart-small-news__title a {
    color: inherit;
}

.home-blog-right .techart-small-news__title a:hover,
.home-blog-right .techart-small-news__title a:focus {
    color: var(--clb-color-primary) !important;
}

/* CAT */
.home-blog-right .techart-small-news__cat {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: #f3f3f3;
    font-size: 0.85rem;
}

/* RESPONSIVE */
@media (max-width: 1200px) {
    .home-blog-right .techart-small-news__item {
        grid-template-columns: 200px 1fr;
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .home-blog-right .techart-small-news {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .home-blog-right .techart-small-news__item {
        grid-template-columns: 1fr;
    }

    .home-blog-featured .image-holder,
    .home-blog-right .techart-small-news__thumb {
        aspect-ratio: 5 / 3;
    }
}

@media (max-width: 767px) {    .elementor-kit-6 h1 {        font-size: 2.5em!important;    }}

@media screen and (min-width: 1181px) {
    .entry-content h2 {
        margin-top: 3rem;        margin-bottom: 0.7em!important;
    }
	.no-margin h2 {margin-top:0}
}
.coulblanc{color:#ffffff}
.coulviolet{color:#b82bef}
.coulbleu{color:#1c6bf5}


@media (max-width: 1200px) { 	
	.clb-slider-nav-btn .icon-button {display:none}
.clb-slider-nav-dots {    margin-top: -70px!important}
}
.clb-slider-nav-dots {    margin-top: 0!important}
.page-id-228241 .clb-slider-nav-dots {    margin-top: 20px!important}

.techart-section {
  display: flex;
flex-direction: row;
  align-items: flex-start;
  gap: 60px;
}

/* Colonne gauche sticky */
.techart-left {
  flex: 0 0 30%;
  position: sticky;
  top: 120px; /* adapte selon ton header */
align-self: flex-start;
}

/* Colonne droite */
.techart-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 60px;
}


/* blocs */
.techart-right .bloc {
  min-height: 180px;
}

.techart-sticky-section {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 60px;
}

.techart-left {
  position: sticky;
  top: 120px;
  align-self: flex-start;
  flex: 0 0 32%;
}

.techart-right {
  flex: 1 1 0;
  min-width: 0;
}

@media (max-width: 1024px) {
  .techart-sticky-section {
    flex-direction: column;
    gap: 30px;
  }

  .techart-left {
    position: relative;
    top: 0;
    flex: 1 1 auto;
  }
}

.techart-sticky-section,
.techart-sticky-section > .e-con-inner,
.techart-left {
  overflow: visible !important;
}

.techart-sticky-section {
  align-items: flex-start !important;
}

.techart-left {
  position: sticky !important;
  top: 120px !important;
  align-self: flex-start !important;
}
.bloc-services .elementor-widget-text-editor a,
.bloc-services .elementor-widget-text-editor a:visited,
.bloc-services .elementor-widget-text-editor a:hover,
.bloc-services .elementor-widget-text-editor a:focus {
  color: #b82bef !important;
  text-decoration: none;
}
.elementor-kit-6 input[type="submit"]{	background-color: #1c6bf5!important;    padding: 12px 26px 12px 26px!important;}
.elementor-kit-6 input[type="submit"]:hover {color:#ffffff!important; background-color: #194bdc!important}
.elementor-kit-6 input[type="submit"]:focus {color:#ffffff!important}
.wpcf7 form.sent .wpcf7-response-output {    border-color: #ffffff!important;color: #1c6bf5!important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {color:#cb423b!important;   border-color: #ffffff!important}

.form-row {
  display: flex;
  gap: 20px;
}

.form-col {
  flex: 1;
}

.form-row.full {
  flex-direction: column;
}

@media (max-width: 768px) {
  .form-row {
    flex-direction: column;
  }
}

.txt-gris {color:#ffffff!important;font-size:14px!important}
.site-footer h3{color:#ffffff!important;font-size:20px!important}