/*
Theme Name: Agence-bb
Theme URI: http://www.agence-bb.ch
Version: 2.0
Description: Just ask for references !!!
Author: Agence BB Switzerland
Author URI: http://www.agence-bb.ch
template: bb-theme
*/

body,
html {
    overflow-x: hidden;
}

/*
a, p:hover a{
  	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s; 
}

a:hover, p:hover a {
    -webkit-transform: scale(1.1)!important;
	        transform: scale(1.1)!important;
}*/

li > a:hover {
     -webkit-transform: scale(1.1)!important;
	        transform: scale(1.1)!important;
}



@media only screen and (max-width: 600px) {
    #pointerjs-section {
        display: none!important;
    }
	#fl-to-top {
    bottom: 70px!important;
    right: 30px!important;
	bottom: 15px;
    right: 15px;
    width: 35px;
    height: 40px;
}
	
}


body {
	--button-border-radius: 4px;
	--button-bg: transparent;
	--button-stroke: #000;
	--button-stroke-width: 1px;
	--button-text: #000;
	--button-bg-hover: #d8d4cf;
	--button-stroke-hover: #000;
	--button-stroke-width-hover: 1px;
	--button-text-hover: #2b2c2d;
	--cursor-stroke: #fff;
    --cursor-fill: #fff;
    --cursor-stroke-width: 1px;
	--button-filler: #000;
	--color-bg: #ccc;
}

svg.cursor {
display:none;
}

.button {
    border: none !important;
	cursor: pointer;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-width: var(--button-stroke-width);
	border-color: var(--button-stroke);
	border-style: solid;
	color: #c6d059;
	background: #2B2C2D;
	border-radius: var(----button-border-radius);
	width: 397px;
	height: 44px;
	padding: 0;
	margin: 0rem;
	font-family: inherit;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
    font-size: 25px;
	    font-weight: 700;
}
.button:focus,
.button--hover {
	outline: none;
	border-width: var(--button-stroke-width-hover);
	border-color: #2B2C2D;
	background: #2B2C2D;
}

.button__filler {
	background: #c6d059;
	position: absolute;
	width: 0;
	height: 0;
	border-radius: 50%;
	top: -50%;
	left: -25%;
	transform: translate3d(0,75%,0);
}

.button:focus .button__text-inner,
.button--hover .button__text-inner{
	color:#2B2C2D!important;
}

.button__text, 
.button__text-inner {
	color:#c6d059!important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;

}


/* Lien Article */

body.single-bbslife div.fl-rich-text a{
	color: #d2dc65 !important;
	text-decoration: underline;
	font-weight: 600;
}


/* Adjustement typo BB Studio */

.product-grid a{
	font-size: 17px;
}

/* Espace Semrush et infomaniak */

body > div.fl-page > footer > div.fl-row.fl-row-full-width.fl-row-bg-color.fl-node-93gyra4n587f.footer-row > div > div.fl-row-content.fl-row-fixed-width.fl-node-content > div.fl-col-group.fl-node-1p58d29nrzc0.fl-col-group-equal-height.fl-col-group-align-center.fl-col-group-custom-width > div.fl-col.fl-node-nzw2bcuipx06.fl-col-small > div > div > div{
	margin-left: 0;
}

/* Code Promo */
body.woocommerce-cart .coupon{
	display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

body.woocommerce-cart .coupon #coupon_code{
	color: #ffffff !important;
    margin: 0 4px 0 0 !important;
    background: none !important;
    border-color: #d2dc65 !important;
}

body.woocommerce-cart tr.cart-discount.coupon > th{
	text-transform: capitalize !important;
}

/* Fixed btn bb lab */

.fixedBtnBBLab{
	position: fixed;
	top: 60%;
	left: 0%;
	-webkit-transform: rotate(-90deg);
    transform-origin: 0 0;
	transition: all .3s ease-in-out;
	z-index: 999;
}

.fixedBtnBBLab button{
    font-size: 16px;
    line-height: 1.2;
    padding: 6px 12px;
    font-weight: normal;
    text-shadow: none;
    border: 1px solid #cbc8c6;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	background: none;
    border: none;
	padding: 0;
}

.fixedBtnBBLab .button{
	color: #2B2C2D;
    background: #c6d059;
	transition: all .3s ease-in-out;
	border-radius: 4px;
	width: 250px;
}

.fixedBtnBBLab .button:hover{
	color: #c6d059;
    background: #2B2C2D;
}


@media screen and (max-width: 800px) {
  .fixedBtnBBLab .button {
    width: 207px;
    height: 35px;
  }
  .fixedBtnBBLab .button .text{
    font-size: 18px;
  }
	
	.single_add_to_cart_button{
		transform: translatey(50px)
	}
	
}


/* BB LAB */

@media screen and (max-width: 800px) {
	.etapeSingle{
		width: 100% !important;
	}
	
	.contentPopup {
		width: 90% !important;
		padding: 5% !important;
	}
	
	.popover{
		position: fixed;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
		z-index: 99999;
	}
	
	.popover .contentPopup .closerPopup {
		position: absolute;
		top: -15% !important;
		right: -5% !important;
		background-color: #D2DC65 !important;
		color: #2B2C2D !important;
		font-weight: 700 !important;
		border: none;
	}
}

body.postid-5978 h3 span{
	color: #d2dc65 !important;
}


body.postid-5978 h2 span{
	color: #d2dc65 !important;
}

#Panier h2 span{
	color: #3b73b9 !important;
}

body.postid-5978 .contentPopup{
	border-color : #d2dc65 !important;
}

body.postid-5978 .cercleIntervenant span.cercleSpan {
	color: #d2dc65 !important;
	border-color: #d2dc65 !important
}

/* Btn Voir plus (+) services */

.moreInfo span:nth-child(1) {
    transform: rotate(90deg);
    position: absolute;
}

.moreInfo span {
    height: 2px;
    border-radius: 2px;
    width: 50%;
}

.moreInfo{
	display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

section.accordionMarketing .moreInfo{
	background: #ffffff;
}

section.accordionMarketing .moreInfo span {
	background: #2B2C2D;	
}


section.accordionWeb .moreInfo{
	background: #ffffff;
}

section.accordionWeb .moreInfo span {
	background: #D2DC65;
}


section.accordionPhoto .moreInfo{
	background: #ffffff;
}

section.accordionPhoto .moreInfo span {
	background: #3B73B9;
}

section.accordionDesign .moreInfo{
	background: #ffffff;
}

section.accordionDesign .moreInfo span {
	background: #E11E84;	
}

.moreInfo:hover{
	transform: rotate(180deg) !important;
}

.moreInfoBox{
	max-width: 260px;
    width: 260px;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.accordion-item-content{
	padding-bottom: 0 !important;
}


/* Avis Google */

#fl-post-3384 > div > div.fl-builder-content.fl-builder-content-3384.fl-builder-content-primary > div.fl-row.fl-row-full-width.fl-row-bg-color.fl-node-ez42t9ahmfwy > div > div.fl-row-content.fl-row-fixed-width.fl-node-content > div > div > div > div > div.fl-col.fl-node-jhtg08bums4n.fl-col-small > div > div > div > div > div > div > div.ti-reviews-container > div.ti-reviews-container-wrapper > div > div > div.ti-review-content{
	color: #e8e7e6 !important;
}

#fl-post-3384 > div > div.fl-builder-content.fl-builder-content-3384.fl-builder-content-primary > div.fl-row.fl-row-full-width.fl-row-bg-color.fl-node-ez42t9ahmfwy > div > div.fl-row-content.fl-row-fixed-width.fl-node-content > div > div > div > div > div.fl-col.fl-node-jhtg08bums4n.fl-col-small > div > div > div > div > div > div > div.ti-reviews-container > div.ti-reviews-container-wrapper > div > div > div.ti-review-header > div.ti-profile-details > div.ti-name{
	color: #e8e7e6 !important;
}

.ti-widget .source-Google .ti-star.f {
    background-image: url(https://agence-bb.ch/wp-content/uploads/2023/05/icons8-star-filled-50.png) !important;
}

#fl-post-3384 > div > div.fl-builder-content.fl-builder-content-3384.fl-builder-content-primary > div.fl-row.fl-row-full-width.fl-row-bg-color.fl-node-ez42t9ahmfwy > div > div.fl-row-content.fl-row-fixed-width.fl-node-content > div > div > div > div > div.fl-col.fl-node-jhtg08bums4n.fl-col-small > div > div > div > div > div > div > div.ti-reviews-container > div.ti-reviews-container-wrapper > div > div > span.ti-read-more > span{
	color: #e8e7e6 !important;
}

.ti-widget.ti-goog .ti-controls .ti-prev:before {
	background: #e8e7e6 !important;
}
.ti-widget.ti-goog .ti-controls .ti-prev:after {
	background: #e8e7e6 !important;
}

.ti-widget.ti-goog .ti-controls .ti-next:before {
	background: #e8e7e6 !important;
}
.ti-widget.ti-goog .ti-controls .ti-next:after {
	background: #e8e7e6 !important;
}

/* BB Studio */

body.page-id-4448 div.fl-builder-content.fl-builder-content-4448.fl-builder-content-primary > div.fl-row.fl-row-full-width.fl-row-bg-photo.fl-node-2y5e9n7k84ov.fl-row-custom-height.fl-row-align-center.fl-row-bg-overlay > div > div.fl-row-content.fl-row-fixed-width.fl-node-content > div > div > div > div > div.fl-col.fl-node-qi42peysf7w6.fl-col-small > div > div > div > h2 > span{
	word-wrap: normal;
}

@media screen and (width: 2560px) {
body.page-id-4448 #fl-post-4448 > div > div.fl-builder-content.fl-builder-content-4448.fl-builder-content-primary > div.fl-row.fl-row-full-width.fl-row-bg-photo.fl-node-2y5e9n7k84ov.fl-row-custom-height.fl-row-align-center.fl-row-bg-overlay > div > div.fl-row-content.fl-row-fixed-width.fl-node-content > div > div > div > div > div.fl-col.fl-node-qi42peysf7w6.fl-col-small > div > div > div > h2{
	transform: translateX(30px);
	}
}

@media screen and (max-width: 600px) {
body.page-id-4448 #fl-post-4448 > div > div.fl-builder-content.fl-builder-content-4448.fl-builder-content-primary > div.fl-row.fl-row-full-width.fl-row-bg-photo.fl-node-2y5e9n7k84ov.fl-row-custom-height.fl-row-align-center.fl-row-bg-overlay > div > div.fl-row-content.fl-row-fixed-width.fl-node-content > div > div > div > div > div.fl-col.fl-node-qi42peysf7w6.fl-col-small > div > div > div{
	padding: 20px;
	}
	
	#product-4703 > div > form > button{
		right: 0% !important;
		width: 100% !important;
	}
	#fl-post-4448 > div > div.fl-builder-content.fl-builder-content-4448.fl-builder-content-primary > div.fl-row.fl-row-full-width.fl-row-bg-color.fl-node-4su3b6chzinp.fl-row-custom-height.fl-row-align-center > div > div.fl-row-content.fl-row-fixed-width.fl-node-content > div.fl-col-group.fl-node-0y5g2jne7vbi > div > div > div.fl-col-group.fl-node-yiroqtvcx6m7.fl-col-group-nested a{
		margin-top: 5px;
		margin-bottom: 5px;		
	}
}

@media screen and (min-width: 2560px) {
	#fl-post-4448 > div > div.fl-builder-content.fl-builder-content-4448.fl-builder-content-primary > div.fl-row.fl-row-full-width.fl-row-bg-photo.fl-node-2y5e9n7k84ov.fl-row-custom-height.fl-row-align-center.fl-row-bg-overlay > div > div.fl-row-content.fl-row-fixed-width.fl-node-content{
		max-width: 80vw;
	}

	#fl-post-4448 > div > div.fl-builder-content.fl-builder-content-4448.fl-builder-content-primary > div.fl-row.fl-row-full-width.fl-row-bg-photo.fl-node-2y5e9n7k84ov.fl-row-custom-height.fl-row-align-center.fl-row-bg-overlay > div > div.fl-row-content.fl-row-fixed-width.fl-node-content > div > div > div > div > div.fl-col.fl-node-3d4gim7wuvo6.fl-col-small{
		width: 10%;
	}
	#fl-post-4448 > div > div.fl-builder-content.fl-builder-content-4448.fl-builder-content-primary > div.fl-row.fl-row-full-width.fl-row-bg-photo.fl-node-2y5e9n7k84ov.fl-row-custom-height.fl-row-align-center.fl-row-bg-overlay > div > div.fl-row-content.fl-row-fixed-width.fl-node-content > div > div > div > div > div.fl-col.fl-node-qi42peysf7w6.fl-col-small{
		width: 44%;
	}
}

/* Anim Page Services */

@keyframes move-bg {
    to {
        background-position: var(--bg-size) 0;
    }
}

div.yellow a {
    --bg-size: 400%;
    --color-one: #E81486;
    --color-two: #acbb00;
    font-family: sans-serif;
    font-weight: bold;
    background: linear-gradient(90deg, var(--color-one), var(--color-two), var(--color-one)) 0 0 / var(--bg-size) 100%;
    color: transparent !important;
    -webkit-background-clip: text;
    animation: move-bg 8s infinite linear;
    transition: all .3s ease-in-out;
}

p {
    transition: all .3s ease-in-out;
}

div.yellow p:hover {
    transform: translateX(15px);
}

div.pink p:hover {
    transform: translateX(-15px);
}

div.white p:hover {
    transform: translateX(-15px);
}

div.blue p:hover {
    transform: translateX(15px);
}

div.pink a {
    --bg-size: 400%;
    --color-one: #E81486;
    --color-two: #3B5AA7;
    font-family: sans-serif;
    font-weight: bold;
    background: linear-gradient(90deg, var(--color-one), var(--color-two), var(--color-one)) 0 0 / var(--bg-size) 100%;
    color: transparent !important;
    -webkit-background-clip: text;
    animation: move-bg 8s infinite linear;
    transition: all .3s ease-in-out;
}


div.pink .left{
    align-items: end;
}
div.white .left{
    align-items: end;
}



div.blue a {
    --bg-size: 400%;
    --color-one: #3B5AA7;
    --color-two: #e8e7e6;
    font-family: sans-serif;
    font-weight: bold;
    background: linear-gradient(90deg, var(--color-one), var(--color-two), var(--color-one)) 0 0 / var(--bg-size) 100%;
    color: transparent !important;
    -webkit-background-clip: text;
    animation: move-bg 8s infinite linear;
    transition: all .3s ease-in-out;
}

div.white a {
    --bg-size: 400%;
    --color-one: #e8e7e6;
    --color-two: #d2dc65;
    font-family: sans-serif;
    font-weight: bold !important;
    background: linear-gradient(90deg, var(--color-one), var(--color-two), var(--color-one)) 0 0 / var(--bg-size) 100%;
    color: transparent !important;
    -webkit-background-clip: text;
    animation: move-bg 8s infinite linear;
    transition: all .3s ease-in-out;
}

div.headingAnimWhite span{
    --bg-size: 400%;
    --color-one: #e8e7e6;
    --color-two: #868686;
    /* font-family: sans-serif; */
    /* font-weight: bold !important; */
    background: linear-gradient(90deg, var(--color-one), var(--color-two), var(--color-one)) 0 0 / var(--bg-size) 100%;
    color: transparent !important;
    -webkit-background-clip: text;
    animation: move-bg 8s infinite linear;
    transition: all .3s ease-in-out;
}

div.headingAnimYellow span {
    --bg-size: 400%;
    --color-one: #d2dc65;
    --color-two: #888e3d;
    /* font-family: sans-serif; */
    /* font-weight: bold !important; */
    background: linear-gradient(90deg, var(--color-one), var(--color-two), var(--color-one)) 0 0 / var(--bg-size) 100%;
    color: transparent !important;
    -webkit-background-clip: text;
    animation: move-bg 8s infinite linear;
    transition: all .3s ease-in-out;
}


div.headingAnimPink span {
    --bg-size: 400%;
    --color-one: #e11e84;
    --color-two: #8e004a;
    /* font-family: sans-serif; */
    /* font-weight: bold !important; */
    background: linear-gradient(90deg, var(--color-one), var(--color-two), var(--color-one)) 0 0 / var(--bg-size) 100%;
    color: transparent !important;
    -webkit-background-clip: text;
    animation: move-bg 8s infinite linear;
    transition: all .3s ease-in-out;
}


div.headingAnimBlue span {
    --bg-size: 400%;
    --color-one: #3b73b9;
    --color-two: #044aa3;
    /* font-family: sans-serif; */
    /* font-weight: bold !important; */
    background: linear-gradient(90deg, var(--color-one), var(--color-two), var(--color-one)) 0 0 / var(--bg-size) 100%;
    color: transparent !important;
    -webkit-background-clip: text;
    animation: move-bg 8s infinite linear;
    transition: all .3s ease-in-out;
}

/* Shooting photos portrait */

body.postid-4932 #yith-wapo-option-1-0 > label > span.checkboxbutton, #yith-wapo-option-1-1 > label > span.checkboxbutton {
	margin-right: 20px !important;
	margin-bottom: 10px;
}

body.postid-6139 #yith-wapo-option-3-0 > label > span.checkboxbutton{
	margin-right: 20px !important;
	margin-bottom: 10px;
}

body.postid-4932 #yith-wapo-addon-1 > h3{
	font-family: 'Roboto Flex', sans-serif!important;
    font-weight: 700;
    text-align: left;
    color: #E8E7E6 !important;
	font-size: 14px !important;
} 

body.postid-6139 #yith-wapo-addon-3 > h3{
	font-family: 'Roboto Flex', sans-serif!important;
    font-weight: 700;
    text-align: left;
    color: #E8E7E6 !important;
	font-size: 14px !important;
} 

#wapo-total-price-table > table > tbody > tr.wapo-product-price, #wapo-total-price-table > table > tbody > tr.wapo-total-options{
	display: none;
}

/* Section Matériels BB-studio */
.listMaterials ul.pp-list-items{
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0 50px !important;
}

.listMaterials ul.pp-list-items li{
	width: 45% !important;
}

@media screen and (max-width: 800px) {
	.listMaterials ul.pp-list-items li{
	width: 100% !important;
}
}

/* Médias et Presse */

/* Inversion image et texte */
.pp-logo-inner-wrap{
	display: flex !important;
	flex-direction: column-reverse !important;
}

/* Alignement du contenu en  */

div.fl-col-content.fl-node-content.ui-sortable > div.fl-module.fl-module-pp-logos-grid.fl-node-n3hjqorls94a.fl-animation.fl-fade-in.containerMedia > div > div > div.bx-wrapper > div > div > div{
	align-items: baseline !important;
}

div.containerMedia div.pp-logo{
	align-items: baseline !important;
}
div.fl-module.fl-module-pp-logos-grid.fl-node-n3hjqorls94a.fl-animation.fl-fade-in.containerMedia > div > div > div.bx-wrapper > div > div > div > a{
	width: inherit !important;
}

/* Crop texte titles  */
div.containerMedia p.logo-title{
	    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight: 700 !important;

}

.mediasPresse div.card-content{
display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
	flex-direction: column;
}
.mediasPresse div.card-content h2{
	font-size: 1.4em !important;	
}

@media screen and (max-width: 800px) {
	.mediasPresse h2{
		/*white-space: nowrap;*/
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/* Texte dates */
div.containerMedia span{
	font-weight: 500 !important;
	font-size: 18px !important;

}

/* Transition textes hover  */
div.fl-module.fl-module-pp-logos-grid.fl-node-n3hjqorls94a.fl-animation.fl-fade-in.containerMedia.fl-animated > div > div > div.bx-wrapper > div > div > div > a > div > div > div.title-wrapper > p{
	transition: all .3s ease-in-out !important;
}

/* RESPONSIVE taille textes  */
@media screen and (max-width: 600px) {
		div.containerMedia p.logo-title{
		font-size: 16px !important;

}
	div.containerMedia span{
		font-weight: 500 !important;
		font-size: 14px !important;
	}
}

/* Hauteur minimale texte + alignement milieu  */
div.logo-image-wrapper{
	min-height: 80px !important;
	max-height: 80px !important;
	display: flex !important;
	align-items: center !important;
}
:root{
    --tec-color-text-primary: white !important;
	--tec-color-background-events-bar: transparent !important;
	--tec-color-accent-secondary: #3b73b9 !important;
}

div.tribe-events-tooltip-theme * {
	color: black !important;
}

h1, h2, h3, h4, h5, h6, body, p, a, button{
	font-family: "Roboto Flex" !important;
}

.tribe-events-calendar-list__month-separator-text{
	text-transform: capitalize !important;
}