/*Theme Name: Veka France
Description: Theme enfant de Veka France
Author: Topadev - Adgence de communication 93
Author URI: https://www.topadev.com/
Template: Divi
Version: 0.1.0
*/

*::selection{
	color:#ffffff;
	background-color:#1E90FF;
}
/*SCROLL MENU*/
div.mobile_nav ul.et_mobile_menu {
    overflow-y: scroll;
    max-height: 50vh !important;
}
/*MENU CSS*/
ul#menu-veka-france ul{
	width:230px;
}
ul#menu-veka-france .menu-item-has-children li, ul#menu-veka-france .menu-item-has-children li a{
	width:100%;
}
ul#menu-veka-france .menu-item-has-children ul.sub-menu li ul.sub-menu{
	left:230px;
}
ul#menu-veka-france .menu-item-has-children ul.sub-menu{
	padding:10px 0 !important;
	top:-13px;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100% - 1px) !important;
}

ul#menu-veka-france .menu-item-has-children ul.sub-menu li.menu-item{
	padding:0 3px;
	
}

/*
@media (min-width: 992px) {
    .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:before {
        content: "";
        background-color: #1E90FF;
        position: absolute;
        top: 65%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 2px;
		opacity: .2;
        width: 1.5rem;
        transition: background-color 0.3s, width 0.3s, opacity 0.3s;
    }
}

@media (min-width: 992px) {
     .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:hover::before {
        background-color: #1E90FF;
        width: 3rem;
		opacity: 1;
    }
}
*/





/*END MENU CSS*/

div.mobile_nav .et_mobile_menu {
    overflow-y: scroll !important;
	max-height: 80vh !important;
}

/*BLOG VK*/
.blog-veka-fullwidth div.et_pb_row_0{
width: 100% !important;
max-width: 1400px !important;
	padding:0;
}

.blog-veka-fullwidth div.et_pb_section{

	padding-top:0;
}

ul.sub-menu > li.title-cat-menu > a{
	color:#ff0000 !important;
}


/*HEADER VK*/

@media (min-width: 992px) {
    .header-vk:before {
        height: 850px;
        left: -85px;
        transform: translateY(-50%);
        width: 850px;
    }
}
.header-vk:before {
    border-radius: 999rem;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.header-vk:before {
/*     -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px); */
    background-color: rgba(3, 9, 111, .8); 
/* 	background-color: rgba(30, 144, 255, .8); */
    height: 850px;
    width: 850px;
}

.header-vk:after {
    border: 10px solid #ffffff;
    height: 600px;
    width: 600px;
}

.header-vk:after{
    border-radius: 999rem;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 992px) {
    .header-vk:after {
        height: 770px;
        left: -60px;
        transform: translateY(-50%);
        width: 770px;
    }
}

/*MENU

ul#menu-veka-france > li:nth-of-type(1) a:before{
	    content: "";
    position: absolute;
    bottom: 22px;
    width: 100%;
    height: 3px;
    background-color: #1E90FF;
    transform: scaleX(0) translateZ(0);
    left: 0;
    transform-origin: right;
    transition: transform .6s cubic-bezier(.86,0,.07,1);
}
ul#menu-veka-france > li:nth-of-type(1) a:hover:before {
    transform: scaleX(1) translateZ(0);
    transform-origin: left;
}

END MENU*/



article.category-cest-quoi{
	margin-bottom:15px !important;
	padding-top:15px !important;
	padding-bottom:10px !important;
}

.link-1, .list-link-1 a {
    background-color: transparent;
    color: #03096E;
    display: inline-block;
    font-weight: bold;
    page-break-before: 5px;
    position: relative;
    transition: .3s;
}

.link-1::before, .list-link-1 a::before {
    content: "";
    background-color: #1E90FF;
    opacity: .2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
}

.link-1:hover, .list-link-1 a:hover {
    color: #1E90FF;
}
.link-1::after, .list-link-1 a:after{
    content: "";
    background-color: #1E90FF;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    transition: .3s;
}
.link-1:hover::after, .list-link-1 a:hover::after {
    width: 100%;
}

/* div.et_pb_text_inner p strong{
	color:#1E90FF;
} */

.text-under {
    color: #1E90FF;
    display: inline-block;
    font-weight: bold;
    position: relative;
    isolation: isolate;
}

.text-under::before{
    content: "";
    background-color: #1E90FF;
    position: absolute;
    opacity: .15;
    bottom: 0;
    left: 50%;
    width: calc(100% - 10px);
    height: 40%;
    transform: translateX(-50%);
    z-index: -1;
}





li.title-cat-menu a{
	font-weight:700;
}

li.mega-menu ul.sub-menu > li > ul > li.title-bold > a:first-child{
	font-weight:700;
	color:#61B1FF !important;
	
}



.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
	max-width: max-content;
	padding:inherit 100px !important;
}




/*Titre bold sur le premier enfant a*/
/*li.title-bold > a:first-child{
	font-weight:700;
}
*/



li.mega-menu ul.sub-menu {
	display: flex;           
                   flex-wrap:wrap;
    list-style: none;
	
}
li.mega-menu ul.sub-menu li{
	flex: 1;     
	width:100%
}

li.mega-menu ul.sub-menu li a{
	width:100% !important;
	
}


.img-vk:after{
	content:url('/wp-content/uploads/2024/04/vk.jpg');
	position:absolute;
	z-index:10000;
	bottom:20px;
	right:20px;
}
.img-vekafrance:after{
	content:url('/wp-content/uploads/2024/04/VEKAFRANCE.jpg');
	position:absolute;
	z-index:10000;
	bottom:20px;
	right:20px;
}

div.references span img {object-fit: cover;}


/*
ul#menu-veka-france li.menu-item-has-children a{
	background:initial;
}

ul#menu-veka-france li a{
	background:linear-gradient(to top, transparent 40%, rgba(30,144,255,0.5) 40.01%, rgba(30,144,255,0.5) 50%, transparent 50.01%) no-repeat;
	background-size:0 100%;
}

ul#menu-veka-france li a:hover{
	background-size:100% 100%;
	transition: background-size .3s;
	position:relative;
}*/

.li-veka {
    list-style-type: none !important; /* Supprime les puces par défaut */
    padding-left: 0; /* Supprime l'indentation par défaut */
}

.li-veka li {
    position: relative; /* Permet de positionner le carré par rapport à l'élément li */
    padding-left: 25px; /* Ajoute de l'espace pour le carré bleu */
    margin-bottom: 10px; /* Optionnel : ajoute de l'espace entre les éléments de la liste */
}

.li-veka li:before {
    content: ""; /* Nécessaire pour générer le carré */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); /* Centre le carré verticalement */
    width: 10px; /* Taille du carré */
    height: 10px; /* Taille du carré */
    background-color: #1E90FF; /* Couleur du carré */
}

.et-menu-nav .nav li ul{
	width:300px !important;
}
ul#menu-veka-france .menu-item-has-children ul.sub-menu li ul.sub-menu {
    left: 300px;
}

.angle-cut{
	clip-path: polygon(0 0, 100% 0, 100% 75%, 93% 100%, 80% 100%, 0% 100%);
}