/*
Theme Name: Papa Cuistot
Theme URI: https://djisyn.fr
Template: twentytwentyfour
Author: Djisyn
Author URI: https://djisyn.fr
Description: Le thème WordPress de Papa Cuistot allie fluidité et simplicité pour exposer les activités d'un traiteur professionnel de manière élégante. Avec son design épuré, sa navigation intuitive et ses visuels attrayants, le site offre une expérience conviviale et professionnelle. Les fonctionnalités pratiques, comme les formulaires de contact, complètent cette plateforme, incitant les visiteurs à explorer davantage les offres culinaires de Papa Cuistot.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.0
Updated: 2024-01-25 17:22:55

*/

/*-------------------------------Fonts ---------------------------------------*/

@font-face {
  font-family: "GoboldRegular";
  src: url("fonts/GoboldRegular.eot");
  src: url("fonts/GoboldRegular.eot") format("embedded-opentype"),
    url("fonts/GoboldRegular.woff2") format("woff2"),
    url("fonts/GoboldRegular.woff") format("woff"),
    url("fonts/GoboldRegular.ttf") format("truetype"),
    url("fonts/GoboldRegular.svg#GoboldRegular") format("svg");
}

@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Regular.woff2") format("woff2"),
    url("fonts/Roboto-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Lt";
  src: url("fonts/Roboto-Light.woff2") format("woff2"),
    url("fonts/Roboto-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

.text-papa-cuistot {
  font-family: "Raleway-Light";
  font-size: 15px;
}

/* header---------------------------------------------------->*/

.header-code,
.header-code nav {
  width: 100%;
  display: flex;
  position: fixed;
  justify-content: center;
  top: 0;
  left: 0;
}
.header-code nav {
  padding-top: 10px;
  padding-bottom: 10px;
  align-items: center;
}

.header-code ul {
  display: flex;
  gap: 50px;
}

.header-code ul li {
  list-style: none;
}

.header-code ul li a {
  text-decoration: none;
  color: #ffffff;
  font-size: 18px;
  font-family: "MARCELLUS SC";
}

.header-code ul li a:hover {
  color: rgb(99, 35, 35);
}

/* ...................................Footer ........................... */

.links-reseaux{
  flex-wrap: wrap;
}


/*----------------------------------------------------------------------------- Media Queries ------------------------------------------------------ */
@media (max-width: 767px) {
  /*--------------------------------- header  mobile --------------------------------------- */

  
  .header-code ul {
    display: none;
  }

  .btn-burger {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 20px;
    top: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .btn-burger span {
    display: block;
    height: 4px;
    width: 90%;
    background-color: #ffffff;
  }
  /* --------------------------------------- Menu Coulissant --------------------------------------------- */

  .menu-coulissant-mobile {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    transition: 0.5s ease;
    transform: translateX(-100%);
  }

  #log-mobile{
    position: absolute;
    top: 41px;
    z-index: 6;
    margin-left: 40px;
    height: 76px;
  }

  .open-mobile-menu {
    transform: translateX(0);
    transition: 0.5s ease;
  }

  .navigation-mobile {
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: #632323;
  }

  .navigation-mobile ul {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: end;
    flex-direction: column;
    gap: 35px;
    border: 4px solid #f8b054;
    padding-right: 30px;
    justify-content: center;
  }

  .navigation-mobile ul li {
    list-style: none;
  }
  .navigation-mobile ul li a {
    text-decoration: none;
    font-family: "MARCELLUS SC";
    font-size: 22px;
    color: #f8b054;
  }

  .navigation-mobile ul li a:hover {
    color: #fff;
  }
  #close-btn {
    position: absolute;
    top: 30px;
    right: 40px;
    height: 25px;
    cursor: pointer;
  }

  /* ------------------------------------  Paragraphe section service ------------------------------------ */

  .para-entreprise,
  .para-grp-sportif,
  .para-particulier {
    width: 100% !important;
  }

  .para-grp-sportif,
  .para-particulier {
    padding-left: 0 !important;
  }

  /*  ------------------------------------- infos sur service ---------------------------------- */

  /* ------------------------------ Formulaire de contact -------------------------------------- */

  #txt-solo {
    width: 95% !important;
  }
  .wpcf7-form {
    width: 95% !important;
  }
  .wpcf7-form div,
  .wpcf7-form select {
    width: 100%;
  }

/* -----------------------------------------------------------Mentions Légales --------------------------------------------------------------- */

.mentions-legales{
  width: 95% !important;
}

.para-mentions-legales{
width: 100% !important;
}

.politique-confidentialite{
  width: 95% !important;

}

.politique-confidentialite p{
  width: 100%;
}

}

/* ---------------------------------------------------------------------------------------------- Fin Media Queries -768px -------------------------------------*/

/* --------------------------------------------------------------------------------Media queries de 769px à 1024px ------------------------------------------ */

@media (min-width:769px) and (max-width:1024px){


  /* ------------------------------------------------------ Header ------------------------------------------------ */


  
  .header-code ul {
    display: none;
  }

  .btn-burger {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 20px;
    top: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .btn-burger span {
    display: block;
    height: 4px;
    width: 90%;
    background-color: #ffffff;
  }
  /* --------------------------------------- Menu Coulissant --------------------------------------------- */

  .menu-coulissant-mobile {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    transition: 0.5s ease;
    transform: translateX(-100%);
  }

  #log-mobile{
    position: absolute;
    top: 41px;
    z-index: 6;
    margin-left: 40px;
    height: 139px;
  }

  .open-mobile-menu {
    transform: translateX(0);
    transition: 0.5s ease;
  }

  .navigation-mobile {
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: #632323;
  }

  .navigation-mobile ul {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: end;
    flex-direction: column;
    gap: 35px;
    border: 4px solid #f8b054;
    padding-right: 30px;
    justify-content: center;
  }

  .navigation-mobile ul li {
    list-style: none;
  }
  .navigation-mobile ul li a {
    text-decoration: none;
    font-family: "MARCELLUS SC";
    font-size: 52px;
    color: #f8b054;
  }

  .navigation-mobile ul li a:hover {
    color: #fff;
  }
  #close-btn {
    position: absolute;
    top: 30px;
    right: 40px;
    height: 53px;
    cursor: pointer;
  }

/* ------------------------------------------  Titres sections --------------------------------- */
h2.elementor-heading-title.elementor-size-default{
  font-size: 55px;
}


  /* --------------------------------------------- section service--------------------------------------- */

.para-grp-sportif,.para-particulier{
  padding-left: 0 !important;
}

}










/*-------------------  style  Titre----------------------------- */
.elementor-105
  .elementor-element.elementor-element-8c4a32e
  .elementor-heading-title {
  font-size: 120px;
  font-family: "MARCELLUS SC";
}

.elementor-105
  .elementor-element.elementor-element-8c4a32e
  .elementor-heading-title,
.elementor-105
  .elementor-element.elementor-element-974aa08
  .elementor-heading-title {
  color: #fff;
}
h2 {
  font-family: "GoboldRegular";
}

.titre-niveau2 {
  font-family: "GoboldRegular" !important;
  color: #f8b054 !important;
}

/*------------------------------------------ Gallerie d'image de presentation------------------------------------------------ */

#gallerie-presentation {
  margin: 50px auto 0;
}

/* ---------------------------------------------------------- LA CARTE -------------------------------------------------> */

/* Plus d'infos bouton */

.plus-infos-btn {
  font-family: "Raleway-Light" !important;
  color: #632323 !important;
}

/* -------------------------------------------bouton plus d'infos  (SERVICES) -------------------------- */

#btn-mariage,
#btn-bapteme,
#btn-paniers-repas,
#btn-buffet-hotel,
#btn-snacking,
#btn-repas-individuel,
#btn-cocktails-buffet,
#btn-evenementiel {
  cursor: pointer !important;
  border: 1px solid #f8b054;
  padding: 10px !important;
  background-color: transparent;
  font-family: "Raleway-Light";
  color: #f8b054;
  margin: 0 auto !important;
  transition: 0.5s ease;
}
#btn-mariage:hover,
#btn-bapteme:hover,
#btn-paniers-repas:hover,
#btn-buffet-hotel:hover,
#btn-snacking:hover,
#btn-repas-individuel:hover,
#btn-cocktails-buffet:hover,
#btn-evenementiel:hover {
  transition: 0.5s ease;
  color: #632323;
  border: #632323 1px solid;
}

/* ----------------------------------------------------------------Page de Politique de confidientialité ----------------------- */
.elementor-2380 .elementor-element.elementor-element-da4e669{
  padding: 0;
}
.politique-confidentialite{
  width: 65%;
  margin: 0 auto;
}
.politique-confidentialite h3{
  font-family: "MARCELLUS SC";
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
}

.politique-confidentialite ul li{
  font-family: 'Raleway-Light';
}

/* -------------------------------------------------------- Page Mentions Légales ----------------------------------------- */

.mentions-legales{
  width: 65%;
  margin: 0 auto;
}
.mentions-legales p{
  font-family: "Raleway-Light";
}

.para-mentions-legales h3{
  font-family: "MARCELLUS SC";
  font-weight: 600;
  font-size: 17px;
}

.para-mentions-legales  ul li{
  font-family: "Raleway-Light";
}

.para-mentions-legales  ul li span{
  font-family: "Raleway-Light";
  color: #632323;
}

body > div.elementor.elementor-2375 > div{
  padding: 0;
}


/* ---------------------------Footer ----------------------------------------> */

.elementor-element-312f2d7 {
  justify-content: center;
}
/* ------------------------------------------- Page Partenaire ----------------------------------- */

.pourquoi-partenariat {
  background-color: #f8b054;
  padding: 18px;
}

.pourquoi-partenariat h3,
h4 {
  font-family: "MARCELLUS SC";
}

.pourquoi-partenariat h4 {
  font-size: 17px;
}
.pourquoi-partenariat p {
  font-family: "Raleway-Light";
  font-size: 15px;
}

/* -------------------------------------   Page contact ------------------------------------------------ */

.wpcf7-form {
  width: 400px;
  margin: 0 auto;
  color: #f8b054;
  font-family: "Raleway-Light";
}
.wpcf7-form div {
  width: 100%;
}

.wpcf7-form div input,
.wpcf7-form div select {
  width: 100%;
  height: 35px;
  border: 1px solid #f8b054;
  background-color: transparent;
  padding-left: 20px;
  color: #f8b054;
}
.reseaux-sociaux{
  flex-wrap: wrap !important;
  justify-content: center;
}

/* ------------------------------ Couleur des Inputs type select------------------------- */
#entite {
  color: #f8b054;
}

#entite option {
  background-color: #000;
}

/* -------------------------------------------------------------------------------- */

#tel {
  padding-left: 20px;
  font-family: "Raleway-Light";
  color: #f8b054;
}
.wpcf7-form textarea {
  border: 1px solid #f8b054;
  background-color: transparent;
  width: 100%;
  resize: none;
  color: #f8b054;
  padding-left: 20px;
  padding-top: 12px;
  font-family: "Raleway-Light";
}

#wpcf7-f2834-p122-o1 > form > p > input {
  font-family: "Raleway-Light";
  background-color: transparent;
  color: #f8b054;
  padding: 10px;
  border: 1px solid #f8b054;
  transition: 0.5s ease;
  cursor: pointer;
  margin-top: 20px;
}

#wpcf7-f2834-p122-o1 > form > p > input:hover {
  color: #000;
  background-color: #f8b054;
  transition: 0.5s ease;
}