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



/*** GÉNÉRAL ***/
:root{
	--lightblue:#D9E8F2;
	--darkblue:#202461;
	--tonicblue:#65E5FF;
	--darkgray:#62626A;
}
.h1,.h2, .h3, .h4, .h5{
	line-height:1.1em;
	font-family:"Montserrat";
}
.h4{
	font-size:28px;	
}
.h5{
	font-size:24px;	
}
.txt{
	line-height:1.3em;
	font-size:17px;	
	font-family:"Montserrat";
}
@media screen and (max-width:990px){
	.h4{
		font-size:26px;	
	}
	.h5{
		font-size:22px;	
	}
	.txt{
		font-size:16px;		
	}
}
@media screen and (max-width:767px){
	.h4{
		font-size:24px;	
	}
	.h5{
		font-size:20px;	
	}
}

/*** ACCUEIL : hero ***/
.hexagone-hero{
	position:absolute!important;
	left:50%!important;
	transform:translate(-50%, -50%);
	top:50%!important;
    z-index: 0 !important; 
	height: 100vh !important;
    width: 100vw !important;
}
.hexagone-hero .brz-embed-code, .hexagone-hero .brz-embed-content, .hexagone-hero .brz-embed-content>div{
	position:absolute!important;
	left:50%!important;
	transform:translate(-50%, -50%);
	top:50%!important;
	height: 100% !important;
    width: 100% !important;
}
.hexagone-hero #hexagone, #hexagone-mobile{
	position:absolute!important;
	left:50%!important;
	transform:translate(-50%, -50%);
	top:50%!important;
	width: 1600px!important;
    height:auto!important;
}


#hexagone-mobile{
	display:none;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(255,255,255,0.08);
  -webkit-mask-image: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 459 530">\
  <path fill=\"white\" d=\"M229.169 0.262619C228.238 0.262619 227.308 0.573521 226.533 1.03987L2.64942 130.531C0.943936 131.463 0.0136719 133.173 0.0136719 135.194V394.331C0.0136719 396.197 0.943936 398.062 2.64942 398.995L226.378 528.485C227.153 528.952 228.083 529.263 229.014 529.263C229.944 529.263 230.874 529.107 231.649 528.485L455.378 398.995C457.083 398.062 458.014 396.352 458.014 394.331V135.194C458.014 133.329 457.083 131.463 455.378 130.531L231.804 1.03987C231.029 0.573521 230.099 0.262619 229.169 0.262619Z\"/>\
</svg>');
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}


@media screen and (max-width:990px){
	.hexagone-hero #hexagone,{
		width: 1400px!important;
	}
}
@media screen and (max-width:767px){
	.hexagone-hero #hexagone, {
		width: 1250px!important;
	}
	.hexagone-hero #hexagone{
		display:none;
	}
	.hexagone-hero #hexagone-mobile{
		display:flex;
		width: 375px !important;
        height: 500px!important;
	}
}

/*** ACCUEIL : Imgs fond colonnes EURO RHEIN PORTS ***/
.ports-2-imgs{
	background:var(--lightblue);
}
.ports-2-imgs:before, .ports-2-imgs:after {
  content:"";
  position:absolute;
  top:0;
  z-index:0;
  width:calc((100vw - 1280px)/2);
  min-width:200px!important;
  height:100%;
  pointer-events:none;
  background-repeat:no-repeat;
  background-size:cover;
}
@media screen and (min-width:990px){
	.ports-2-imgs:before {
		left:0;
		background-image: linear-gradient(0deg, var(--lightblue) 15%, transparent 30%),
			url(/wp-content/uploads/2025/10/Rectangle-9-1.png);
		background-position:center;
	}
	.ports-2-imgs-bis:before {
		background-image: linear-gradient(0deg, var(--lightblue) 15%, transparent 30%),
			url(/wp-content/uploads/2025/10/20250827_103721.jpg)!important;
		background-position:center;
	}
	.ports-2-imgs:after {
		right:0;
		background-image:linear-gradient(0deg, var(--lightblue) 15%, transparent 30%),
			url(/wp-content/uploads/2025/10/Rectangle-8.png);
		background-position:center right;
	}
	.ports-2-imgs-bis:after {
		background-image:linear-gradient(0deg, var(--lightblue) 15%, transparent 30%),
			url(/wp-content/uploads/2025/10/20250519_115110-1-1.png)!important;
		background-position:center left;
	}
}

/*** ACCUEIL : les ports ***/
@media screen and (min-width:990px){
	.col-port-tablet>.brz-row{
		flex-direction: column!important;
	}
	.col-port-tablet>.brz-row>div{
		flex:unset!important;
		max-width:100%!important;
		width:100%!important;
	}	
}
@media screen and (max-width:767px){
	.col-port-tablet>.brz-row{
		flex-direction: column!important;
	}
	.col-port-tablet>.brz-row>div{
		flex:unset!important;
		max-width:100%!important;
		width:100%!important;
	}	
}

/*** ACCUEIL : video 2 ***/
body:not(.brz-ed) .video-swissterminal{
	overflow:hidden;	
}
.video-swissterminal {
	max-height:1000px!important;
}
.video-swissterminal:before, .video-swissterminal:after{
	content:"";
	position:absolute;
	z-index:2;
	left:0;
	top:0;
	width:100%;
	height:100%;
	pointer-events:none;
}
.video-swissterminal:before{
	background:linear-gradient(180deg, var(--lightblue) 0, transparent 250px)
} 
.video-swissterminal:after{
	background:linear-gradient(0deg, var(--lightblue) 0, transparent 250px)
}

/*** ACCUEIL : image histoire ***/
.image-histoire:before, .image-histoire:after, .image-histoire-2:before, .image-histoire-2:after{
	content:"";
	position:absolute;
	z-index:2;
	left:0;
	top:0;
	width:100%;
	height:100%;
	pointer-events:none;
}

.image-histoire .brz-image, .image-histoire .brz-image img{
	height:600px!important;
}
.image-histoire .brz-image img{
    object-fit: cover!important;
}
.image-histoire:before{
	background:linear-gradient(180deg, var(--lightblue) 0, transparent 250px, transparent  calc(100% - 250px), var(--lightblue) 100%);
} 
.image-histoire:after{
	background:linear-gradient(90deg, var(--lightblue) 3%, transparent 10%, transparent  90%, var(--lightblue) 97%);
}

.image-histoire-2 .brz-image, .image-histoire-2 .brz-image img{
	height:400px!important;
}
.image-histoire-2 .brz-image img{
    object-fit: cover!important;
}
.image-histoire-2:before{
	background:linear-gradient(180deg, var(--lightblue) 0, transparent 150px, transparent  calc(100% - 250px), var(--lightblue) 100%);
} 
@media screen and (max-width:990px){
	.image-histoire .brz-image, .image-histoire .brz-image img{
		height:500px!important;
	}
	.image-histoire-2 .brz-image, .image-histoire-2 .brz-image img{
		height:300px!important;
	}
	.image-histoire-2:before{
		background:linear-gradient(180deg, var(--lightblue) 0, transparent 100px, transparent  calc(100% - 100px), var(--lightblue) 100%);
	} 
	.video-swissterminal:before{
		background:linear-gradient(180deg, var(--lightblue) 0, transparent 150px)
	} 
	.video-swissterminal:after{
		background:linear-gradient(0deg, var(--lightblue) 0, transparent 150px)
	}
}
@media screen and (max-width:767px){
	.image-histoire .brz-image, .image-histoire .brz-image img{
		height:350px!important;
	}
	.image-histoire-2 .brz-image, .image-histoire-2 .brz-image img{
		height:300px!important;
	}
	.image-histoire:before{
		background:linear-gradient(180deg, var(--lightblue) 0, transparent 200px, transparent  calc(100% - 150px), var(--lightblue) 100%);
	}
	.image-histoire-2:before{
		background:linear-gradient(180deg, var(--lightblue) 0, transparent 100px, transparent  calc(100% - 100px), var(--lightblue) 100%);
	}
	.video-swissterminal:before{
		background:linear-gradient(180deg, var(--lightblue) 0, transparent 100px)
	} 
	.video-swissterminal:after{
		background:linear-gradient(0deg, var(--lightblue) 0, transparent 100px)
	}
}

/**** ACCUEIL : articles ****/

/* Articles PDF */
.articles-presse > .brz-row {
	gap:20px;
}
.articles-presse > .brz-row > .brz-columns{
	width:calc(50% - 10px) !important;
	max-width:calc(50% - 10px) !important;
	/*width:calc(33.3% - 20px) !important;
	max-width:calc(33.3% - 20px)!important;*/
	flex:unset!important;
}
.article-pdf>.brz-column__items{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    flex: unset !important;
    justify-content: space-between !important;
	margin:0!important;
}
.article-img{
	width: 100%;
}
.article-img .brz-image, .article-img img{
	aspect-ratio: 3 / 1;
	    object-fit: cover;
}
.article-source{
	width: 100%;
}
.article-titre{
	width: calc(100% - 45px);
}
.article-btn {
	max-width:40px;
}
.article-btn span.brz-text__editor {
    min-width: 0px!important;
}
.article-btn  svg{
	margin:0!important;
}
/*
@media screen and (max-width:1400px){
	.articles-presse > .brz-row > .brz-columns{
		width:calc(33.3% - 20px) !important;
		max-width:calc(33.3% - 20px)!important;
	}
}
@media screen and (max-width:990px){
	.articles-presse > .brz-row > .brz-columns{
		width:calc(50% - 10px)!important;
		max-width:calc(50% - 10px)!important;
	}
}*/
@media screen and (max-width:767px){
	.article-btn a{
		border-radius:10px!important;
	}
}
@media screen and (max-width:650px){
	.article-btn a{
		border-radius:10px!important;
	}
	.articles-presse > .brz-row > .brz-columns{
		width:100%!important;
		max-width:100%!important;
	}
}


/* Articles brizy */
.article-btn-col a span.brz-text__editor {
    min-width: 0px!important;
}
.article-btn-col a svg{
	margin:0!important;
}
@media screen and (min-width:767px){
	.article-titre-col{
		 max-width: calc(100% - 50px)!important;
		flex:unset!important;
	}
	.article-btn-col {
		max-width: 50px!important;
		margin: auto 0 auto auto!important;
	}
}
@media screen and (max-width:767px){
	.article-btn-col a{
		border-radius:10px!important;
	}
}

/**** FORM ***/
.gfield input, .gfield textarea{
    background: white!important;
    border-radius: 10Px!important;
	padding:10px 20px!important;
	color:var(--darkblue)!important;
	font-family:"Montserrat"!important;
}
.gfield input::placeholder, .gfield textarea::placeholder{
	color:var(--darkblue)!important;
	opacity:1!important;
}
.gform_footer{
	padding:0!important;
	margin-top:20px!important;
}
.gform_footer input{
	margin:0!important;	
}
#gform_submit_button_1 {
    height: 44px !important;
}
#gform_confirmation_message_1 {
    padding: 20px;
    background: white;
    margin-top: 30px;
    border-radius: 15px;
    color: var(--darkblue);
}
@media screen and (max-width:990px){
	#gform_submit_button_1 {
		height: 42px !important;
	}	
}
@media screen and (max-width:767px){
	#gform_submit_button_1 {
		height: 40px !important;
	}	
}


/*** TIMELINE ***/

.wrapper-historique {
	padding: 0 0px ;
}
.wrapper-historique .historique {
	padding: 0px 0px;
}

.wrapper-historique .evenement {
	width: 430px;
	max-width: calc(100vw - 70px);
	display: flex;
	padding: 30px;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	/*flex-shrink: 0;*/
	border-radius: 8px;
	background: #65A6D4;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	margin-right:30px;
}

.wrapper-historique .date_event {
	white-space: nowrap;
	color:white;
	text-align:center;
	font-weight: 600;
}

.wrapper-historique .titre_event {
	font-weight: 600;
	color:white;
	text-align:center;
}

.wrapper-historique .description_event {
	color:white;
	max-width: 340px;
	text-align:center;
}

.wrapper-historique .date_ancre {
	position: relative;
}

.wrapper-historique .date_ancre .line-1{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(0%, -3px);
	height:2px;
	width:200vw;
	background:var(--darkblue);
	z-index:3;
}
.wrapper-historique .evenement:first-child{
	z-index:3;
}
.flickity-viewport {
    overflow: visible!important;
}

.colTitrePort>.brz-column__items{
	position:relative;	
}

.timeline-arrows {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: end;
    justify-content: center;
    width: fit-content;
	padding:10px;
}
.timeline-nav-prev, .timeline-nav-next{
	background: #65A6D4;
	border-radius: 9999px;
	width: 40px;
	height: 40px;
	opacity: 1;
	box-shadow: rgba(0,0,0,0.2) 0 3px 8px;
	cursor:pointer;
}
.timeline-nav-prev svg, .timeline-nav-next svg{
	width:24px;
}
.wrapper-historique .flickity-page-dots {
	display:none;
}
.timeline-nav-next:hover , .timeline-nav-next:hover {
  filter: brightness(0.95);
}
.timeline-nav-prev:disabled, .timeline-nav-next:disabled{
	filter: saturate(0);
	cursor:default;
}
@media screen and (min-width:990px){
	.timeline-arrows-wrap{
		position:absolute!important;
		right:-10px;
		top:50%;
		transform:translate(100%, -50%);
	}
	.wrapper-historique .evenement {
		width: 400px;
	}
}
@media screen and (max-width:990px){
	.timeline-arrows {
		flex-direction: row;
		margin: auto;
	}
}
@media screen and (max-width: 767px) {
	.wrapper-historique .evenement {
		width: 380px;
		margin-right:20px;
		padding:30px 20px;
	}
}

/* -------- Scrollbar horizontale -------- *
.wrapper-historique .historique {
	display: flex;
	gap: 30px;
	padding: 30px 0px;
	  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.wrapper-historique .historique ::-webkit-scrollbar {
	height:8px;
	border-radius:8px;
}
.wrapper-historique .historique ::-webkit-scrollbar-track {
	background:var(--darkblue); 
	border-radius:8px;
	height:8px;
}
.wrapper-historique .historique ::-webkit-scrollbar-thumb {
  background:#65A6D4;
  border-radius:8px;
}

.wrapper-historique .historique {
  scrollbar-color: var(--darkblue) #65A6D4;
  scrollbar-width: thin;
}*/




/***** HEADER ****/
#offcanvas a.site-logo-container img {
    max-width: 100%;
}
.linkedin-menu a, .facebook-menu a{
	padding-right:0!important;
}
.linkedin-menu svg, .facebook-menu svg {
    width: 42px;
    height: 42px;
}

/**** BOUTONS ****/
.btn{
	display: flex;
	min-width: max-content;
}
.btn a, .contact-menu a{
	padding:11px 18px!important;
	background:var(--tonicblue);
	line-height:1em;
	font-weight:700;
		font-weight:700!important;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.contact-menu{
	margin-left:40px;
}
.contact-menu, .contact-menu a{
	align-self:center;
	height: fit-content!important;
	padding-left: 0;
}

.btn-bleu-wrap, .btn-clair-wrap, .contact-menu, .gform_footer, .btn{
	width: fit-content;
    position: relative;
}
.btn {
	margin-left:0!important;
	margin-right:auto!important;
}
.btn-centre, .gform_footer{
	margin-left:auto!important;
	margin-right:auto!important;
}
.btn-droite{
	margin-left:auto!important;
	margin-right:30px!important;	
}
.btn-bleu-wrap:before, .btn-bleu-wrap:after, .btn-clair-wrap:before,.btn-clair-wrap:after,
.contact-menu:before, .contact-menu:after,
.btn:before, .btn:after
/*,.gform_footer:before, .gform_footer:after*/{
	content:"";
	position:absolute;
	z-index:2;
	top:-2px;
	width:40px;
	bottom:0;
}
.btn-bleu-wrap:before, .btn-clair-wrap:before, .contact-menu:before, .btn:before /*, .gform_footer:before*/{
    left: 2px;
    background-image: url(/wp-content/uploads/2025/10/Vector-1-1.svg);
    background-size: auto 100%;
    background-position: center right;
    transform: translateX(-100%);
    background-repeat: no-repeat;
}
.btn-bleu-wrap:after, .btn-clair-wrap:after, .contact-menu:after, .btn:after /*, .gform_footer:after*/{
	right: 1px;
    background-image: url(/wp-content/uploads/2025/10/Vector-1.svg);
    background-size: auto 100%;
    background-position: center left;
    transform: translateX(100%);
    background-repeat: no-repeat;
}

.btn-bleu-wrap a span, .btn-clair-wrap a span, .contact-menu a span, .btn a span{
	position:relative;
}
.btn-bleu-wrap a span:after, .btn-clair-wrap a span:after, .contact-menu a span:after, .btn a span:after{
    content: "";
    position: absolute;
    z-index: 3;
    background-image: url(/wp-content/uploads/2025/10/vague.svg);
    background-size: contain;
    background-repeat: no-repeat;
	transition:0.5s ease-in-out!important;	
}

.btn-bleu-wrap a span:after, .btn-clair-wrap a span:after{
	top: -10px;
    right: -60px;
    height: 26px;
    width: 26px;	
} 
.contact-menu a span:after{
    top: -22px;
    right: -55px;
    height: 26px;
    width: 26px;
}
.btn a span:after {
    top: -8px;
    right: -46px;
    height: 26px;
    width: 26px;	
}

.btn-clair-wrap a span:after{
	filter:brightness(100)!important;
} 
.btn-bleu-wrap a:hover span:after{
	filter:brightness(100)!important;
}

@media screen and (max-width:990px){
	.contact-menu {
		margin-left: 24px;
		margin-top: 10px;
	}
	#menu-menu-principal-1 {
		display: flex;
		flex-wrap: wrap;
	}
	.menu-item {
		width: 100%;
	}
	.menu-item.linkedin-menu, .menu-item.facebook-menu, .contact-menu {
		width:fit-content!important;
	}
	.menu-item.facebook-menu{
		margin-right: calc(100% - 200px);
	}
}
@media screen and (max-width:767px){
	.btn-bleu-wrap a span:after, .btn-clair-wrap a span:after {
		right: -42px;
		height: 26px;
		width: 26px;
	}
	.btn-bleu-wrap:before, .btn-clair-wrap:before, .contact-menu:before{
		left: 2px;
		top:-1px!important;
	}
	.btn-droite {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.btn-renseignements a span:after {
        right: -35px;
	}
}
	
	
/***** FOOTER ****/
footer{
	background:var(--darkblue);
	padding-top:70px;
	padding-bottom:40px;
}
footer * {
	color:white!important;
}
.footer-main, .footer-mentions{
	max-width:1400Px;
	padding-left:60px;
	padding-right:60px;
	margin:auto;
	width:100%;
}
.footer-main {
    display: flex;
    gap: 40px;
}
.footer-col-left {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.footer-row-top{
    display: flex;
	gap: 30px;	    
	align-items: end;
}
.footer-logo {
    width: 500px;
	max-width: 60vw;
}

.footer-row-bottom {
    display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.footer-site {
	width: calc(33.3% - 20px);
}
.site-title{
	font-weight:700!important;
	margin-bottom:12px!important;
}
.site-txt{
	display:flex;
	flex-direction:column;
	gap:8px;
}

.footer-col-right {
    background: white;
    padding: 40px;
    border-radius: 30px;
	min-width: 270px;
    height: fit-content;
}
.menu-footer{
	display:flex;
	flex-direction:column;
	gap:15px;
	text-align: center;
}
.menu-footer *{
	color:var(--darkblue)!important;
	font-weight:700;
}

.footer-mentions {
    margin-top: 40px;
	text-align:center;
	display:flex;
	flex-direction:column;
}
.signature {
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
	margin-top:5px;
}
.signature svg {
    height: 22px;
    width: 22px;
}


@media screen and (max-width:1400px){
	.footer-site {
		width: calc(50% - 15px);
	}
}
@media screen and (max-width:990px){
	footer {
		padding-top: 60px;
		padding-bottom: 30px;
	}
	.footer-main, .footer-mentions{
		padding-left:40px;
		padding-right:40px;
	}
	.footer-main {
		flex-direction: column;
		align-items: start;
	}
	.footer-col-left{
		width: 100%;
	}
	
}

@media screen and (max-width:767px){
	footer {
		padding-top: 50px;
		padding-bottom: 20px;
	}
	.footer-main, .footer-mentions{
		padding-left:20px;
		padding-right:20px;
	}
	.footer-row-top {
		flex-direction: column;
		align-items: start;
		gap: 10px;
	}
	.footer-logo {
    	width: 500px;
		max-width: calc(100% - 60px);
	}
	.footer-site {
		width: calc(100% - 0px);
	}
	.signature{
		display: inline;
	}
	.signature svg {
    	margin-bottom: -4px;
	}
}

/*** COMPLIANZ ***/
body.cmplz-document main{
	margin: 70px auto;
}

body.cmplz-document main h1{
	font-size:70px!important;
}
body.cmplz-document main p{
	font-size:16px!important;
}
@media screen and (max-width:992px){
	body.cmplz-document main{
		margin: 60px auto;
	}
	body.cmplz-document main h1{
		font-size:52px!important;
	}
}
@media screen and (max-width:767px){
	body.cmplz-document main{
		margin: 50px auto;
	}
	body.cmplz-document main h1{
		font-size:45px!important;
	}
}