/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra*/

/* NEW CSS */

@media screen and (min-width: 1486px) {

/* custom nous contacter */

.pictel .dashicons {
    width: 22px;
    height: 22px;
}

.pictel:after {
    content: "24h/24 - 7j/7";
    color: #fff;
    font-weight: 600;
    line-height: 1em;
    margin-left: 52px;
    font-size: 12px;
    letter-spacing: 1.2px;
    opacity: .9;
}

span.menu-image-title-after.menu-image-title {
    font-weight: 600;
    letter-spacing: 0.3px;
	font-size : 14px !important;
}

span.menu-image-title-after.menu-image-title:after {
    content: "";
    height: 50px;
    width: 100%;
    background-color: transparent;
    display: block;
    margin-bottom: 2px;
	position: absolute;
    top: 0;
    left: 0;
	z-index : 1000;
}

svg.svg-inline--fa.fa-phone.after-menu-image-icons.dashicons {
    position: absolute;
    left: 10px;
    top: 11px;
}

li#menu-item-3087:hover, li.pictel.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-3087:hover {
	cursor : pointer;
}

.pictel.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-3087:hover .menu-link {
background : transparent !important;
}

#menu-item-3087:hover {
background : #E11B14 !important;
}

.pictel.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-3087:hover {
background : #E11B14 !important;
}

.site-footer-section-2 .pictel.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-3087:hover  {
background : transparent !important;
}

#menu-item-3087:hover .menu-link {
background : transparent !important;
}
	}
/* fin custom nous contacter */


.mention-form {
	font-size : 12px !important;
	line-height : 1.2em;
	font-weight : 300 !important;
}

.hidden {
    display: none !important;
} 

.home span.uagb-ifb-title-prefix:before {
    content: "— New Protect Service";
    display: block;
    font-size: 24px;
    margin-bottom: -14px;
}

.patch-prefix strong {
    vertical-align: text-bottom;
}

ul#astra-footer-menu {
    font-weight: 500;
}

.reason-photo img {
  box-shadow: 0 22px 45px rgba(0,0,0,0.18) !important;
  filter: contrast(1.04) saturate(0.92) !important;
}

.cta-card-dark {
  background: #171717;
  box-shadow: 0 24px 50px rgba(0,0,0,0.22);
  position: relative;
  overflow: hidden;
}

.cta-card-dark::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: #d80f0f;
}

/* Carte prestation */
.nps-prestation-card {
  position: relative;
  overflow: hidden;
  min-height: 260px;
  box-shadow: 0 18px 35px rgba(0,0,0,0.14) !important;
}

/* Image */
.nps-prestation-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease, filter .35s ease;
}

/* Voile sombre pour améliorer la lisibilité du titre */
.nps-prestation-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.42) 0%,
    rgba(0,0,0,0.08) 42%,
    rgba(0,0,0,0.18) 100%
  );
  pointer-events: none;
	 border-radius: 4px !important;
}

.nps-prestation-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.42) 0%,
    rgba(0,0,0,0.08) 42%,
    rgba(0,0,0,0.18) 100%
  );
  pointer-events: none;
  transition: opacity 0.35s ease;
}

.nps-prestation-card:hover::after {
  opacity: 0;
}


.metier-hover h3.uagb-heading-text {
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.metier-hover:hover h3.uagb-heading-text {
  transform: translateY(-4px);
}

.metier-hover h3.uagb-heading-text {
    z-index: 1;
}


/* HERO PHOTO */

.hero-photo {
  position: relative;
  display: inline-block;
  transform: translateY(35px);
	  max-width: 680px;
	 border-radius: 4px !important;
}

.hero-photo::before {
  content: "";
  position: absolute;
  inset: -4px;
  background: rgba(18,18,18,0.42);
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 22px 45px rgba(0,0,0,0.32);
  z-index: -1;
border-radius: 4px !important;
}

.hero-photo img {
  display: block;
  width: 100%;

}



/* =========================================================
   CARTES SECTEURS - STYLE UNIQUEMENT
   Le layout en 3 colonnes est géré dans Astra/Spectra
========================================================= */

/* Chaque carte secteur */
.secteurs-cards > .wp-block-uagb-container {
  padding: 24px 26px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.07);
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

/* Hover carte */
.secteurs-cards > .wp-block-uagb-container:hover {
  transform: translateY(-4px);
  border-color: rgba(216,15,15,0.22);
  box-shadow: 0 18px 42px rgba(0,0,0,0.10);
}

/* Image */
.secteurs-cards .wp-block-uagb-image {
  margin: 0 !important;
}

.secteurs-cards .wp-block-uagb-image__figure {
  margin: 0 !important;
}

.secteurs-cards .wp-block-uagb-image img {
  width: 82px !important;
  height: 82px !important;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  border: 3px solid #ffffff;
  box-shadow: 0 8px 22px rgba(0,0,0,0.14);
  transition: transform 0.28s ease, filter 0.28s ease;
}

/* Hover image */
.secteurs-cards > .wp-block-uagb-container:hover .wp-block-uagb-image img {
  transform: scale(1.04);
  filter: brightness(1.05) contrast(1.04);
}

/* Titre */
.secteurs-cards .uagb-ifb-title-wrap {
  margin-bottom: 0 !important;
}

.secteurs-cards .uagb-ifb-title {
  font-family: "Anton", sans-serif;
  font-size: 24px;
  line-height: 1.05;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  color: #171717;
  transition: color 0.28s ease, transform 0.28s ease;
}

/* Hover titre */
.secteurs-cards > .wp-block-uagb-container:hover .uagb-ifb-title {
  color: #d80f0f;
  transform: translateY(-2px);
}

/* Description */
.secteurs-cards .uagb-ifb-desc {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 15px;
  line-height: 1.62;
  font-weight: 300;
  color: #4f4f4f;
  margin: 0;
}

ul.sub-menu a.menu-link {
    color: #1C1B1B !important;
}

ul.sub-menu a.menu-link:hover {
    color: #C00802 !important;
}

.ast-sticky-main-shrink .ast-sticky-shrunk .main-header-bar {
    line-height: 25px !important;
}

/* =========================
   CARROUSEL LOGOS SPECTRA
   version propre avec classe perso
   ========================= */

.logos-carousel .spectra-image-gallery__media-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 110px;
  padding: 10px 18px;
  box-sizing: border-box;
}

.logos-carousel .spectra-image-gallery__media--carousel{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.logos-carousel .spectra-image-gallery__media--carousel picture{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.logos-carousel .spectra-image-gallery__media-thumbnail--carousel{
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
	max-height: 80px;
  object-fit: contain;
  margin: 0 auto;
}

.cadre figure:after {
    content: "";
    width: 100%;
    height: 100%;
    background: transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    border: solid 12px #fff;
}


.titre-metier h3 {
    position: relative;
    padding-left: 32px; /* espace pour le bullet */
    margin: 0;
}

.titre-metier h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em; /* ajuste selon ta typo */

    width: 18px;
    height: 18px;
    background: #ffffff;
    border: solid 4px #c00802;
    border-radius: 999px;

    transform: translateY(-50%);
}


.plus-chantier h3:after, .plus-tertiaire h3:after, .plus-event h3:after {
    content: "";
    width: 11%;
    height: 3px;
    background: #c00802;
    display: block;
		margin-top : 2px
}

.plus-hotel h3:after, .plus-gd h3:after, .plus-collec h3:after {
    content: "";
    width: 11%;
    height: 3px;
    background: var(--ast-global-color-2);
    display: block;
	margin-top : 2px
}


.plus-luxe h3:after {
    content: "";
    width: 11%;
    height: 3px;
    background: #d6a700;
    display: block;
		margin-top : 2px
}

/*
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  border: 8px solid #26336A; 
  pointer-events: none; 
  z-index: 9999; 
}
*/

.nostylehref a, a.nostylehref {
	text-decoration : none !important;
	color : #1f0a0c;
}

.listel.permanence {
  display: none;
}

ul#astra-footer-menu svg.svg-inline--fa.fa-phone.after-menu-image-icons.dashicons {
    display: none !important;
}


.formcontact .gform-theme--foundation .gform_fields {
 row-gap: 20px !important;
}

.formcontact label.gform-field-label.gform-field-label--type-sub, .formcontact  div#gfield_description_2_3 {
    line-height: 0.5px;
    padding-bottom: 7px;
}

.gform_heading h2 {
    color: #c00802;
}

.list-dmdevis span.uagb-icon-list__label {
    color: #1f0a0c !important;
	font-size : 24px !important;
}

h2.gform_title {
    text-align: center !important;
	font-size : 2em;
}

.gform_required_legend {
  display: none;
}

#ast-fixed-header {
  background: #1C1B1B;
}

#gform_2 input {
height: 40px;
}


 #gform_2 #input_2_9 {
height: 40px;
}

.listel strong {
	font-size : 1.2em !important;
}

.footer-nav-wrap .ast-icon.icon-arrow {
  display: none;
}

.custom-added-text {
  background: #eeeeee8a;
  padding: 15px;
}

.etiquette-secteur .wp-block-uagb-icon-list-child {
	// background : #1f0a0c;
	// background : #c00802;
	padding : 5px 15px;
	margin-bottom : 8px;
	border : solid 2px #1f0a0c;
	border-radius : 50px;
	margin-left : 0px !important;
}

.etiquette-secteur .wp-block-uagb-icon-list-child span {
	color : #1f0a0c;
	font-size : .8em;
	text-transform : uppercase;
	// font-weight : bold;
}

.etiquette-secteur .uagb-icon-list__wrap {
	display : initial !important;
}

.wp-block-uagb-container.dmequal {
    margin-left: auto;
    margin-right: auto;
    display: inline-block !important;
}



.cta-expert{
	display : none !important;
}

span.site-title {
    font-size: 12px !important;
    color: #ffffffc4 !important;
    letter-spacing: .5px;
}

.prestaslist li {
  list-style-type: none;
  line-height: 2em;
}

.prestaslist {
  margin-left: 0;
}



.colges {
    margin-top: -35px !important;
}


.foolink {
  display: inline-flex;
}

.foolink a {
  color: #fff !important;
}

.fooml, .foopc {
	margin : 0px 10px;
}

.uagb-marketing-btn__link.wp-block-button__link {
  width: 100% !important;
}

.gform_footer.top_label {
  float: right;

}

#gform_submit_button_1, #gform_submit_button_2 {
	background : #1f0a0c;
}


.site-below-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-3-equal.ast-builder-grid-row-tablet-3-equal.ast-builder-grid-row-mobile-full.ast-footer-row-inline.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack {
 // z-index: 1;
 // position: relative;
}


span.souligner {
   border-bottom: solid 4px #c00802;
    line-height: 1.2em;
}


.claimpk {
  position: fixed;
  top: 0;
  right: 0;
  width: 90px;
  transition: width 0.5s ease-in-out; /* Appliquer la transition sur width */
  cursor: pointer;
	z-index : 100;
}

.claimpk:hover {
  width: 150px; /* Largeur augmentée au survol */
}

.mention-cnaps {
	display : flex;
	margin-top : 25px;
	margin-bottom : 50px;
}

.mention-cnaps figure {
width: 230px;
	margin-top: -10px;
}

.cnaps {
    width: 40px !important;
}

.mention {
	font-style : italic;
}

a.menu-link {
	text-transform : uppercase;
	font-size : 14.5px;
}

button.telheader {
  display: inline-flex;
  padding: 9px 18px 1px 18px;
  font-size: 1em;
	 background : inherit;
	border-color : inherit;
	color : inherit;
}

button.telheader:hover, button.telheader:active {
 background : #c00802;
	border-color : #c00802;
	color : #fff;
}

.telheader:focus {
 background : inherit;
	border-color : inherit;
	color : inherit;
}


.wp-image-1536 {
  margin-top: -150px;
}

.site-footer .svg-inline--fa.fa-phone.after-menu-image-icons.dashicons.fa-2x {
display : none;
}

.site-footer .menu-image-title-after.menu-image-title {
padding-left : 0;
}

#masthead #menu-item-3087, #masthead .pictel.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-3087 {
  background: #c00802;
padding: 0px 8px 6px 8px;
	border-radius : 50px;
 margin-left : 10px;
	border: 3px solid #f4f1f1;
}

#masthead #menu-item-3087 a, #masthead .pictel.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-3087 a {
color : #fff;
	text-transform : uppercase;
}

#masthead .pictel.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-3087 a:hover {
	color : #fff;
}


@media screen and (max-width: 1484px) {
	
a.menu-link {
    background: transparent !important;
	border-color: transparent !important;
}
	
	#masthead .pictel.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-3087 {
padding: 5px 8px 3px 8px;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 285px !important;
		margin-bottom : 15px !important;
}
	ul#ast-hf-mobile-menu {
    text-align: center;
}
	svg.svg-inline--fa.fa-phone.after-menu-image-icons.dashicons.fa-2x {
    vertical-align: middle;
}
}

@media screen and (max-width: 521px) {
	
}