/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 3.5.7.1720603846
Updated: 2024-07-10 11:30:46

*/

/* Lien Nav Commander */

.menu-item-1481 a {
    font-weight: bold!important;
    color: white!important;
    padding-left: 80px!important;
    padding-right: 80px!important;
    background-color: #DC9F96;
}

.menu-item-1481 a:hover {
    background-color: #C02E44;
}



/* layout pour contact form7 formulaire de commande */

/* Contenu Globale*/
#wpcf7-f980-p35-o1 .container 
    {
    border-top: solid 1px white;
    padding-top: 50px;
    padding-bottom: 50px;
    }

/* Contenu des images */
#wpcf7-f980-p35-o1 .container-img {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: white;
    padding-bottom: 20px;
    gap: 20px;
}

#wpcf7-f980-p35-o1 .img 
    {
    width: 100%;
    padding-top: 20px;
    position: relative;
    }

#wpcf7-f980-p35-o1 .fraise
    {
    position: absolute;
    top: 20%;
    left: 0%;
    transform: translate(20%, 20%);
    font-size: 28px;
    font-weight: 800;
}

#wpcf7-f980-p35-o1 .citron
    {
    position: absolute;
    top: 20%;
    left: 0%;
    transform: translate(15%, 20%);
    font-size: 28px;
    font-weight: 800;
    }

#wpcf7-f980-p35-o1 .pamplemousse1
    {
    position: absolute;
    top: 15%;
    left: 0%;
    transform: translate(10%, 20%);
    font-size: 28px;
    font-weight: 800;
    }

#wpcf7-f980-p35-o1 .pamplemousse2
    {
    position: absolute;
    top: 25%;
    left: 0%;
    transform: translate(6%, 20%);
    font-size: 28px;
    font-weight: 800;
}

#wpcf7-f980-p35-o1 .framboise1
    {
    position: absolute;
    top: 15%;
    left: 6%;
    transform: translate(20%, 20%);
    font-size: 28px;
    font-weight: 800;
}

#wpcf7-f980-p35-o1 .framboise2
    {
    position: absolute;
    top: 25%;
    left: 6%;
    transform: translate(20%, 20%);
    font-size: 28px;
    font-weight: 800;
}

/* Contenu Number */
#wpcf7-f980-p35-o1 .ok
    {
    display: flex;
    flex-direction: row;
    gap:10px;
    }

#wpcf7-f980-p35-o1 .container-number 
    {
    padding-top: 20px; 
    padding-bottom: 20px;
}

#wpcf7-f980-p35-o1 .ok-button 
    {
     margin-top: 20px;
     width: 130px;
     height: 75px;
     border-radius: 10px;
     border: none;
     background-color: #DC9F96;
   }

#wpcf7-f980-p35-o1 .ok-button:hover {
    background-color:#C02E44
} 


/* Masquer les flèches par défaut */
#wpcf7-f980-p35-o1 input[type="number"] {
    -moz-appearance: textfield;
}

#wpcf7-f980-p35-o1  input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* block Quantité*/
#wpcf7-f980-p35-o1  .number-input-block {
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: 10px; /* Coins arrondis */
    overflow: hidden; /* Masquer le débordement */
    width: 90px;
    height: 75px;
}

/*block champ de saisie du nombre */
#wpcf7-f980-p35-o1 .number-input-block input[type="number"] {
    text-align: center;
    border: none; /* Pas de bordure */
    outline: none; /* Pas de contour */
    width: 50px; /* Largeur du champ de saisie */
    padding-right: 5px; /* Espacement interne */
    font-size: 22px; /* Taille de la police */
}
/* block pour les boutons + et -*/
#wpcf7-f980-p35-o1 .number-input-buttons {
    display: flex;
    flex-direction: column;
    justify-content:space-around;
}

#wpcf7-f980-p35-o1 .number-increment, .number-decrement {
    background-color:#DC9F96; /* Couleur de fond */
    border: none; /* Pas de bordure */
    color: rgb(255, 255, 255); /* Couleur du texte */
    cursor: pointer; /* Curseur pointeur */
    font-size: 22px; /* Taille de la police */
    width: 40px; /* Largeur des boutons */
    margin-left: 5px;
}

#wpcf7-f980-p35-o1 .number-increment:hover, .number-decrement:hover {
    background-color:#C02E44; /* Couleur de fond au survol */
}

/* Adresse et livraison */
#wpcf7-f980-p35-o1 .container-form 
    {
    display: flex;
    flex-direction: row;
    gap: 50px;
    border-top: solid 1px white;
    padding-top: 50px;
    padding-bottom: 50px;
    }

#wpcf7-f980-p35-o1 .container-form1 
    {
    border-right: solid 1px white;
    padding-right: 50px;
    }

#wpcf7-f980-p35-o1 .require
    {
    width: 450px;
    padding-bottom: 10px;
    }

#wpcf7-f980-p35-o1 h2 .title
    {
    padding-bottom: 20px;
    }

#wpcf7-f980-p35-o1 .text
    {
    padding-top: 15px;
    padding-bottom: 5px;
    }



@media (min-width: 320px) and (max-width: 768px) {
    /* Bouton nav Commander*/
    .menu-item-1481 a {
        font-weight: bold!important;
        color: rgb(255, 255, 255)!important;
        background-color: #DC9F96!important;
    }
    
    .menu-item-1481 a:hover {
        background-color: #C02E44!important;
    }

   /* block formulaire Votre commande*/
    #wpcf7-f980-p35-o1 .container  {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #wpcf7-f980-p35-o1 .container-img {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        color: white;
    }

    #wpcf7-f980-p35-o1 .img  {
        width: 100%;
        position: relative;
        padding-top: 10px;
    }

    #wpcf7-f980-p35-o1 .fraise {
        top: 25%;
        left: 5%;
        transform: translate(20%, 20%);
    }

    #wpcf7-f980-p35-o1 .citron {
        top: 25%;
        left: 3%;
        transform: translate(20%, 20%);
    }

    #wpcf7-f980-p35-o1 .pamplemousse1 {
        top: 20%;
        left: 0%;
        transform: translate(20%, 20%);
    }

    #wpcf7-f980-p35-o1 .pamplemousse2 {
        top: 30%;
        left: 1%;
        transform: translate(15%, 20%);
    }

    #wpcf7-f980-p35-o1 .framboise1 {
        top: 20%;
        left: 12%;
        transform: translate(20%, 20%);
        }

    #wpcf7-f980-p35-o1 .framboise2 {
        top: 30%;
        left: 12%;
        transform: translate(20%, 20%);
    }

    #wpcf7-f980-p35-o1 .container-number {
        padding-top: 20px;
        padding-bottom: 10px;
    }

     /* block bouton ok*/
    #wpcf7-f980-p35-o1 .ok-button 
    {
     width: 170px;
     height: 75px;
    }

     /* block formulaire adresse*/
    #wpcf7-f980-p35-o1 .container-form {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }


    #wpcf7-f980-p35-o1 .container-form1 {
        border: none;
    }


    #wpcf7-f980-p35-o1 .require
    {
        width: 300px!important;
        padding-bottom: 10px;
    }

    #wpcf7-f980-p35-o1 .title
    {
        font-size: 28px!important;
        padding-top: 10px;
    }

    #wpcf7-f980-p35-o1 .text
    {
        padding-top: 15px;
        padding-bottom: 5px;
        font-size: 20px!important;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
  
 /* block formulaire Votre commande*/   
    #wpcf7-f980-p35-o1 .container  {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #wpcf7-f980-p35-o1 .container-img {
        display: grid;
        grid-template-columns: 250px 250px;
        color: white;
    }

    #wpcf7-f980-p35-o1 .img  {
        width: 100%;
        position: relative;
        padding-top: 10px;
    }

    #wpcf7-f980-p35-o1 .fraise {
        top: 20%;
        left: 3%;
        transform: translate(20%, 20%);
    }

    #wpcf7-f980-p35-o1 .citron {
        top: 20%;
        left: 0%;
        transform: translate(17%, 20%);
    }

    #wpcf7-f980-p35-o1 .pamplemousse1 {
        top: 15%;
        left: 0%;
        transform: translate(15%, 20%);
    }

    #wpcf7-f980-p35-o1 .pamplemousse2 {
        top: 25%;
        left: 0%;
        transform: translate(12%, 20%);
    }

    #wpcf7-f980-p35-o1 .framboise1 {
        top: 15%;
        left: 10%;
        transform: translate(20%, 20%);
        }

    #wpcf7-f980-p35-o1 .framboise2 {
        top: 25%;
        left: 10%;
        transform: translate(20%, 20%);
    }

    #wpcf7-f980-p35-o1 .container-number {
        padding-top: 20px;
        padding-bottom: 10px;
    }

 /* block bouton ok*/
    #wpcf7-f980-p35-o1 .ok-button 
    {
     width: 150px;
     height: 75px;
    }


 /* block formulaire adresse*/
    #wpcf7-f980-p35-o1 .container-form {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }


    #wpcf7-f980-p35-o1 .container-form1 {
        border: none;
    }


    #wpcf7-f980-p35-o1 .require
    {
        width: 400px!important;
        padding-bottom: 10px;
    }

    #wpcf7-f980-p35-o1 .title
    {
        font-size: 34px!important;
    }

    #wpcf7-f980-p35-o1 .text
    {
        padding-bottom: 5px;
        font-size: 24px!important;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {

   /* block formulaire commande*/
    #wpcf7-f980-p35-o1 .container  {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #wpcf7-f980-p35-o1 .container-img {
        display: grid;
        grid-template-columns: 280px 280px;
        color: white;
    }

    #wpcf7-f980-p35-o1 .img  {
        width: 100%;
        position: relative;
        padding-top: 10px;
    }

    #wpcf7-f980-p35-o1 .fraise {
        top: 23%;
        left: 7%;
        transform: translate(20%, 20%);
        }

    #wpcf7-f980-p35-o1 .citron {
        top: 23%;
        left: 5%;
        transform: translate(20%, 20%);
        }

    #wpcf7-f980-p35-o1 .pamplemousse1 {
        top: 18%;
        left: 0%;
        transform: translate(20%, 20%);
        }

    #wpcf7-f980-p35-o1 .pamplemousse2 {
        top: 28%;
        left: 0%;
        transform: translate(17%, 20%);
        }

    #wpcf7-f980-p35-o1 .framboise1 {
        top: 18%;
        left: 15%;
        transform: translate(20%, 20%);
        }
    

    #wpcf7-f980-p35-o1 .framboise2 {
        top: 28%;
        left: 15%;
        transform: translate(20%, 20%);
        }
    

    #wpcf7-f980-p35-o1 .container-number {
        padding-top: 20px;
        padding-bottom: 10px;
    }

     /* block bouton ok*/
     #wpcf7-f980-p35-o1 .ok-button 
     {
      width: 170px;
      height: 75px;
     }

/* block formulaire adresse*/
    #wpcf7-f980-p35-o1 .container-form {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }


    #wpcf7-f980-p35-o1 .container-form1 {
        border: none;
    }


    #wpcf7-f980-p35-o1 .require
    {
        width: 600px!important;
        padding-bottom: 10px;
    }

    #wpcf7-f980-p35-o1 .title
    {
        font-size: 34px!important;
    }

    #wpcf7-f980-p35-o1 .text
    {
        padding-bottom: 5px;
        font-size: 24px!important;
    }
}

@media (min-width: 1281px) and (max-width: 1440px) {

/* block formulaire Commande*/
    #wpcf7-f980-p35-o1 .container 
    {
    border-top: solid 1px white;
    padding-top: 50px;
    padding-bottom: 50px;
    }

#wpcf7-f980-p35-o1 .container-img {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: white;
    padding-bottom: 20px;
    gap: 20px;
}

#wpcf7-f980-p35-o1 .img 
    {
    width: 100%;
    padding-top: 20px;
    position: relative;
    }

#wpcf7-f980-p35-o1 .fraise
{
    top: 20%;
    left: 1%;
    transform: translate(15%, 20%);
}

#wpcf7-f980-p35-o1 .citron
{
    top: 20%;
    left: 0%;
    transform: translate(15px, 20%);
}
#wpcf7-f980-p35-o1 .pamplemousse1
{
    top: 15%;
    left: 2%;
    transform: translate(5%, 20%);
}

#wpcf7-f980-p35-o1 .pamplemousse2
{
    top: 25%;
    left: 0%;
    transform: translate(4%, 20%);
}

#wpcf7-f980-p35-o1 .framboise1
    {
    top: 15%;
    left: 6%;
    transform: translate(20%, 20%);
}

#wpcf7-f980-p35-o1 .framboise2
    {
    top: 25%;
    left: 6%;
    transform: translate(20%, 20%);
}

#wpcf7-f980-p35-o1 .container-number 
    {
    padding-top: 20px;
    padding-bottom: 20px;
    }

/* block formulaire adresse*/
#wpcf7-f980-p35-o1 .container-form 
    {
    display: flex;
    flex-direction: row;
    gap: 50px;
    border-top: solid 1px white;
    padding-top: 50px;
    padding-bottom: 50px;
    }

#wpcf7-f980-p35-o1 .container-form1 
    {
    border-right: solid 1px white;
    padding-right: 50px;
    }

#wpcf7-f980-p35-o1 .require
    {
    width: 330px;
    padding-bottom: 10px;
    }

#wpcf7-f980-p35-o1 h2 .title
    {
    padding-bottom: 20px;
    }

#wpcf7-f980-p35-o1 .text
    {
    padding-top: 15px;
    padding-bottom: 5px;
    }
}