/*
Theme Name: VBQ
Description: Theme enfant du theme Divi. Vous pouvez desormais le personnaliser sans risquer de perdre vos modifications
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: Divi
Version: 1.0
*/
:root {
	--main-bg-color: #0373b5;
	--second-bg-color: #1c294a;
  }

@font-face {
    font-family: 'james_fajardoregular';
    src: url('../VBQ/fonts/james_fajardo_vbq-webfont.woff2') format('woff2'),
         url('../VBQ/fonts/james_fajardo_vbq-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body:not(.page-id-67):not(.page-id-69) .grecaptcha-badge{
    display:none;
}

.flex{
	display:flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

h1#wdg-title{
	font-size:200px;
}
.vbq-font{
	font-family: 'james_fajardoregular','Open sans', Arial, Helvetica, sans-serif;
	font-weight: normal !important;
    font-style: normal !important;
}
h1.vbq-font{
	font-size: 15rem !important;
	letter-spacing: 5px;
}
.vbq-font-md{
	font-size:8rem;
}
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul{
	background-color: #fff !important;
}
.hiddentext{display:none;}

/* SUPPRESSION DE LA LIGNE SOUS MENU */
#main-header {
	box-shadow: inherit;
	-moz-box-shadow: inherit;
	 -webkit-box-shadow: inherit; 
	}

/* CENTRER DU CONTENU VERTICALEMENT */
.dc-centrer-verticalement {
	display: flex;
	flex-direction: column;
	justify-content: center;
  	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	 -moz-box-orient: vertical;
	 -moz-box-direction: normal;
	  -ms-flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
}

/* MODIF COULEUR SCROLL TO TOP */
.et_pb_scroll_top.et-pb-icon {
    background: rgb(3,115,181);
}

.woocommerce-store-notice, p.demo_store{
	background-color: #8e72a5;
}

#et-top-navigation .et-cart-info {
    color: rgb(3,115,181);
}


/*******************************************************
                TARTE AU CITRON
*******************************************************/
/** boite de dialogue une fois le consentement passé **/
body:not(.page-id-224558) #tarteaucitronAlertSmall {
    display: none !important;
}
/* couleur bandeau */
#tarteaucitronRoot #tarteaucitronAlertBig{
	background: var(--second-bg-color) !important;
}
/* couleur bouton */
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronPercentage,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
background: var(--main-bg-color) !important;
font-size: 13px !important;
}

#tarteaucitronDisclaimerAlert, #tarteaucitronDisclaimerAlert strong{
    color: #fff !important;
}
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
    color: var(--main-bg-color) !important;
}
#tarteaucitronAlertSmall {
background-color: rgba(0,0,0,0.5) !important;
}
#tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronCloseAlert {
border-radius: 3px !important;
padding: 5px 10px !important;
}
/*******************************************************
               END TARTE AU CITRON
*******************************************************/

/** SLIDER HOMEPAGE **/
.slick-slider
{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-slide
{
float: left;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
	position:relative;
	display:inline-block;
	width: 25px;
	height: 25px;
	margin: 0 5px;
	padding:0;
	cursor:pointer;
}
.slick-dots li button{
	font-size: 0;
	line-height: 0;
	display: block;
	width: 25px;
	height: 25px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:before{
	font-family: 'slick';
	font-size: 20px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
	opacity: .75;
	color:black;
}
.slick-prev:before {
	content: "◄";
}
.slick-next:before {
	content: "►";
}
.slick-prev:before, .slick-next:before{
    font-size: 40px;
    line-height: 1;
    opacity: 1;
    color: #e6e6e6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev, .slick-next{
	font-size: 0;
	line-height: 0;
	position: absolute;
	bottom:50%;
	display: block;
	width: 40px;
	height: 40px;
	z-index:100;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-next {
    right: 25px;
}
.slick-prev {
    left: 25px;
}
/** END SLIDER HOMEPAGE **/

/** WOOCOMMERCE **/
.woocommerce div.product form.cart .variations td select#pa_date,
.woocommerce-variation-add-to-cart select#depart{font-size:15px !important;padding:12px;background-color: rgba(142, 113, 165,0.3);border:1px solid #1c294a !important;border-radius:0;}
.woocommerce-variation-add-to-cart label{font-weight:bold;}
#product-sortie form.cart .variations td.value span:after{ -webkit-transform: inherit !important;
    transform: inherit !important;bottom:55%;}
#product-sortie .woocommerce-variation-add-to-cart{margin-bottom: 40px;}

.woocommerce div.product form.cart .variations td {
    padding-bottom: 0 !important;
}
/* en stock couleur */
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock{
	color:#0373b5 !important;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment,
.woocommerce-checkout #payment div.payment_box {
    background-color: #fafafa;
	font-size: 14px;
}
/*se connecter*/
.wc-block-checkout__login-prompt{background-color: #0373b5;color:white !important; padding: 0 12px;font-size:14px !important;}
/** END WOOCOMMERCE **/

@media screen and (max-width: 1600px) {
    #autocar-hero{
        opacity: 0.72;
    }
}
@media screen and (min-width: 980px) and (max-width: 1261px) {
    #top-menu-nav li{
        font-size:12px;
    }
	h1.vbq-font{
		font-size: 10rem !important;
	}
	h1#wdg-title{
		font-size:148px !important;
	}
	#wdg-phone-home{
		padding-left: 3.5vw !important;
	}
}

/* INVERSER LES COLONNES */
@media only screen and (max-width : 980px) {
	.dc_inverser_colonnes-section .dc_inverser_colonnes-ligne {
	  display: -webkit-flex;
	  display: -ms-flex;
	  display: flex;
	  -webkit-flex-direction: column-reverse;
	  -ms-flex-direction: column-reverse;
	  flex-direction: column-reverse;
	}
	h1.vbq-font{
		font-size: 8rem !important;
	}
	.vbq-font-md{
		font-size:5rem;
	}

  }
  
@media screen and (max-width: 767px) {
	#wdg-title{
		font-size:150px !important;
	}
	h1.vbq-font{
		font-size: 6rem !important;
	}
	.vbq-font-md{
		font-size:4rem;
	}
	.slick-prev, .slick-next{
		display: none;
	}
}
@media screen and (max-width: 500px) {
	h1.vbq-font{
		font-size: 5rem !important;
	}
	#wdg-title{
		font-size:98px !important;
	}
}

@media screen and (max-width: 375px) {
    h1{
        font-size: 37px !important;
    }
	#wdg-title{
		font-size:80px !important;
	}
}
@media screen and (max-width: 300px) {
	#wdg-title{
		font-size:70px !important;
	}
}