/*
Theme Name: Lekker Child
Theme URI: https://lekker.qodeinteractive.com
Description: A child theme of Lekker
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0.0
Text Domain: lekker
Template: lekker
*/

/*****MENU BURGER*****/

/*rends visible la croix et le logo quand le menu rouge est ouvert */
@media screen and (max-width:4000px){
    #qodef-fullscreen-area {
    z-index:1 !important;
    }
}

/* remet la croix et le logo sur le menu ouvert rouge */
@media screen and (max-width:600px){
.qodef-fullscreen-menu-holder{
z-index:1 !important;
}
}

/*action sur la taille de la typo dans le menu mobile fond rouge*/
@media only screen and (max-width: 480px) { .qodef-fullscreen-menu .qodef-menu-item-text{
	font-size: 40px;
}
}

/*ajoute de la marge au dessus du texte dans le menu ouvert*/
.qodef-fullscreen-menu{
margin-top:20%;
}


/*****HEADER*****/

/*petite marge douce dans la zone du header autour du logo et bouton menu*/
#qodef-page-mobile-header-inner{
	margin-left: 0px;
	margin-right: 0px;
	padding : 10px;
}

/*petite marge douce dans la zone du header autour du logo et bouton menu quand le menu est ouvert */
.qodef-page-mobile-header-logo-opener{
	margin: 0px;
	padding: 10px
}

/*fait en sorte que le contenu du header occupe bien toute la largeur */
@media only screen and (max-width: 680px) {
  #qodef-page-mobile-header-inner .qodef-page-mobile-header-logo-opener {
    width: 100%;
  }
}

/*ajuste la taille du logo dans le header */
#qodef-page-mobile-header .qodef-mobile-header-logo-link {
  position: relative;
  display: flex;
  align-items: center;
  height: 55px;
  max-height: 100%;
  max-width: 100%;
}



/*****FOOTER*****/

/*ajuste les marges dans le footer */
#qodef-page-footer-bottom-area{
	padding: 20px;
}

/*ajuste les éléments dans le footer */
#qodef-page-footer .qodef-grid-item{
display: flex;
justify-content: space-between;
}

/*ajuste les marges dans le footer */
#qodef-page-footer .widget {
	margin: 0px ;
	display: flex;
}

/*ajuste la taille des RS*/
#qodef-page-footer .wp-block-social-links {
	font-size: 16px;
}

/*marge autour RS=0*/
#qodef-page-footer .widget ul:not(.qodef-shortcode-list) li {
	margin: 0px;
}

/*size box footer mobile*/
@media only screen and (max-width: 480px) {
  #qodef-page-footer .qodef-content-grid {
    width: 320px;
  }
  .qodef--boxed .qodef-content-grid {
    width: 320px;
  }
}

/*****GRID GRAPHIC DESIGN*****/

/*supprime slug cliquable*/
#qodef-single-portfolio-navigation {
	margin-top:0px;
	visibility: hidden
}

/*reduit la taille du slug sur mobile pour que ça ne déborde pas du cadre*/
@media only screen and (max-width: 480px) {
	.qodef-e-info-category, a{
	font-size: 11px
  }
}

/*reduit la taille du titre projet sur mobile pour que ça ne déborde pas du cadre*/
@media only screen and (max-width: 480px) {
	.qodef-e-title, h5{
	font-size: 15px
  }
}



/*****PAGE PROJECT*****/

/*espace before la nav*/
.single-portfolio-item #qodef-page-inner{
	padding-top: 30px;
}

/*ça ça affiche ma nav custom*/
.portfolio-item #qodef-single-portfolio-navigation {
	margin-top:20px;
	visibility: visible;
}
/* ça ça cache la nav du template */
#qodef-single-portfolio-navigation {
    visibility: hidden;
}

/*largeur du content sur mobile*/
@media only screen and (max-width: 480px) {
  .qodef-content-grid {
width: 100%;
  }
}