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


:root {
	--red: var(--theme-palette-color-3, #D60B52);
	--blue: var(--theme-palette-color-2, #00374E);
	--green: var(--theme-palette-color-1, #00A19A);
	--white: var(--theme-palette-color-8, #FFFFFF);
}

#gform_confirmation_message_1, #gform_confirmation_message_2 {
	text-align: center !important;
}

.grecaptcha-badge {
	display: none;
}

@media screen and (min-width: 998.8px) {
	.stick-right-width > .brz-column__items {
		max-width: calc(100% - ((100vw - 1280px) / 2) - 75px) !important;
		margin-right: auto !important;
	}
}

/** STROKE TITLES **/

.stroke-full-text * {
	-webkit-text-stroke-width: 1px;
}

.stroke-full-text--red * {
	-webkit-text-stroke-color: var(--red);
}

.stroke-full-text--blue * {
	-webkit-text-stroke-color: var(--blue);
}

.stroke-full-text--green * {
	-webkit-text-stroke-color: var(--green);
}

.stroke-full-text--white * {
	-webkit-text-stroke-color: var(--white);
}

/** Using brizy italic style to create an em tag so we can target one specific part of the text **/
.stroke-partial-text em { 
	-webkit-text-stroke-width: 1px;
	font-style: normal !important;
}

.stroke-partial-text--red em {
	-webkit-text-stroke-color: var(--red);
}

.stroke-partial-text--blue em {
	-webkit-text-stroke-color: var(--blue);
}

.stroke-partial-text--green em {
	-webkit-text-stroke-color: var(--green);
}

.stroke-partial-text--white em {
	-webkit-text-stroke-color: var(--white);
}

/** HEADER **/

.expert-button > a {
	padding: 8px 20px !important;
	border-radius: 8px;
	background: var(--tonic-blue, #2DC7E3);
	color: var(--Logo-Bleu, #00374E) !important;
	font-size: 16px!important;
	font-weight: 900!important;
	height:40px !important;
	width: fit-content!important;
}

.btn-webinar > a {
	padding: 8px 20px !important;
    border-radius: 8px;
    background: var(--red);
    color: var(--white) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    height: 40px !important;
    width: fit-content !important;
	margin-right: 10px;
}

@media (max-width: 991px) {
	.btn-webinar {
		margin-bottom: 10px;
	}
}

/** HOME **/

/* Notre promesse section */
.box-shadow-promesse-left > .brz-bg {
	box-shadow: 0px 162px 45px 0px rgba(0, 0, 0, 0.00), 0px 103px 41px 0px rgba(0, 0, 0, 0.01), 0px 58px 35px 0px rgba(0, 0, 0, 0.05), 0px 26px 26px 0px rgba(0, 0, 0, 0.09), 0px 6px 14px 0px rgba(0, 0, 0, 0.10)!important;
}

.box-shadow-promesse-right{
box-shadow: 0px 162px 45px 0px rgba(0, 0, 0, 0.00), 0px 103px 41px 0px rgba(0, 0, 0, 0.01), 0px 58px 35px 0px rgba(0, 0, 0, 0.05), 0px 26px 26px 0px rgba(0, 0, 0, 0.09), 0px 6px 14px 0px rgba(0, 0, 0, 0.10);
    border-radius: 0 40px 40px 0;
}

@media screen and (max-width:991px) {
	.box-shadow-promesse-right {
		border-radius: 0 0 40px 40px!important;
	}
}

/* Les forces section */

.force-col {
	display: flex;
    gap: 16px;
    align-items: center;
}

.force-col .text-force * {
	margin: 0;
}
.force-col .text-force ul {
	padding-inline-start: 20px!important;
}

.force-col .text-force h4 {
	color: var(--Logo-Bleu, #00374E);
font-size: var(--Size-Header-4, 24px);
font-style: normal;
font-weight: 700;
line-height: 120%; 
}

.force-col .text-force li {
	color: var(--Logo-Bleu, #00374E);
font-size: var(--Size-Body, 16px);
font-style: normal;
font-weight: 400;
line-height: 160%;
}

.box-shadow-force > .brz-bg {
	box-shadow: 0px 138px 39px 0px rgba(0, 0, 0, 0.00), 0px 88px 35px 0px rgba(0, 0, 0, 0.01), 0px 50px 30px 0px rgba(0, 0, 0, 0.05), 0px 22px 22px 0px rgba(0, 0, 0, 0.09), 0px 6px 12px 0px rgba(0, 0, 0, 0.10)!important;
}

/* Ils témoignent section */

.video-temoignages :is(.slick-slider, .slick-list, .slick-track) {
	overflow:visible!important;
}
.video-temoignages .brz-video-content{
	border-radius: 7px !important; 
	overflow: hidden!important; 
}

/* FAQ section */

.faq {
	max-width: 770px;
	margin: 0 auto!important;
}

.faq .brz-accordion .brz-accordion__item:last-child {
	border-bottom: 0!important;
}

/* Votre profil section */

.svg-center .brz-embed-code {
	text-align: center;
}

/* Video HOME */
.main-video-banner .brz-spacer {
	height: calc((100vw * 0.526) / (16/9)) !important;
}

.main-video-banner > .brz-bg > .brz-bg-color{
    z-index: 3;
    pointer-events: none;
}

.main-video-block {
    position: absolute!important;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.main-video-block .brz-video__cover{
	background-position: 50% 50%;
    background-size: 100%;	
}
.bgChanged:before{
	opacity:0!important;
}

.main-video-block .brz-video-custom-video-controls *, 
.main-video-block .brz-video-custom-video-controls .brz-video-custom-volume-controls {
    display: none !important;
}
.main-video-block .brz-video-custom-video-controls .brz-video-custom-volume, 
.main-video-block .brz-video-custom-video-controls .brz-video-custom-volume-btn,
.main-video-block .brz-video-custom-video-controls .brz-video-custom-volume-btn *{
	 display: flex !important;
}
.main-video-block .brz-video-custom-video-controls {
    background-color: transparent !important;
}
.main-video-block .brz-video-custom-volume{
    background: white;
    padding: 10Px;
    border-radius: 50%;
    aspect-ratio: 1;
}

.main-video-block .brz-video-custom-volume .brz-video-custom-mute{
   visibility: hidden;
   width: 0;
}
.hiddenVolume {
   visibility: hidden!important;
   width: 0!important;
}
.showedVolume{
   visibility: visible!important;
   width: 1em!important;	
}
.main-video-block .brz-video{
	height: 100% !important;
}
.main-video-block .brz-custom-video .brz-video-elem video {
    height: calc(100% - 0px)!important;
}
.main-video-block .brz-video-elem{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
	justify-content: end!important;
	padding:20px!important;
}

@media (max-width: 1450px) {
	.main-video-banner, .main-video-text {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.main-video-banner .brz-spacer {
		height: calc(100vw / (16/9)) !important;
	}
	
	.video-switcher-container {
		position: relative !important;
	}
	
	.video-thumbnails {
		flex-direction: row !important;
	}
	
	.video-thumbnail{
		width:150px !important;
	}
	
	.video-switcher-brz-container{
		width: 100% !important;
		position: relative !important;
		top: 0 !important;
		right: 0 !important;
	}
	
	.main-video-text > .brz-column__items {
		margin-right: auto !important;
		margin-left: auto !important;
	}
	
	.main-video-banner > .brz-bg .brz-bg-color {
		background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 68%, rgba(var(--brz-global-color8), 1) 99%) !important;
	}
}

@media (max-width:650px){
	.video-thumbnail{
		width:100px !important;
	}
}