/*
Theme Name: Promobil
Theme URI: 
Author: Pierre Hagmann
Author URI: https://ph-web.com
Description: Custom theme for Promobil
Requires at least: 6.0
Tested up to: 6.4.3
Requires PHP: 5.7
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: promobil
Tags: 
*/

.hidden-overflow
{
	overflow:hidden;
}

.square
{
	aspect-ratio: 1;
	position:relative;
	margin-top:0;
}

body
{
	background: var(--Shades-7, #F7F7F7);
	font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;


}

p{
	line-height: 20px;
}
h2.big-title
{
	font-size: 64px;
	font-style: normal;
	font-weight: 400;
	line-height: 68px; 
}
.wp-block-image img
{
	border-radius:52px;
}

.red-text
{
	color: var(--Primary-100, #EB1D24);
}
.black-text
{
	color: black;
}

.hero
{
	box-shadow: 0px 100px 80px 0px rgba(171, 171, 171, 0.25), 0px 41.778px 33.422px 0px rgba(171, 171, 171, 0.25), 0px 22.336px 17.869px 0px rgba(171, 171, 171, 0.25), 0px 12.522px 10.017px 0px rgba(171, 171, 171, 0.25), 0px 6.65px 5.32px 0px rgba(171, 171, 171, 0.25), 0px 2.767px 2.214px 0px rgba(171, 171, 171, 0.25);
}

.cta-gradient-image
{
	background-position: top 0px right -30px;
	background-repeat: no-repeat;
	background-size: auto 100%!important;

}

.cta-gradient
{
	background: var(--2nd-gradient, linear-gradient(257deg, #EB1D24 32.68%, #4E0A0C 100%));
}

.shadow-block
{
	box-shadow: 0px 100px 80px 0px rgba(235, 235, 235, 0.50), 0px 41.778px 33.422px 0px #F7F7F7, 0px 22.336px 17.869px 0px #F7F7F7, 0px 12.522px 10.017px 0px #F7F7F7, 0px 6.65px 5.32px 0px #F7F7F7, 0px 2.767px 2.214px 0px #F7F7F7;
}

.card .wp-element-button
{
	
	width:auto;
text-align: center;
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: 'liga' off;

font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 125% */
margin:auto;

}
.card .wp-block-button
{
	justify-content:center;
	display:flex;
}

.wp-element-button.light
{
	background:none;
	border-radius: var(--Style-Button-radius, 20px);
	border: 1px solid var(--Shades-6, #EBEBEB);
	color: var(--Shades-2, #505050);

}


.card .wp-element-button .icon-label-container
{	
	display:flex;
	justify-content:center;
	align-items:center;	
}

.have-icon .wp-block-button__link, .ph-form .button-container .text-icon
{
	vertical-align: middle;
	line-height:24px;
	display:flex;
	align-items:center;
	justigy-content:center;
	gap:8px;
}

.have-icon .wp-block-button__link:after, .ph-form .button-container .text-icon:after
{	
	display:inline-block;
	width:24px;
	height:24px;
}

.icon-people .wp-block-button__link:after
{
	content: url(assets/icons/people.svg);
}

.icon-next .wp-block-button__link:after
{
	content: url(assets/icons/next.svg);

}
.icon-next.wp-block-button:hover .wp-block-button__link:after
{
	//content: url(assets/icons/next-black.svg);
	
}

.icon-mail .wp-block-button__link:after, .ph-form .button-container .text-icon:after
{
	content: url(assets/icons/mail.svg);
}


@media(min-width:621px)
{
		.block.slider .splide__track
	{
		padding-bottom:120px;
	}


}

@media(max-width:620px)
{
		.block.slider .splide__track
	{
		padding-bottom:64px;
	}


}

.to-up
{
	//margin-top:-120px;
}



.wp-block-button__link
{
	position:relative;
}
.wp-block-button__link:before
{
	content:"";
	position:absolute;
	left:20px;
	bottom:20px;
	display:block;
	height:1px;
	background:black;
	width:0px;
	transition: width 0.3s ease-in-out;
}
.under-white .wp-block-button__link:before
{
	background:white;
}

.wp-block-button:hover .wp-block-button__link:before
{
	
	width:calc(100% - 40px - 24px - 8px);
}




.fill-white svg path
{
	fill:white;
}

.sliding-menu .menu-home .wp-block-navigation-item__content:before
{
	content: url(assets/icons/home.svg);
}
.sliding-menu .menu-competence .wp-block-navigation-item__content:before
{
	content: url(assets/icons/comp.svg);
}
.sliding-menu .menu-image .wp-block-navigation-item__content:before
{
	content: url(assets/icons/photos.svg);
}

.sliding-menu .menu-produit .wp-block-navigation-item__content:before
{
	content: url(assets/icons/publications.svg);
}
.sliding-menu .menu-shop .wp-block-navigation-item__content:before
{
	content: url(assets/icons/shop.svg);
}
.sliding-menu .menu-about .wp-block-navigation-item__content:before
{
	content: url(assets/icons/user.svg);
}
.sliding-menu .menu-tools .wp-block-navigation-item__content:before
{
	content: url(assets/icons/download.svg);
}
.sliding-menu .menu-blog .wp-block-navigation-item__content:before
{
	content: url(assets/icons/blog.svg);
}
.sliding-menu .ph-post-meta .wp-block-post-date:before
{
	content: url(assets/icons/calendar.svg);
}
.sliding-menu .ph-post-meta .wp-block-post-author-name:before
{
	content: url(assets/icons/author.svg);
}


.ph-post-meta .wp-block-post-author-name, .ph-post-meta .wp-block-post-date
{
	display:flex;
	align-items:center;
	gap:4px;
	color: var(--Shades-0-black, #000);
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: 'liga' off;

/* Base/Body/Strong */
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 800;
line-height: 24px; /* 133.333% */
}

.wp-block-navigation-item__content
{
	display:flex!important;
	align-items: center;
	gap:4px;
	font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */
}


:where(.wp-site-blocks) > * {
margin-block-start: 0px;
margin-block-end: 0;
}


.hero-block
{
	aspect-ratio:1120/560!important;
	max-width:100%;
}

.out-top-img
{
	
	transform:scale(1.2);
	transform-origin:left bottom;
	position:relative;
	z-index:0;
}

@media(max-width:768px)
{
	div.hide_mobile
	{
		display:none;
	}
}

.col-left-hero
{
	min-width:448px;
}

.hero.hero-head
{
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}





.hero-container
{
	background-image: url(assets/img/shapes.svg);
}

.competence-hero.hero-container
{
	background-image: url(assets/img/shapes-red-hero.svg);
}

.partenaire-cta-left
	{
		border-radius:20px;
	}
.flex-strech
{
	align-items: stretch!important;
}



.title-menu-footer
{
	color: var(--Primary-100, #EB1D24);
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: 'liga' off;
/* Base/Footnote/Strong */
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 125% */
}

.footer-tel
{
	font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 800;
line-height: 24px; /* 133.333% */
}

@media(max-width:1024px) and (min-width:768px)
{
	
}
@media(max-width:1023px)
{
	header .wp-block-buttons.hide_mobile .wp-block-button__link
	{
		font-size:12px;
		white-space: nowrap;
		padding:12px 18px;
	}

}



@media(max-width:767px)
{
	h1
	{
		font-size:44px;
		line-height:48px;
	}
	h2.big-title
	{
		font-size:38px;
		line-height:42px;
	}
	h3.cta-title
	{
		font-size:32px!important;
		
	}
	.hero-container
	{
		background-image: url(assets/img/shapes-vertical.svg);
	}
	.cta-gradient-image
	{
		
		padding:32px!important;
		text-align:center;
		background-size: auto 100%!important;
		background-position:  center right!important;
		background-image: url(assets/img/shapes-red-vertical.svg)!important;
	}

	.to-up 
	{
		margin-top: 0px;
	}

	#marque
	{
		padding-top:72px!important;
		padding-bottom:52px!important;
	}
	#partenaire
	{
		padding-top:52px!important;
		padding-bottom:52px!important;
	}
	.partenaire-cta-left
	{
		width:100%;
		aspect-ratio: 1;
	}
	.partenaire-row, .white-cta
	{
		padding:32px!important;
	}
	.white-cta
	{
		text-align:center;
	}
	.partenaire-row .wp-block-button,  .white-cta .wp-block-button, .partenaire-row .wp-block-buttons,  .white-cta .wp-block-buttons
	{
		width: 100%;
		display:flex;
		justify-content:center;
	}
}


.flex-1
{
	flex:1;
	
}

.resp-mobil
{
	display:none!important;
}

.background-to-up
{
	
	background-position-y:-120px!important;
}

@media(max-width:1120px)
{
	.resp-padding
	{
		padding-top:42px!important;
	}
	.contact-partenaire
	{
		padding-left:32px!important;
		padding-right:32px!important;
		margin-left:16px!important;
		margin-right:16px!important;
	}
}


@media(max-width:767px)
{
	.resp-padding
	{
		padding-top:26px!important;
	}
	
	.background-to-up
	{
		
		background-position-y:0px!important;
		background-size:120%!important;
		background-position-x:-120px!important;
	}
	.wp-block-group-is-layout-flex.mobil-col
	{
		flex-direction:column;
		align-items:center;
	}
	.sliding-menu .resp-mobil 
	{
		display:flex!important;
		flex-direction:column;
		gap:16px;
		width:100%;
		margin-bottom:32px!important;

	}
	.resp-mobil .wp-block-button, .sliding-menu .wp-block-navigation .wp-block-navigation__container, .sliding-menu .wp-block-navigation  .wp-block-button__link
	{
		width:100%!important;
	}
	.sliding-menu .wp-block-button__link
	{
		justify-content: center;

	}
	.sliding-menu .wp-block-button__link::before
	{
		background:transparent!important
	}

	.form-grid
	{
		display:flex;
		flex-direction:column;
	}

	.mobil-reverse
	{
		flex-direction:column-reverse!important;
	}
	.reverse-mobil-content
	{
		padding:32px!important;
		margin-bottom:42px!important;
	}

}


.no-wrap {
    white-space: nowrap;
    
}

#competences, #partenaire
{
	scroll-margin-top: 120px;
}



.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
color: inherit;
text-decoration: inherit;
}

.have-icon .wp-block-button__link:hover
{
	color:white;
}



.notice {
    padding: 1em;
    margin: 1em 0;
    border-left: 4px solid #2271b1;
    background-color: #f0f6fc;
    border-radius: 3px;
}

.notice-success {
    border-color: #28a745;
    background-color: #e6f4ea;
    color: #1a3c25;
}

.notice-error {
    border-color: #dc3545;
    background-color: #f8d7da;
    color: #721c24;
}

.notice-warning {
    border-color: #ffc107;
    background-color: #fff3cd;
    color: #856404;
}

.notice-info {
    border-color: #2271b1;
    background-color: #f0f6fc;
    color: #0c5460;
}

.is-dismissible {
    position: relative;
    padding-right: 2.5em;
}

.is-dismissible::after {
    content: "✕";
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 1em;
}

nav.block-sliding-menu
{
	width:58px;
}


.splide:not(.product-details-galerie) .splide__pagination {
bottom: 64px;

}

.pmb-category-section .splide:not(.product-details-galerie) .splide__pagination {
bottom: -32px;

}


.block.slider h2.slider-title
	{
		padding:0 24px;
		margin-bottom:36px;
	}

@media(min-width:1200px)
{
	.block.slider h2.slider-title
	{
		padding-left:calc((100vw - 1200px) / 2 + 24px);

	}
}

.hero-left h1, #partenaire h2
{
	color:white;
}

#header.is-stuck {
  background-color: #fff;
  box-shadow: 0 1px 10px rgba(0,0,0,0.1);
  //transition: all 0.3s ease;

}

.card-body p
{
	display: -webkit-box;
  -webkit-box-orient:
vertical;
  -webkit-line-clamp: 6;
  overflow:
hidden;
  text-overflow: ellipsis;
}


.pmb-category-section
{
	margin-bottom:64px;
}