/* ===================================================================================

* Theme Name: Geoport Child
* Theme URI: https://themeforest.net/user/johanspond
* Description: Geoport is powerful and modern transport and cargo logistics WordPress theme.
* Version: 1.0.0
* Author: Johanspond
* Author URI: http://pluginspoint.com/
* Template: geoport
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

#cmplz-document,
.editor-styles-wrapper .cmplz-unlinked-mode {
	max-width: 100% !important;
}

#yt-bg {
  pointer-events: none; /* empêche tout clic/hover sur le player */
}

/* ou un wrapper qui couvre l'iframe */
.hero-video-wrapper {
  position: relative;
  overflow: hidden;
}
.hero-video-wrapper::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2; /* au-dessus de l'iframe */
}

body .sticky-header .mean-container a.meanmenu-reveal span {
	background: white !important;
}

body .sticky-header .mean-container a.meanmenu-reveal {
	border: 1px solid white !important;
}

.container-chiffres {
	position: relative;
}

.container-chiffres .wrapper-counter {
	width: 280px;
	background-color: #6DCFF6;
	padding: 0 25px 25px;
	position: absolute;
    right: 2vw;
    top: -10vw;
	z-index: 1;
}

.container-chiffres .wrapper-counter .chiffres {
	font-size: 46px;
	font-weight: 700;
	padding-bottom: 10px;
	padding-top: 30px;
}

.main-menu ul li > .submenu li.current-menu-item a {
	color: #007AC9 !important;
}

.wrapper-counters .elementor-counter-number-suffix {
    right: -85px !important;
    font-size: 86px !important;
    top: 0px;
}

.wrapper-counters .elementor-counter-number-prefix {
	left: -60px !important;
    font-size: 86px !important;
    top: 0px;
}

.geoport-counter::before {
	content: none !important;
}

main li {
	list-style-position: outside;
}

.main-menu ul li > .submenu li {
	border-top: none !important;
}

.main-menu ul li > .submenu li a {
	padding: 6px 10px 6px 25px !important;
}



/* .elementor-widget-container ul {
	padding-left: 20px;
} */

.geoport-button-wrapper .geoport-btn.btn i {
	display: none !important;
}

.far {
	font-family: "Font Awesome 5 Pro" !important;
}

.btn {
	text-transform: inherit !important;
}

.main-menu ul li > .submenu {
	min-width: 245px !important;
}

.main-menu ul li > .submenu li a {
	position: relative;
}

.main-menu ul li > .submenu li:hover a {
	color: #007AC9 !important;
}

.main-menu ul li > .submenu li a:before {
content: "";
    position: absolute;
    top: 50%;
    left: 7px;
    width: 10px;
    height: 2px;
    background-color: #007AC9;
}

.main-menu ul li > .submenu {
	padding-top: 6px;
    padding-bottom: 10px;
    padding-left: 6px;
}

.main-menu ul li > .submenu li a {
	color: black !important;
	font-weight: 600;
}

h4 {
    color: black;    
}

/* LAYER DEGRADE HERO ACCUEIL */
.slider-bg::before {
  background: linear-gradient(to top, rgba(0, 14, 48, 0), rgba(0, 14, 48, 0)) !important;
}

/* VIDEO HERO ACCUEIL ======================== */
/* La section elle-même devient le contexte de positionnement */
#hero-video {
  position: relative !important;
  overflow: hidden !important;
}

/* Le wrapper prend ses dimensions du parent via position absolute */
#yt-bg-wrapper {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

/* #yt-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 177.78vh;
  height: 56.25vw;
  min-width: 100%;
  min-height: 100%;
  border: 0;
} */

#yt-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-width: calc(100vh * 16 / 9);
  min-height: calc(100vw * 9 / 16);
}

#yt-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
}

#hero-video .elementor-widget-wrap {
  position: relative !important;
  z-index: 2;
}

/* Fallback mobile — cache la vidéo sur petit écran */
@media (max-width: 767px) {
  #yt-bg-wrapper {
    display: none;
  }
  #hero-video {
    background-image: url('/wp/wp-content/uploads/2026/04/bg-hero-mobile.jpg') !important;
    background-size: cover;
    background-position: center;
  }
}

/* FIN VIDEO HERO ACCUEIL ========================*/



.header-btn:hover,
.header-action .header-btn .btn.transparent-btn:hover {
    box-shadow: 0px 8px 16px 0px rgba(0, 106, 174, 0.4) !important;
}

.btn.orange-btn {
    box-shadow: 0px 16px 16px 0px rgba(0, 122, 201, 0.2);
}

.c-form-group select {
    padding-left: 30px !important;
    font-size: 14px !important;
}

.c-form-group input[type="email"] {
    padding: 10px 35px !important;
}    

.main-menu ul li.menu-item-has-children > a::before {
    content: "";
    background-image: url(/wp/wp-content/uploads/2025/06/chevron-down-white.svg);
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    right: 3px;
}

.services-bg-linear {
    background: #EBEBEB;
    background: linear-gradient(180deg,rgba(235, 235, 235, 1) 90%, rgba(235, 235, 235, 1) 90%, rgba(255, 255, 255, 1) 90%);
}

.e-form__indicators__indicator.e-form__indicators__indicator--state-completed .e-form__indicators__indicator__number.e-form__indicators__indicator--shape-circle {
    color: white;
}

.wprocess-list-num span::after {
    z-index: 1;
    border: 4px solid #d7ebff;
}

.dot-pourquoi-nous-choisir li {
    pointer-events: none !important;
}

.fix-ul ul {
    padding-left: 20px;
}

.fix-ul ul li {
    list-style-position: initial;
}    

.tab-content .tab-pane {
    height: 100%;
    padding: 50px !important;
}

/* === WRAPPER TEMP START ================= */
.wrapper-tab-remorques {
    display: flex;
    align-items: center;
}

.wrapper-tab-remorques .content-left,
.wrapper-tab-remorques .content-right {
    width: 50%;
}

.wrapper-tab-remorques .content-left {
    padding-right: 50px;
}

.wrapper-tab-remorques ul {
    padding-left: 20px !important;
}

/* === WRAPPER TEMP 2 START ================= */
.wrapper-tab-remorques-2 {
    display: flex;
    align-items: center;
}

.wrapper-tab-remorques-2 .content-left,
.wrapper-tab-remorques-2 .content-right {
    width: 50%;
}

.wrapper-tab-remorques-2 .content-left {
    padding-right: 50px;
}

.wrapper-tab-remorques-2 ul {
    padding-left: 20px !important;
}
/* === WRAPPER TEMP END ================= */

.menu-services li a {
    padding: 0 !important;
}

/* .menu-services li a:hover {
    color: #007ac9 !important;
}  */

.menu-services li {
    padding: 30px 0 30px !important;
    border-top: 1px solid black !important;
}

.menu-services .current-menu-item a {
    color: #007ac9 !important;
}

.menu-services li a:after {
    display: none;
}

body p,
body div {
    color: #070707;
}

.header-full-width {
    padding: 0 60px;
}

.header3-logo-area {
    width: 300px;
}

.breadcrumb-area .container {
    max-width: 100% !important;
    padding: 0 60px;
}

.breadcrumb-content h2 {
    text-align: left;
}

.breadcrumb {
    justify-content: left;
}

footer {
    background-color: #006aae;
}

footer .container {
    max-width: 100%;
    padding: 0;
}

footer .container .row > div {
    padding: 0 0 0 75px;
}

footer .container ul li {
    list-style-position: outside !important;
    list-style-type: none;
}

footer .container ul li a {
    font-size: 16px;
    color: white;
}

.footer-logo {
    width: 360px;
}

footer .container ul li::marker {
    margin-right: 0 !important;
} 

.wrapper-politique {
    display: flex;
    justify-content: space-between;
    /* padding: 0 40px; */
}

.wrapper-politique .wrapper-right {
    display: flex;
}

.wrapper-politique div,
.wrapper-politique a {
    color: white;
    font-size: 16px;
}

.copyright-text {
    padding-top: 10px;
    border-top: 1px solid #1d2b5a;
    margin: 0 60px;
}

.wrapper-politique .wrapper-right .content {
    margin-right: 40px;
}

.e-form__buttons {
    margin-top: 20px;
}

.e-form__indicators__indicator__label {
    line-height: 18px;
}

.bpost-content .bpost-avatar {
    display: none;
}

.bpost-content .b-readmore {
    float: none;
}

.hero-accueil .slider-area .slider-content {
    padding-left: 50px;
}

.hero-accueil .slider-area > .container {
    max-width: 100%;
}

.hero-accueil .slider-area .slider-content h2,
.hero-accueil .slider-area .slider-content p {
    max-width: 700px;
}

/* hero cta ne trouve pas les options de style */
body .accueil-hero-cta a.btn.red-btn {
    background: #007AC9 !important;
    box-shadow: 0px 8px 16px 0px rgba(0, 122, 201, 0.4) !important;
}

body .accueil-hero-cta a.btn.red-btn i,
body .accueil-hero-cta a.btn.gray-btn i {
    display: none;
}

body .accueil-hero-cta a.btn.gray-btn:hover {
    box-shadow: 0px 16px 16px 0px rgba(0, 122, 201, 0.4) !important;
}    

body .sticky-header .main-menu ul.geoport-main-menu li.menu-item-has-children > a,
body .sticky-header .main-menu ul.geoport-main-menu li>a {
    color: white;
}

.main-menu ul li {
    margin-left: 35px;
}

@media ( max-width: 1600px ) {

	.container-chiffres .wrapper-counter {
		top: -4vw;
	}
}

@media ( max-width: 1500px ) {

    .header3-logo-area {
        width: 200px;
    }

    .header3 .logo {
        width: 200px;
        margin-top: 20px;
    }

    .header3-menu-area .header3-trackorder-area {
        margin-left: 5px;
    }

    .main-menu ul li {
        margin-left: 30px;
    }

    .services-bg-linear {
        background: white !important;
    }

}    

@media ( max-width: 1366px ) {

	.header3-menu-area .header3-trackorder-area .header-btn {
		display: none;
	}
	
}	


@media ( max-width: 1199px ) {

	footer .footer-area .footer-logo {
		width: 300px;
	}
	
}	

@media ( max-width: 1024px ) {

	.container-chiffres .wrapper-counter {
		position: relative;
		top: 0;
		right: 0;
	}
}	

@media ( max-width: 991px ) {
	.transparent-header.sticky-header.header3 .mobile-menu.mean-container a.meanmenu-reveal {
		margin-top: -32px;
	}
    .transparent-header.header3 .mobile-menu.mean-container a.meanmenu-reveal {
        margin-top: -32px;
    }

	.header3-menu-area .header3-trackorder-area .header-btn {
		display: block;
	}

	.header3 .logo {
		max-width: 230px !important;
	}

	footer .footer-area .row {
		flex-direction: column;
	}
	
}

@media ( max-width: 767px ) {

	.slider-content {
		padding-top: 225px;
		padding-bottom: 80px;
	}
	
	.hero-accueil .slider-area .slider-content {
		padding-left: 10px;
	}
	
	.footer-bg {
		padding-top: 80px;
    	padding-bottom: 10px;
	}
	
	footer .container .row > div {
		padding: 0 0 0 35px;
	}

	.wrapper-politique {
		flex-direction: column;
	}

	.wrapper-politique div,
	.wrapper-politique a {
		text-align: left;
	} 

	.copyright-text {
		margin: 0 20px;
	}

	.wrapper-politique .wrapper-right {
		flex-direction: column;
	}
	
    .breadcrumb-area.breadcrumb_height .breadcrumb-item + .breadcrumb-item::before,
    .breadcrumb-area.breadcrumb_height .breadcrumb-wrap h2,
    .breadcrumb-area.breadcrumb_height .breadcrumb li a,
    .breadcrumb-area.breadcrumb_height .breadcrumb li,
    .breadcrumb-item + .breadcrumb-item::before {
        font-size: 15px;
    }

    .header-full-width {
        padding: 0 20px;
    }

    .breadcrumb-area .container {
        padding: 0 20px;
    }

    .wrapper-tab-remorques .content-left {
        padding-right: 0;
    }

    .wrapper-tab-remorques {
        flex-direction: column;
    }

    .wrapper-tab-remorques .content-left,
    .wrapper-tab-remorques .content-right {
        width: 100%;
    }

    .wrapper-tab-remorques .content-left {
        padding-bottom: 30px;
    }
}