/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

 :root {
    --bleu-principal: #1da1f2;
    --bleu-fonce: #1E88C7;
    --bleu-clair: #E8F6FC;
    --gris-fonce: #2C3E50;
    --gris-moyen: #6C757D;
    --gris-clair: #F8F9FA;
    --blanc: #FFFFFF;
    --vert: #10B981;
    --primary: #1da1f2;
    --primary-dark: #1890d5;
    --secondary: #10B981;
    --secondary-dark: #059669;
    --accent: #ef4444;
    --bg-light: #f8fafc;
    --bg-white: #ffffff;
    --text-dark: #555555;
    --text-gray: #64748b;
    --border-light: #e2e8f0;
}

* {
    /* outline: 1px solid red; */
}

a:visited {
  /* color: revert !important; */
}

/* a.service-cta:visited, a.btn-secondary:visited {
    color: var(--blanc) !important;
} */

body {
	font-family: 'Work Sans', sans-serif;
    color: var(--text-dark);
  	/*color : rgb(33, 33, 33);*/
}

h1,h2,h3,h4 a, .main-title, .titre {
	font-family: 'Baumans', system-ui !important;
	color:#555;
}

.btn-white {
	color:white !important;
}

.btn-white:hover {
	color:var(--bleu-principal) !important;
}

h1 {
	font-size:30px;
}

.main-navigation .main-nav ul li a {
  padding-left: 10px;
  padding-right: 10px;
}

.one-container .container {
    color: #555555;
    background-color: revert;
}

.site-footer p, .mesatouts-colonne p {
  margin-bottom: 0em;
}

.gb-shape {
    padding-top:8px;
}

.wp-block-table thead {
  	border-bottom: 3px solid;
	border-color: var(--bleu-principal) !important;
	background-color: var(--eb-global-background-color) !important;
}

div.eb-infobox-wrapper .infobox-wrapper-inner {
    min-height: 300px !important;
}
.wp-block-column {
	position:relative;
	z-index:0;
}

div[class*="eb-infobox-wrapper"] {
	background-image:none !important;
}

.ebpg-grid-post.ebpg-post-grid-column {
	cursor: pointer;
	min-width:380px;
	/* height:380px; */
	/* opacity:0.5;
	transition: opacity 0.5s ease-in-out !important; */
}

.timeline {
	gap:1rem;
}

.betterdocs-toc {
	box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2);
	/* background-color: transparent !important; */
}

.sommaire {
	/*position:fixed !important;*/
	/* top:620px;
	right:260px; */
	z-index:5;
	margin-top:20px;
}

.sommaire-sans-tags {
	margin-left:50px;
	/* position:fixed !important;
	top:250px;
	right:180px; */
	z-index:5;
}

.tech-tag {
	border:1px solid #aaa !important;
	border-radius:10px;
	width:auto;
	margin-bottom:0.2rem;
	padding:0.1rem 0.1rem 0.1rem 0.2rem;
	box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2);
}

.eb-feature-list-wrapper .eb-feature-list-items .eb-feature-list-item .eb-feature-list-content-box .eb-feature-list-title a {
	text-decoration : underline !important; 
}

.eb-feature-list-wrapper .eb-feature-list-items .eb-feature-list-item .eb-feature-list-content-box .eb-feature-list-content {
	text-align:justify !important;
}

.inside-article a {
	color :var(--bleu-principal);
}

hr.separateur-sans-marge {
	margin:0px !important;
} 

/* .mesatouts, .messervicespro, .mestarifs, .messervicespar {
 	gap: 0em !important;
	margin-bottom: 0em !important;
	padding:0px !important;
	width:100%;
	
	max-width:1800px !important;
} */
.mestarifs {
	gap: 0.5em !important;
}

.mesatouts .wp-block-column, .mestarifs .wp-block-column, .messervicespar .wp-block-column {
    background-color: transparent !important;
    /* border-style:solid;
    border-color:#ddd !important; 
    border-width:0px 0px 0px 0px !important; */
    position:relative;
}

.mestarifs .wp-block-column {
    border-style:solid;
    border-color:#ddd !important; 
    border-width:1px 1px 1px 1px !important;
}

.wp-block-column.tarif-favori {
	border-color:var(--bleu-principal) !important; 
}

.messervicespar .wp-block-column .ebpg-grid-post {
	border-right: 1px solid #ddd;
}

ul {
  margin: 0 0 0em 1em;
}

.all-services .eb-post-grid-posts-wrapper {
	gap:0px !important;	
}

.main-navigation ul ul {
	width:500px;
	border:1px solid #ddd;
	padding:0px 20px 20px 20px;
}

.main-navigation ul ul .menu-item {
	height:40px;
}

.mesatouts .wp-block-column .sous-titre, .messervicespar .wp-block-column .sous-titre {
	min-height:80px;
}

.mesatouts .wp-block-column .titre, .messervicespar .wp-block-column .titre {
	min-height:110px;
}

.mestarifs .wp-block-column .titre {
	min-height:150px;
}

.eb-flipbox-container li {
	color:white !important;
}

.eb-post-carousel-wrapper.style-2 .ebpg-carousel-post-holder {
  	background-color: transparent !important;
}

.mesatouts .wp-block-column .wp-block-essential-blocks-flipbox {
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.ebpg-grid-post-excerpt p {
	text-align:justify !important;
}

.ebpg-grid-post {
	background: white;
    padding: 2.5rem;
    border: 2px solid var(--light);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative;
    overflow: hidden;
}
            
.ebpg-grid-post:hover {
	transform: translateY(-8px) !important;
    border-color: var(--blue) !important;
    box-shadow: 0 20px 60px rgba(29, 161, 242, 0.15) !important;
	cursor: pointer !important;
}

.ebpg-grid-post::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: var(--bleu-principal);
    transform: scaleX(0);
    transition: transform 0.4s ease;
}

.ebpg-grid-post:hover::before {
    transform: scaleX(1);
}

.demander-devis:hover, .reserver-cours:hover {
	color : #ffffff !important;
}

.site-header {
	background-color: transparent !important;
    border-style:solid;
    border-color:#ddd !important; 
    border-width:0px 0px 1px 0px !important;
}

.slick-prev, .slick-next {
	top:50px !important;
}

.conseil-colonne {
	padding:0px !important;
}

[class^="eb-advanced-tabs"].eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles li.active, .wp-block-button__link {
  /* background-color: #555 !important; */
}

[class^="eb-advanced-tabs"].eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles li .tab-title-text {
  /* color: #555; */
}

[class^="eb-advanced-tabs"].eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles li.active .tab-title-text {
  color: #fff !important;
}

.eb-advanced-tabs-hzi2z.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles[data-tabs-ul-id="eb-advanced-tabs-hzi2z"] li.active::after,
.eb-advanced-tabs-puibk.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles[data-tabs-ul-id="eb-advanced-tabs-puibk"] li.active::after {
  border-top-color: #555 !important;
 }
 
[class^="eb-advanced-tabs"].eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles li .tabIcon, [class^="gb-element-"] {
	color:#555 !important;
}

[class^="eb-advanced-tabs"].eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles li.active i {
  	color: #fff !important;
}

td, th {
  	border: 1px solid rgba(0,0,0,.1) !important;
}

.wp-block-separator {
  	border-top: 1px solid;
    border-top-color: #ddd;
}

.david {
	cursor:pointer;
}

#wpforms-28124-field_26 {
	display:none !important;
}
#wpforms-28124-field_26-container label[for="wpforms-28124-field_26"] {
	font-size:28px;
}

.gb-element-81087f01 p {
	margin-bottom: 0px !important;	
}

betterdocs-toc-block.betterdocs-table-of-contents-002656u .betterdocs-toc {
	  background-color: #ffffff;
	  padding: 10px;
	  margin: 0px;
	  border-radius: 10px;
	  border-width: 1px;
	  border-color: rgba(170,170,170,1);
	  border-style: solid;
}
.betterdocs-toc .toc-list li {
    display: table;
    font-size: 14px;
    font-weight: 400;
    margin-left: 0;
    margin-right: 0;
}

.betterdocs-toc ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 10px;
}

.vert a {
	color:var(--vert) !important;
}

.bleu a {
	color:var(--bleu-principal) !important;
}

body.section-particuliers .inside-article a {
    color: var(--vert); 
}

body.section-particuliers .ebpg-grid-post::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: var(--vert);
    transform: scaleX(0);
    transition: transform 0.4s;
}

.ebpg-grid-post:hover {
    background-color: var(--bg-light) !important;
}

body.section-particuliers .ebpg-grid-post:hover::before {
    transform: scaleX(1);
}

.mobile-header-navigation .site-logo {
	margin-left:revert !important;
}

.gp-icon svg {
    height: 1.5em;
    width: 1.5em;
}

/* Ajuster la hauteur du header */
#mobile-header .inside-navigation {
    min-height: 90px;
    padding: 20px 20px;
}
    
/* Mobile portrait (jusqu'à 480px) */
@media (max-width: 480px) {
  .is-logo-image {
    max-width: 70px;
    height: auto;
    width: auto;
}

/* Masquer le breadcrumb sur mobile et tablette */
@media (max-width: 1024px) {
    .aioseo-breadcrumbs {
        display: none !important;
    }
}

/* Agrandir le logo mobile */
@media (max-width: 1300px) {
	
	#mobile-header {
	    position: sticky;
    	top: 0;
    	background: var(--bg-white);
    }
    
    .mobile-header-navigation .site-logo.mobile-header-logo img {
        max-width: 70px !important;
	    height: 90px !important;
	    width: auto;
    }
    
    /* Mieux aligner logo + texte */
    #mobile-header .inside-navigation {
        display: flex;
        align-items: center;
    }
}


@media (max-width: 1024px) {
  .container .site-content .content-area {
    width: auto;
  }
}

@media (min-width: 762px) and (max-width:1024px) {
  .container .site-content .content-area {
    width: 100%;
  }
}

@media (max-width: 820px) {
    .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
        padding: 0px 0px 80px 0px !important;
    }
    body.service-site-vitrine .site-content,
    body.service-boutique-e-commerce .site-content,
    body.service-applications-sur-mesure .site-content,
    body.service-prestation-a-la-carte .site-content,
    body.service-conseil-et-accompagnement-global .site-content,
    body.service-maintenance-support .site-content,
    body.service-referencement-seo .site-content,
    body.service-hebergement-securite .site-content,
    body.service-foire-aux-questions .site-content,
    body.service-tarifs-des-services .site-content,
    body.service-demander-un-devis .site-content,
    body.service-methode-agile .site-content,
   	body.service-soutien-scolaire .site-content,
   	body.service-assistance-numerique .site-content,
   	body.service-coaching-scolaire .site-content {
    	padding-left: 20px !important;
    	padding-right: 20px !important;
	}
    
    .eb-feature-list-wrapper .eb-feature-list-items .eb-feature-list-item .eb-feature-list-content-box .eb-feature-list-content {
	    text-align:left !important;
}   
    .sommaire-sans-tags {
    	display:none;
    }
    
    .entry-content .alignwide {
    	margin-left: revert; 
      	width: revert;
    	max-width: revert;
	}
	
    body.page {
    	padding: 0px;
	}

	.main-navigation ul ul .menu-item {
    	height: 100px;
	}
	
	.main-navigation ul ul .menu-item.menu-item-27227 {
		padding-top:40px;
	}
    
    .main-navigation a {
    	font-weight: 600;
    	font-size: revert;
	}
    
    .mestarifs .wp-block-column {
	     margin-left:20px;
	     margin-right:20px;
    }
    
    .mesatouts .wp-block-column .wp-block-essential-blocks-flipbox {
    	border-right: 0px solid #ddd;
	}
    
}

/* 
.eb-post-carousel-wrapper .slick-track {
    width: auto !important;
    display: flex !important;
}

.eb-post-carousel-wrapper .slick-slide {
    flex: 0 0 auto !important;
} */
/* .eb-post-carousel-wrapper {
    max-width: 100vw !important;
    width: 100% !important;
}

.eb-post-carousel-wrapper .slick-list,
.eb-post-carousel-wrapper .slick-track {
    max-width: 100% !important;
}

.eb-post-carousel-wrapper .slick-slide {
    width: auto !important;
    max-width: 100% !important;
} */