/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

body {background-color:#0f172a}
#main-container {background-color:#ffffff}

.error404 .site-main,
.archive .site-main {margin-top:-200px}

.elementor .content-block .elementor-widget-image img {
	display:block;
	width:100%;
	max-width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
}

.rank-math-breadcrumb > p {
	font-size:14px;
	font-weight:400;
	margin-bottom:15px;
}
.rank-math-breadcrumb p > a {
	color:#ffffff;
	-webkit-transition:color ease-in-out .3s;
	-o-transition:color ease-in-out .3s;
	transition:color ease-in-out .3s;
}
.rank-math-breadcrumb p > a:hover {color:#A1A7D5}
.rank-math-breadcrumb p > span:not(.separator) {color:#A1A7D5}
.rank-math-breadcrumb p > span {color:#ffffff}

.frm-fluent-form fieldset .ff_submit_btn_wrapper {margin-bottom:0}
.fluentform .ff-message-success {
	margin-top:0;
	border-radius:6px;
}
.fluentform .ff-message-success > p {margin-bottom:0}

@media screen and (max-width:767px) {
	.rank-math-breadcrumb {display:none}
	
	.error404 .site-main,
	.archive .site-main {margin-top:-100px}
}

/** Google reviews **/
.google-reviews .content-google_reviews {padding-left:calc(18% - 95px)}
.google-reviews .content-google_reviews .content-block .google-shortcode .ti-widget-container {margin:0 auto}
.google-reviews .content-google_reviews .content-block .google-shortcode .ti-widget-container .ti-reviews-container-wrapper {padding:0!important}

@media screen and (max-width:1920px) {
	.google-reviews .content-google_reviews {padding-left:calc(20% - 95px)}
}

@media screen and (max-width:1680px) {
	.google-reviews .content-google_reviews {padding-left:calc(10% - 67px)}
}

/****************************
HEADER
****************************/

@media (min-width:767px) {
	[data-device="desktop"] [data-sticky] {
    	position:relative!important;
    	-webkit-transform:none!important;
    	-ms-transform:none!important;
    	transform:none!important;
	}

	[data-device="desktop"] [data-row="top"] {
    	position:fixed!important;
    	top:0;
    	left:0;
    	width:100%;
    	z-index:9999;
	}
	
	[data-device="desktop"] [data-row="middle"]{
    	position:relative;
		margin-top:50px;
	}
}

@media screen and (max-width:767px) {
	#offcanvas .ct-panel-content-inner {
		overflow-x:hidden;
		padding:50px 0;
	}
	
	.mobile-menu ul li,
	.mobile-menu ul li.dropdown-active span.ct-sub-menu-parent {border-bottom:1px solid #A1A7D5}
	
	.mobile-menu ul li  a {
		font-size:14px;
		padding-left:15px!important;
	}
	
	.mobile-menu [class*="children"] > ul {
		padding-left:0!important;
		background:#3F4797!important;
	}
	.mobile-menu [class*="children"] > ul li a {
		font-size:14px;
		padding-left:20px!important;
	}
	
	.mobile-menu .ct-toggle-dropdown-mobile {
		background:#3F4797!important;
		--toggle-button-size:60px!important;
	}
	
	.mobile-menu ul li.menu-mobile_tel {background:#3F4797!important}
}

/****************************
MAIN
****************************/

.content-entretien .entretien-grid .entretien-grid_item span > .title-exp {
	color:#2FA0DB;
	font-size:52px;
}

@media screen and (max-width:767px) {
	.content-entretien .entretien-grid .entretien-grid_item span > .title-exp {font-size:38px}
}

/****************************
SOLUTIONS
****************************/

.card-conseil {position:relative}
.card-conseil::after {
	content:"";
    position:absolute;
    left:0;
	top:0;
	width:100%;
	padding-top:85%;
	max-width:420px;
    max-height:280px;
    background-position:0 100%;
    background-repeat:no-repeat;
    background-size:100% auto;
	background-image:url('https://groupe-marc.fr/wp-content/uploads/2026/02/motif-light-blue.svg');
	opacity:.6;
}


/****************************
REALISATIONS
****************************/

/** Réalisations Bloc page **/
.realisations .content-realisations .e-con-inner {
	position:relative;
	left:2vw;
  	-webkit-transform:translateX(-2vw);
  	-ms-transform:translateX(-2vw);
  	transform:translateX(-2vw);
	max-width:calc(1798px - 2vw);
	margin:0 auto 0 0;
}

.realisations .content-realisations .e-con-inner .realisations-widget {
	-webkit-transform:translateY(100px);
	-ms-transform:translateY(100px);
	transform:translateY(100px)
}

@media screen and (max-width:1920px) {
	.realisations .content-realisations .e-con-inner {
		position: relative;
  		left:2vw;
  		-webkit-transform:translateX(-2vw);
  		-ms-transform:translateX(-2vw);
  		transform:translateX(-2vw);
		max-width:calc(1536px - 2vw);
  		margin:0 auto 0 0;
	}
}

@media screen and (max-width:767px) {
	.realisations .content-realisations .e-con-inner .realisations-widget {
		-webkit-transform:translateY(80px);
		-ms-transform:translateY(80px);
		transform:translateY(80px)
	}
}

/** Réalisations Slider **/
.realisations-swiper {position:relative}
.realisations-swiper .swiper-wrapper {-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.realisations-swiper .slider-realisations_item {
	width:calc((100% - 20px) / 2);
	background:#232149;
	border-radius:12px;
	overflow:hidden;
	height:auto;
}

.realisations-swiper .slider-realisations_item .boundless-image {position:relative}
.realisations-swiper .slider-realisations_item .boundless-image::after {
	content:"";
    position:absolute;
    left: 0;
	top:0;
	padding-top:65%;
    width:65%;
    max-width:620px;
    max-height:620px;
    background-position:0 100%;
    background-repeat:no-repeat;
    background-size:100% auto;
	background-image:url('https://groupe-marc.fr/wp-content/uploads/2026/02/motif-dark-blue.svg');
	opacity:.6;
}

.realisations-swiper .slider-realisations_item .content-slide_realisations {padding:30px 20px}
.realisations-swiper .slider-realisations_item .content-slide_realisations > ul.entry-meta {margin-bottom:15px}
.realisations-swiper .slider-realisations_item .content-slide_realisations > ul.entry-meta li a {color:#A1A7D5}
.realisations-swiper .slider-realisations_item .content-slide_realisations > h3 a {
	color:#ffffff;
	-webkit-transition:color ease-in-out .1s;
	-o-transition:color ease-in-out .1s;
	transition:color ease-in-out .1s;
}
.realisations-swiper .slider-realisations_item .content-slide_realisations > h3 a:hover {color:#A1A7D5}
.realisations-swiper .slider-realisations_item .content-slide_realisations > .entry-excerpt {
	color:#ffffff;
	margin-bottom:30px;
}

.slider-header .swiper-button-prev,
.slider-header .swiper-button-next {
    top:-70px;
    right:0px;
    left:auto;
    width:50px;
    height:50px;
    margin:0;
    border-radius:50%;
    background:#3F4797;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#ffffff;
    -webkit-transition:all ease-in-out .1s;
    -o-transition:all ease-in-out .1s;
    transition:all ease-in-out .1s;
    z-index:10;
}
.slider-header .swiper-button-prev {right:58px}
.realisations-swiper .swiper-button-next {right:0px}

.slider-header .swiper-button-prev:hover,
.slider-header .swiper-button-next:hover {background:#2FA0DB}

.slider-realisations-widget .slider-header .swiper-button-prev > svg,
.slider-realisations-widget .slider-header .swiper-button-next > svg {
	width:20px;
	height:20px;
	fill:#ffffff;
}

.slider-header .swiper-button-prev::after, 
.slider-header .swiper-button-next::after {content:none}

@media screen and (max-width:1200px) {
	.realisations-swiper .slider-realisations_item {width:100%}
}

/** Réalisations - Archive **/
.post-type-archive-realisation .entry-card .boundless-image {position:relative}
.post-type-archive-realisation .entry-card .boundless-image::after {
	content:"";
    position:absolute;
    left: 0;
	top:0;
	padding-top:65%;
    width:65%;
    max-width:620px;
    max-height:620px;
    background-position:0 100%;
    background-repeat:no-repeat;
    background-size:100% auto;
	background-image:url('https://groupe-marc.fr/wp-content/uploads/2026/02/motif-dark-blue.svg');
	opacity:.6;
}

/** Réalisations - Fiche réalisation **/
.single-realisation #heading-realisation h1,
.single-realisation #heading-realisation .realisation-excerpt p {color:#ffffff}
.single-realisation #heading-realisation .realisation-excerpt p {margin-bottom:0}

.single-realisation #heading-realisation .col-right .elementor-shortcode,
.single-realisation #heading-realisation .col-right .elementor-shortcode .realisation-thumbnail {height:100%}
.single-realisation #heading-realisation .col-right .realisation-thumbnail > img {
	display:block;
	width:100%;
	max-width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
}

.single-realisation #gallery-realisation .realisation-fancybox-wrapper {
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 15px 1fr 15px 1fr;
    grid-template-columns:repeat(3, 1fr);
    gap:15px;
}

.single-realisation #gallery-realisation .realisation-fancybox-wrapper .realisation-thumb {
    width:100%;
    aspect-ratio:4/3;
    overflow:hidden;
	border-radius:12px;
}

.single-realisation #gallery-realisation .realisation-fancybox-wrapper .realisation-thumb > img {
    width:100%;
    height:100%!important;
    -o-object-fit:cover;
    object-fit:cover;
    display:block;
	background:#A1A7D5;
	-webkit-transition:all ease-in-out .3s;
	-o-transition:all ease-in-out .3s;
	transition:all ease-in-out .3s;
}

.single-realisation #gallery-realisation .realisation-fancybox-wrapper .realisation-thumb:hover > img {
	opacity:.4;
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}

/** Réalisations - Fiche réalisation - FancyBox **/
.fancybox__progress {background:#A1A7D5!important}
.fancybox__thumbs .carousel__viewport .carousel__track .carousel__slide.is-selected .fancybox__thumb::after {border-color:#A1A7D5}

@media screen and (max-width:767px) {
	.single-realisation #gallery-realisation .realisation-fancybox-wrapper {
		-ms-grid-columns:(1fr)[2];
		grid-template-columns:repeat(2,1fr)
	}
}


/****************************
FOOTER
****************************/