/*
Theme Name: Bzzzstrap child
Description: Theme enfant du thème Bzzzstrap.
Template: bzzzstrap
Version: 1.0
Author: Etna studio
Author URI: https://www.etnastudio.eu/
*/



@import url("../bzzzstrap/style.css");


/*
#861010 bordeaux
#40A535 vert fonce
#4cb57a vert clair

texte à lire : titillium web
titre : Aleo
super titre : calendar note tfb
*/

/*
@font-face {font-family: 'arkipelagoregular';
    src: url('font/arkipelago-webfont.woff2') format('woff2'),
         url('font/arkipelago-webfont.woff') format('woff');
         url('font/Arkipelago.otf') format('otf');
    font-weight: normal;
    font-style: normal;}
*/




    @font-face {font-family: 'calendar_note_tfbregular';
    src: url('font/calendar_note_tfb-webfont.woff2') format('woff2'),
         url('font/calendar_note_tfb-webfont.woff') format('woff');
         url('font/calendar_note_tfb.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;}



.grecaptcha-badge {
visibilité: effondrement! important;
}

.serre {max-width: 900px;margin: 0 auto;}

body {font-family: 'Titillium Web', sans-serif;} /* margin-top: 100px; */
h1,h2 {font-family: 'calendar_note_tfbregular', sans-serif;}
h3, h4, h5 {font-weight: bold;}

/* IMAGES RESPONSIVE */
img {max-width: 100%;height: auto;}

.navbar-nav a:active {
	color: #000;
}

.title-gris {color: #47515c;}

body::before {height: 98px;}

#btn-valeurs {color:#861010!important;}
#btn-valeurs:hover {color:#fff!important;}
#btn-tuiles {background:#861010;color: #fff;border: none;}
#btn-tuiles:hover {background: #fff;color: #861010!important;border: 1px solid #861010;font-weight: bold;}

.navbar li {font-size: 1.1em;padding: 0em 0.3em;border-top: 1px solid #eee;}
.navbar li a {color: #666666;}
.navbar-nav a:hover {font-weight: bold;color: #40A535;/* border-bottom: solid 3px #40A535; */}
.navbar-nav a {line-height: normal;padding-top:2em;padding-bottom:2em;}
.navbar-toggler {color: #000!important;}
.navbar-brand {color: #666666;font-size: 1.4em;padding: 0.2em 0.8em;}

.dropdown-menu {background: #fff;}

.home-banner {background-image:url(https://www.jdc-airports.com/2019/wp-content/uploads/2019/01/banner-jdc.png);height: 500px;width: auto;background-size: cover;}
.home-carte {background-image:url(https://www.jdc-airports.com/2019/wp-content/uploads/2019/01/back-carte.png);    background-position: center;min-height: 1000px;max-width: 100%;background-size: cover;}
.la-societe-banner { position: relative; background-image:url(https://jdc-airports.com/2023/wp-content/uploads/2023/07/back-la-societe-5.png);min-height: 600px;max-width: 100%;background-size: cover;}
.la-societe-banner .follow-the-light { position: absolute; bottom: 40px; right: 40px; background-image: url(https://jdc-airports.com/2023/wp-content/uploads/2023/07/follow-the-light.png); height: 109px; width: 235px; }


.les-competences-banner {background-image:url(img/back-les-competences.png);min-height: 600px;max-width: 100%;background-size: cover;}

.home-banner .banner-contain {padding: 2%;width: 500px;margin-left: 3%;padding-top: 3%;color: #fff;overflow: auto;}
.home-carte .banner-contain {max-width: 500px;padding: 2%;color: #fff!important;}
.la-societe-banner .banner-contain,.les-competences-banner .banner-contain {padding: 2%;max-width: 500px;margin-left: 3%;padding-top: 3%;color: #fff;overflow: auto;color: #fff!important;}

.la-societe-banner .banner-contain h1,.les-competences-banner .banner-contain h1{color: #fff!important;}
/* #first-header span {display: none;} */
.home-banner h1 {margin-right: 0.5em;padding:0.5em;color:#fff;margin-left: 5%;font-size: 42px;}

.comp-card {min-width: 100%;border-radius: 5px;font-weight: lighter;font-style: italic;}
.comp-card .tn {min-width: 50px;min-height: 50px;padding-bottom: 100%;background-size: cover;background-position: center center;}
.content-comp {display: none;}

.back-vert {background:#4cb57a;border-radius: 5px;padding: 5%;color: #fff;height:max-content;}

/*
#competences-techniques, .CTA, .bg-white  {background: #fff;}
#competences-techniques .card:hover {background:#861010;}
#competences-techniques .card:hover h6 {color: #fff;}
*/

.col-md-4 .card {min-height: 100%;border: none;background: #F7F7F7;}

.CTA {min-height: 170px;}
.CTA a:hover {text-decoration: none;}
.btn-cta {min-height: 170px;color:#fff!important;background:#40A535;}
.CTA .col-md-10 h3 {color: #535353;font-weight: 300;text-align: center;}
.btn-cta h5 {color: #fff;}

footer {background-color: #f0f5f7;}


.vid {position:relative;height:450px;overflow: hidden;background:url(img/bg-jdc.png) no-repeat center center; background-size: cover;z-index: -1;}
.vid video {min-width: 100%;min-height: 100%;position: fixed;top: 20%;left: 50%;transform: translate(-50%, -20%);position: absolute;}
.overlay {background:url(img/test-lignes8.png);position: absolute;top:550px;left:40;width:70%;height:24%;opacity: 0.5;}    /* top: 550PX */
#slogan-mobile {visibility: hidden;}
#slogan, #slogan-mobile {position: absolute;bottom: 0%;left:5%;color: white;background: rgba(0, 0, 0, 0.5);padding: 1em;border-radius: 5px;}
#slogan-title {position: absolute;bottom: 30%;left:28%;transform: translateX(-50%);color: white;}


/* TUILES */

#tuiles .card-container {
  padding-bottom:100%;
  position: relative;
  -webkit-perspective: 800px;
  -ms-perspective: 800px;
  perspective: 800px;
  border-radius: 10px;
  margin-top:30px;
}
#tuiles .card {
  width:100%;
  height: 100%;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border-radius: 10px;
  cursor: pointer;
  background-color:transparent;
}
#tuiles .card div {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 10px;
  background: #4cb57a;
  -webkit-font-smoothing: antialiased;
}
#tuiles .card .front {text-align: center;background: white;padding-top: 20px;}
#tuiles .card .front img {max-width: 60%;height: auto;vertical-align: super;}
#tuiles .card .back {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
#tuiles .card.flipped {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
#tuiles .back h5, #tuiles .back p {color: white;}
#tuiles .card:hover,#tuiles .card:focus,#tuiles .card:active {box-shadow: 0 0px 16px rgba(0,0,0,0.15);}
/* end tuiles */


/* Logos clients - home */
.bx-wrapper {max-width: 100%!important;border: 10px solid white;}
.bx-wrapper .bx-viewport {height: 100px !important;width: fit-content!important;}
.bx-wrapper li {margin-top: -16px !important;margin-right: -45px;}
.bx-wrapper li img {width: 65%;}

/* .bx-viewport {overflow: visible!important;} */

/* Video de presentation */

#container-video-pres {max-width: 700px;}
#container-video-pres #video-pres {border: 1px solid #eee;-webkit-box-shadow: 5px 5px 12px 1px rgba(221,221,221,1);-moz-box-shadow: 5px 5px 12px 1px rgba(221,221,221,1);box-shadow: 5px 5px 12px 1px rgba(221,221,221,1);width: 100%!important;height: auto!important;}
#container-video-pres .video-effect {position: relative;}
#container-video-pres .video-effect img {position: absolute;width: 100%;height: auto;top:0;left:0;z-index: 99;border: 1px solid #eee;}

.wp-image-401,.gallery-item img  {max-width: 100%;height: auto;}

footer .col-md:not(:first-child) h5 {margin-top: 2em;}


.table td {text-align: right;}
.table thead th:not(:first-child) {text-align: right!important;}
.table thead th {vertical-align: middle!important;border-bottom: none;}

.table tr:not(:first-child) {background: #d2ecdd;}
.table thead {background:#4cb579!important;color: #fff;}
.table-striped tbody tr:nth-of-type(odd) {background: #edf7f1;}

.table td, .table th {border-top: none;}
.table tbody tr th {font-weight: normal!important;}


.nos-references ul li {list-style-type: none;}
.nos-references ul {padding-left: 1em;}
.back-references,.vehicules,.back-contact,.back-nous-rejoindre {background-color:#47515c;}
.columns-nos-references {column-count: 4;column-gap: 40px;column-width: 100px;column-height:280px;color: #fff!important;}
.columns-nos-references h5 {color: #fff;}

.navbar .bzzz-searchform {display: none;}
.navbar .bzzz-searchform .input-group-addon {background: none;color: #fff;}
.navbar .bzzz-searchform input {background: none;color: #fff;}

.navbar .bzzz-search {font-size: 14px;}
.navbar .bzzz-search .form-control {background: none;border: none;color: #fff!important;}
.navbar .bzzz-search ::placeholder {color: #fff;}

.columns-contact {column-count: 2;column-gap: 40px;column-width: 100px;column-height:80px;}
.back-contact,.back-contact h4,.back-nous-rejoindre,.back-nous-rejoindre h4 {color: #fff;}
.back-contact .btn-custom,.back-nous-rejoindre .btn-custom{background:#861010;float: right;max-width: 104px;}

.banner-contain {background-color:rgba(35, 44, 57, 0.70);}

/* Gallery Wordpress Hack */
/*
.gallery-item {width: auto!important;}
.gallery br {display: none;}
*/


.gallery {justify-content: flex-start;}
.foogallery.fg-light.fg-shadow-outline .fg-item-inner {box-shadow: none!important;}

#menu-widget-mentions-diverses,#menu-widget-mentions-diverses-en,#menu-widget-mentions-diverses-nl {list-style-type: none;padding: 0em;line-height: 2em;}
.dropdown-menu.show {display: -webkit-inline-box;}
.lang-item {min-width:33%;}
.dropdown-menu.show {border: none;margin: 0 auto;width: 100%;}

@media (min-width:768px) {
		body::before {height: 140px;}
		.navbar .bzzz-searchform {display: block;}
		#first-header {background-color:#2f2f2f;min-height: 42px;padding: 0 1rem;position:fixed;}
		#first-header a,#first-header a:active,#first-header a:visited,#first-header a:focus {color: #ffffff;}
		#first-header .form-control, #first-header .input-group-addon {border: none; padding: .2rem .5rem;}
		.admin-bar .navbar.fixed-top {top: 27px;}
		#mainnav {top:42px;}
		.admin-bar #mainnav {top:63px;}
		#slogan, #slogan-mobile {max-width: 700px;}
		.CTA {min-height: 270px;} /* margin-top: 2em; */
		.btn-cta {min-height: 270px;}
		footer hr {display: none;}


/*
		.bxslider li img {width: 250px;}
		.bx-wrapper li img {width: 80%;}
		.bx-wrapper li {margin-right: -10px;}
		.bxslider {margin-bottom: 5em;}
*/
}


@media only screen and (min-width: 992px) {
	.card .tn {padding-bottom: 50%;}
	.navbar-expand-lg .navbar-nav #menu-item-1195 .dropdown-menu,
	.navbar-expand-lg .navbar-nav #menu-item-1196 .dropdown-menu,
	.navbar-expand-lg .navbar-nav #menu-item-1194 .dropdown-menu
	 {left: -7em;padding: 0em;min-width: 12rem!important;}
	.lang-item a {padding: 1em!important;}
	.dropdown-menu.show {display: -webkit-inline-box;}


}

/* Media queries */
@media only screen and (max-width: 480px) {
	.vid video {display: none;}
	footer {padding: 0px;}
	.vid {min-height: calc(100vh - 80px);}
	.les-competences-banner {background-position-x: -70%;}
	.la-societe-banner {background-position-x: -60%;}

	.la-societe-banner {
		padding-bottom: 200px;
	}
/* 	.bxslider {width: 100%!important;} */
}

@media only screen and (max-width: 320px) {
	.vid {min-height: calc(100vh);}
	.vid h1 {font-size: 2.2em;}
	.les-competences-banner {background-position-x: -63%;}
	.la-societe-banner {background-position-x: -55%;}
}

@media only screen and (max-width: 768px) {
	#slogan {width: 90%;}/* font-size: 14px; */
	#slogan-mobile {visibility: visible;text-align: center;width: 90%;bottom: 5%;}
	.intro-references, #intro-contact {margin-left: 0px!important;padding-left: 0px!important;}

	}

@media only screen and (max-width: 992px) {
	.vid video {display: none;}
	.navbar-nav a {padding-bottom: 1em;padding-top: 1em;}
}