/*
 Theme Name:     Veronique Clanet
 Theme URI:      https://labaleinebasque.fr
 Description:    Theme Développé par la Baleine Basque
 Author:         WPTheme.fr
 Author URI:     https://labaleinebasque.fr
 Template:       Divi
 Version:        2022
*/
 
 
/* =Vous pouvez personnalisez à partir d'ici. 
------------------------------------------------------- */

/* Custom Menu Header  */

#mobile_menu_slide li a :hover {
    color:#e2a829!important;
}

.et_slide_in_menu_container ul#mobile_menu_slide {
    display: flex!important;
    flex-direction: column;
    justify-content: center;
}

@media screen and (min-width: 978px) {
    .mobile_menu_bar:before {
        font-size: 50px;
        color: #e2a829;
    }

    .mobile_menu_bar.et_pb_header_toggle.et_toggle_fullscreen_menu {
        margin-left: -100px;
    }

    header span.mobile_menu_bar:before {
        background-image: url('https://veronique-clanet.com/wp-content/uploads/2022/04/menu-element.png');
        color: transparent!important;
        background-size: cover;
    }
    
    header span.mobile_menu_bar:after {
            position: relative !important;
            content: 'MENU';
            bottom: 15px;
            left: 20%;
            color: #000000;
           
    }
}

.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened {
    opacity: 1!important;
}

/* Overlay gallery custom  */

.mfp-counter {
    display: none;
}

.mfp-bg {
    background-color: black;
    opacity: 1!important;
}

.mfp-content button:after {
    opacity: 1;
}

.et_pb_gallery_title::first-line {
    font-size: 20px!important
}

@media screen and (min-width: 978px ) {

    .mfp-container {
        padding: 0 10%!important;
        display: flex;
        align-items: center;
    }

    .mfp-content {
        float: left;
        margin: unset;
    }

    .mfp-image-holder .mfp-content {
        max-width: 70%!important;
    }
    .mfp-bottom-bar {
        top: 50%!important;
        left: 110%!important;
    }

    .mfp-title {
        font-size: 16px;
        line-height: 25px!important;
        font-weight: 600;
    }

    .mfp-title::first-line {
        font-size: 26px!important;
    }

    .et_pb_gallery_title {
        color: white;
    }
}

/*position the gallery items*/

.pa-gallery-text-over-image .et_pb_gallery_item {
	position: relative;
}


/*remove the default top margin from the title*/

.pa-gallery-text-over-image .et_pb_gallery_title {
	margin: 0 !important;
}


/*set the overlay z-index*/

.pa-gallery-text-over-image .et_overlay {
	z-index: 1;
}


/*position and style the title and caption text container*/

.pa-gallery-text-over-image .pa-gallery-text {
	position: absolute;
    height: 150px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: transparent;
	opacity: 0;
	transition: all .5s ease-in-out;
}


/*show the title and caption on hover*/

.pa-gallery-text-over-image .et_pb_gallery_item:hover .pa-gallery-text {
	opacity: 1;
}

/*added this to make the gallery images open in lightbox*/

.pa-gallery-text-over-image .et_overlay {
	pointer-events: all !important;
}


/* Custom img gallery size  */

.size1-1 .et_pb_gallery_image {
    padding-top: 136.25%;
    display: block;
  }

.size1-1 .et_pb_gallery_item img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
  } 


  /* L'ATELIER PAGE  */

  @media screen and (min-width: 978px) {

  .page-id-883 .mfp-title {
      font-size: 25px!important;
      width: max-content;
  }
}