@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  @font-face {
      font-family: 'Party LET';
      src: url(/assets/fonts/PartyLET-plain-f4c91a350d1a53f349fb03c4c287764ea526d96336f99e90d4c94316566d2159.eot);
      src: url(/assets/fonts/PartyLET-plain-f4c91a350d1a53f349fb03c4c287764ea526d96336f99e90d4c94316566d2159.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/PartyLET-plain-4a653f452155ca32d7120058bb4adb2edc088d7442c22672bd8904e9843bed71.woff2) format('woff2'),
           url(/assets/fonts/PartyLET-plain-a01a04b0faa552a81cbbe49b073d66aff9f59b49128b05676237e06645326e9f.woff) format('woff'),
           url(/assets/fonts/PartyLET-plain-de6f1226665506ced23ab48a8946ae51a63bb8f9e84409ae2fb207459cc13ec3.ttf)  format('truetype'),
           url('fonts/PartyLET-plain.svg#Party LET') format('svg');
  }

  @font-face {
    font-family: 'Open Sans';
    src: url(/assets/fonts/OpenSans-Regular-98fb1d381aa24486f3298e910bf92235058670a0785029c325d4a99f88283eba.eot);
    src: url(/assets/fonts/OpenSans-Regular-98fb1d381aa24486f3298e910bf92235058670a0785029c325d4a99f88283eba.eot?#iefix) format('embedded-opentype'),
         url(/assets/fonts/OpenSans-Regular-866a7c4feae56e416d36af9f8ca9d284dba93ceff7b98bc92f51f80eb1ec324a.woff2) format('woff2'),
         url(/assets/fonts/OpenSans-Regular-2802dcaae42760eb4d74365b8ad1b2947e1d5f59649307ed6034d79224ee8a90.woff) format('woff'),
         url(/assets/fonts/OpenSans-Regular-f20d5ed577a1ddc48fd428b61d9538ef88d6ddcc1ccd8565a2cf7e9f03bd4cc7.ttf)  format('truetype'),
         url('fonts/OpenSans-Regular.svg#Open Sans') format('svg');
     font-style: normal;
     font-weight: normal;
  }
  
  @font-face {
    font-family: 'Open Sans Bold';
    src: url(/assets/fonts/OpenSans-Bold-f94670ea0c9220b1b8ad31251be7890a4a29c5a570d898a10ccd2501d12f6534.eot);
    src: url(/assets/fonts/OpenSans-Bold-f94670ea0c9220b1b8ad31251be7890a4a29c5a570d898a10ccd2501d12f6534.eot?#iefix) format('embedded-opentype'),
         url(/assets/fonts/OpenSans-Bold-27081bbe10a133705cab0a8ceff0dddec5250f22d5aa21517d06f3bdc19bba62.woff2) format('woff2'),
         url(/assets/fonts/OpenSans-Bold-470f1763c3e072e7c109f72371be4e061d78a0885970b2f12af7c929335b8447.woff) format('woff'),
         url(/assets/fonts/OpenSans-Bold-5ccf0a4d12a5fb44a9831d93841cee9c1188d900987a2b83d5884ee240d7ab46.ttf)  format('truetype'),
         url('fonts/OpenSans-Bold.svg#Open Sans') format('svg');
     font-style: normal;
     font-weight: bold;
  }

  @font-face {
    font-family: 'Open Sans Italic';
    src: url(/assets/fonts/OpenSans-Italic-6a27cffefcb0000a02f5c1fb211ef99738259aa8edbcd8c2cc4f0b3b8c907007.eot);
    src: url(/assets/fonts/OpenSans-Italic-6a27cffefcb0000a02f5c1fb211ef99738259aa8edbcd8c2cc4f0b3b8c907007.eot?#iefix) format('embedded-opentype'),
         url(/assets/fonts/OpenSans-Italic-09eea146e5eee1ff235411b397ab8f0c43474a13c1ee0a3b89e4346d6698bc29.woff2) format('woff2'),
         url(/assets/fonts/OpenSans-Italic-cd648c08bfffcbafe6cab7b689b9b75d9cb7dad9cf1ad0e1577a17317b2b2539.woff) format('woff'),
         url(/assets/fonts/OpenSans-Italic-a22063d5825c02ef4871a49f8b481d9c31156b04b46adef1a71f8ce3c4b7f454.ttf)  format('truetype'),
         url('fonts/OpenSans-Italic.svg#Open Sans') format('svg');
   font-style: italic;
   font-weight: normal;
  }

  @font-face {
      font-family: 'Open Sans BoldItalic';
      src: url(/assets/fonts/OpenSans-BoldItalic-65db77c45a0ecf337121cc71b31e86541694ebd4313d6a3c4695eeb74c449931.eot);
      src: url(/assets/fonts/OpenSans-BoldItalic-65db77c45a0ecf337121cc71b31e86541694ebd4313d6a3c4695eeb74c449931.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/OpenSans-BoldItalic-875f866ed24503cf3c4e22b17aded0567d7ffccad42e05c2e7a0cd3c3b9aaf2e.woff2) format('woff2'),
           url(/assets/fonts/OpenSans-BoldItalic-50d98bf7077856a5de54209bb09d0d892de877d9a3f5bfef98ff02ee18fd86f8.woff) format('woff'),
           url(/assets/fonts/OpenSans-BoldItalic-c98da2170f99da3e4ecabd7dd18668f96ad61475c55582ced6c1eac51ddfc347.ttf)  format('truetype'),
           url('fonts/OpenSans-BoldItalic.svg#Open Sans') format('svg');
     font-style: italic;
     font-weight: bold;
  }

  @font-face {
      font-family: 'Open Sans ExtraBold';
      src: url(/assets/fonts/OpenSans-ExtraBold-2b885fbb983f6e64fafca70df45bb49dc15bd88a329942abb805133269751d07.eot);
      src: url(/assets/fonts/OpenSans-ExtraBold-2b885fbb983f6e64fafca70df45bb49dc15bd88a329942abb805133269751d07.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/OpenSans-ExtraBold-818fb266284fb5053d7ba0de86a894652f471c8e48d3f7cb8df5fc6cfd8bc0fd.woff2) format('woff2'),
           url(/assets/fonts/OpenSans-ExtraBold-28b767d301c65b9d053f94c696a880ee7f9613c46d7e5449b4ade3463af93bc3.woff) format('woff'),
           url(/assets/fonts/OpenSans-ExtraBold-16a865c4405c71d439ef48a77caab710eb7ee91c00c6e919bac68d018331303c.ttf)  format('truetype'),
           url('fonts/OpenSans-ExtraBold.svg#Open Sans ExtraBold') format('svg');
     font-style: normal;
     font-weight: 800;
  }

  @font-face {
      font-family: 'Open Sans ExtraBoldItalic';
      src: url(/assets/fonts/OpenSans-ExtraBoldItalic-ac866641b6b5122e9711479d4c58ea2f596c914c2c49b48cbc70828335139eef.eot);
      src: url(/assets/fonts/OpenSans-ExtraBoldItalic-ac866641b6b5122e9711479d4c58ea2f596c914c2c49b48cbc70828335139eef.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/OpenSans-ExtraBoldItalic-de8ed89386d0b26c202f38fc324e2cef6fdd2b1811ac38294c5988f05e1c7719.woff2) format('woff2'),
           url(/assets/fonts/OpenSans-ExtraBoldItalic-57fd57837498e1fb6c0ec7d1af783e40a2876ff03d193018a7edcba10c467f41.woff) format('woff'),
           url(/assets/fonts/OpenSans-ExtraBoldItalic-a359f1d1edb9d03b08c0b406459149eaa15a13f839139ea182de2bd4b5c921d5.ttf)  format('truetype'),
           url('fonts/OpenSans-ExtraBoldItalic.svg#Open Sans') format('svg');
     font-style: italic;
     font-weight: 800;
  }

  @font-face {
      font-family: 'Open Sans Light';
      src: url(/assets/fonts/OpenSans-Light-3521614399154fb3dc804fbc59b1b20d252678a49c686a3af2d183248f9bcc69.eot);
      src: url(/assets/fonts/OpenSans-Light-3521614399154fb3dc804fbc59b1b20d252678a49c686a3af2d183248f9bcc69.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/OpenSans-Light-a9cb17ade68268cfb32e02a0cf3c727fb502476a8d7a90fa1f7ce3d490d6c70d.woff2) format('woff2'),
           url(/assets/fonts/OpenSans-Light-5e44d6557c63b9844982b854f817c085ac200c33bdbb78740d9d4f3d5b9eae70.woff) format('woff'),
           url(/assets/fonts/OpenSans-Light-3a6d32a2dc302eec756a5e103d28dacad52c59313bca51b7e17e8f926a170518.ttf)  format('truetype'),
           url('fonts/OpenSans-Light.svg#Open Sans Light') format('svg');
     font-style: normal;
     font-weight: 300;
  }

  @font-face {
      font-family: 'Open Sans LightItalic';
      src: url(/assets/fonts/OpenSans-LightItalic-73c7a161030874667166c983084b2c77efa6598f53c70161fa19e18d06c82b87.eot);
      src: url(/assets/fonts/OpenSans-LightItalic-73c7a161030874667166c983084b2c77efa6598f53c70161fa19e18d06c82b87.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/OpenSans-LightItalic-ab6a0bf33d9a1c527e60e12eab3cb41111877fdeee160edd97c045184d84f82b.woff2) format('woff2'),
           url(/assets/fonts/OpenSans-LightItalic-b0739ba41416a8a54c0cd0a33712562ba3731ae43f48eb0e27e5c0e6e08f67a2.woff) format('woff'),
           url(/assets/fonts/OpenSans-LightItalic-cc067b07301d49807f97d9a1f5e8a35c0729afb39b5098b6b70befb5238d79d2.ttf)  format('truetype'),
           url('fonts/OpenSans-LightItalic.svg#Open Sans Light') format('svg');
     font-style: italic;
     font-weight: 300;
  }

  @font-face {
      font-family: 'Open Sans SemiBold';
      src: url(/assets/fonts/OpenSans-SemiBold-6091e1ceb4b6f8a0000a62b89414ccc0256cb6039105869a3ed2f24c8a060eec.eot);
      src: url(/assets/fonts/OpenSans-SemiBold-6091e1ceb4b6f8a0000a62b89414ccc0256cb6039105869a3ed2f24c8a060eec.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/OpenSans-SemiBold-c54f5c8d5bca9278e632d7248bf2726e9e6a354c7d1b973a7ad118f8b0cf99d1.woff2) format('woff2'),
           url(/assets/fonts/OpenSans-SemiBold-6b50effbede72715216255321d50f6aa5346820f471fd4f82d1acc3b20b7b116.woff) format('woff'),
           url(/assets/fonts/OpenSans-SemiBold-b3185de4446e67a69ed55fd1337466f660afc5f7eb161137865d21ae69778df1.ttf)  format('truetype'),
           url('fonts/OpenSans-SemiBold.svg#Open Sans SemiBold') format('svg');
     font-style: normal;
     font-weight: 600;
  }

  @font-face {
      font-family: 'Open Sans SemiBoldItalic';
      src: url(/assets/fonts/OpenSans-SemiBoldItalic-80e7baad0486ff92446ac2cfc547e933c46beeebb90b3dafd47dc425797347c4.eot);
      src: url(/assets/fonts/OpenSans-SemiBoldItalic-80e7baad0486ff92446ac2cfc547e933c46beeebb90b3dafd47dc425797347c4.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/OpenSans-SemiBoldItalic-7384a7410d0c921ad172f36d316bcaeb11ba5842b082a79f62d23de41f5af4dc.woff2) format('woff2'),
           url(/assets/fonts/OpenSans-SemiBoldItalic-233a7bcdabc5c9aa609f6c87be3030c916e62e1e0585c2b3bb2720b7afc56fbc.woff) format('woff'),
           url(/assets/fonts/OpenSans-SemiBoldItalic-0426f6c5b3f9e1a65dcda9d515cacf5d658fb2ef0f996af248c189abce33e1b6.ttf)  format('truetype'),
           url('fonts/OpenSans-SemiBoldItalic.svg#Open Sans SemiBold') format('svg');
     font-style: italic;
     font-weight: 600;
  }

  @font-face {
      font-family: 'Bebas Neue';
      src: url(/assets/fonts/BebasNeue-Regular-a3532f6e9d5c4bbe5b93969c76ea7f13c69f9d96b639e97b331976baa31e86f9.eot);
      src: url(/assets/fonts/BebasNeue-Regular-a3532f6e9d5c4bbe5b93969c76ea7f13c69f9d96b639e97b331976baa31e86f9.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/BebasNeue-Regular-c23f28644842abf9647f08921c7b5751fd51b80694d1d36ed799a22e519420f7.woff2) format('woff2'),
           url(/assets/fonts/BebasNeue-Regular-98e8e7b6bb62c232307d592188122d38f829bf8157519dc52006e4503627d780.woff) format('woff'),
           url(/assets/fonts/BebasNeue-Regular-8284ee68690f621efedf441e2061954558045ee429df78022ad4425fdfa3e3a3.ttf)  format('truetype'),
           url('fonts/BebasNeue-Regular.svg#Bebas Neue') format('svg');
     font-style: normal;
     font-weight: normal;
  }

  @font-face {
      font-family: 'Photograph Signature';
      src: url(/assets/fonts/Photograph-Signature-4-7535a9971063545871bc636b605c685541616ea1c590342173590968a13ed0d7.eot);
      src: url(/assets/fonts/Photograph-Signature-4-7535a9971063545871bc636b605c685541616ea1c590342173590968a13ed0d7.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/Photograph-Signature-4-60feee469625b10d7485befac25de399d947cab58ec17c6bcab6c1d27987c7bb.woff2) format('woff2'),
           url(/assets/fonts/Photograph-Signature-4-a30d921c28046c8aafc7d4eab9a85194933407f4266311b09f331e2f739aaf18.woff) format('woff'),
           url(/assets/fonts/Photograph-Signature-4-adea577b7a61c3394ee2f6409ff46c0dfd6d9d3c83af57aa2fdc4bda9eaf4041.ttf)  format('truetype'),
           url('fonts/Photograph-Signature-4.svg#Photograph Signature') format('svg');
     font-style: normal;
     font-weight: normal;
  }
}

@layer components {
  .did-force-hidden-mobile {
    @apply hidden;
    @apply lg:block;
  }

  .did-force-hidden-desktop { @apply lg:hidden; }

  .did-p {
    @apply text-justify font-open-light text-sm xs:text-base;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }

  .did-more {
    @apply w-fit mt-4 p-4 border-2 border-solid border-did-black font-open-light text-sm;
    
    /* RESPONSIVE : XS : 365px */
    @apply xs:text-base;
  }

  .did-title-black {
    @apply font-beba uppercase leading-tight text-did-black text-xl;

    /* RESPONSIVE : XS : 368px */
    @apply xs:text-3xl;

    /* RESPONSIVE : SM : 640px */
    @apply sm:text-4xl sm:mt-2;

    /* RESPONSIVE : MD : 768px */
    @apply md:text-3xl;

    /* RESPONSIVE : LG : 1024px */
    @apply md:text-4xl;

    /* RESPONSIVE : 2XL : 1536px */
    @apply 2xl:text-6xl;
  }

  .did-title-brown {
    @apply uppercase font-semibold tracking-[0.2em] pt-5 text-did-brown text-xs ;

    /* RESONSIVE : SM : 640px */
    @apply sm:pt-10 sm:text-base;

    /* RESPONSIVE : MD : 768px */
    @apply md:text-2xl;

    /* RESPONSIVE : XL : 1280px */
    @apply xl:text-2xl;
  }

  .did-text-grey {
    @apply font-semibold text-did-grey text-sm mt-4;

    /* RESPONSIVE : SM : 640px */
    @apply sm:text-base sm:mt-5;

    /* RESPONSIVE : MD : 768px */
    @apply md:text-xl;

    /* RESPONSIVE : XL : 1280px */
    @apply xl:text-xl;
  }

  .did-text-light {
    @apply font-open-light text-xs mt-4;

    /* RESPONSIVE : SM : 640px */
    @apply sm:text-sm ;

    /* RESPONSIVE : MD : 768px */
    @apply md:text-lg;
  }

  /* Home header */
  .did-cover-header-outer { @apply flex flex-col w-full; }
  .did-cover-header-inner {
    @apply flex flex-col w-full h-64 bg-cover bg-no-repeat bg-right bg-glace-aux-noix justify-center;

    /* RESPONSIVE : LG : 1024px */    
    @apply lg:h-128;
  }
  .did-cover-header-text-around {
    @apply w-full m-0 text-center text-white text-5.5xl;

    /* RESPONSIVE : XS : 365px */    
    @apply xs:text-7xl;

    /* RESPONSIVE : LG : 1024px */    
    @apply lg:text-9xl;
  }
  .did-cover-header-above-magins {
    @apply -mt-26;

    /* RESPONSIVE : LG : 1024px */
    @apply lg:-mt-44;

    /* RESPONSIVE : XL : 1280px */
    @apply xl:-mt-52;
  }
  .did-cover-header-text-middle {
    @apply w-full m-0 text-center -mt-6 text-8xl text-gray-900/30 font-party;
    
    /* RESPONSIVE : XS : 365px */
    @apply xs:text-9xl;

    /* RESPONSIVE : LG : 1024px */
    @apply lg:-mt-[2rem] lg:text-[12rem];

    /* RESPONSIVE : XL : 1280px */
    @apply xl:-mt-[2rem] xl:text-[15rem];
  }
  .did-cover-rotate {
    @apply rotate-355;
  }
  /* END :: Home header */


  /* Burger menu button */
  .did-burger { @apply w-1/2 z-50; }
  .did-burger .did-buger-bar {
    @apply block w-7 h-1 bg-did-brown-darkness duration-300;
  }
  .did-burger.did-close-menu-mobile .did-buger-bar:nth-child(1) {
    @apply rotate-45;
  }
  .did-burger.did-close-menu-mobile .did-buger-bar:nth-child(2) {
    @apply hidden;
  }
  .did-burger.did-close-menu-mobile .did-buger-bar:nth-child(3) {
    @apply -rotate-45 -mt-1;
  }
  .did-burger-menu {
    @apply absolute z-40 w-full h-full top-0 text-sm right-[100%] sm:text-lg md:text-xl;
  }
  .did-burger-menu div {
    @apply float-right px-4 pt-24 shadow-2xl shadow-gray-900 border-l-2 border-did-brown-darkness h-full bg-white text-right;
  }
  .did-burger-menu:not(.hidden) {
    @apply right-0;
    animation-duration: .3s;
    animation-name: slidein;
  }
  @keyframes slidein {
    from {
      @apply left-[100%];
    }
    to {
      @apply right-0;
    }
  }
  /* END :: Burger Menu Button */
  

  /* Breadcrumb menu */
  .did-breadcrumbs {
    @apply flex justify-center items-center uppercase font-semibold text-did-grey text-xs -mt-2 space-x-2;

    /* RESPONSIVE : SM : 640px */
    @apply sm:text-sm sm:mt-0;

    /* RESPONSIVE : MD : 768px */
    @apply md:text-lg md:space-x-4;

    /* RESPONSIVE : XL : 1280px */
    @apply xl:text-2xl
  }
  .did-sub-breadcrumbs {
    @apply text-xs pt-2 text-center;

    /* RESPONSIVE : SM : 640px */
    @apply sm:text-sm;

    /* RESPONSIVE : MD : 768px */
    @apply sm:text-base;

    /* RESPONSIVE : LG : 1024px */
    @apply lg:text-lg;

    /* RESPONSIVE : 2XL : 1536px */
    @apply 2xl:text-2xl;
  }
  /* END :: Breadcrumb menu */
  

  /* Produit signature */
  .did-product-signature {
    @apply flex flex-col w-full items-center;
  }
  .did-product-signature .did-signature-items {
    @apply font-beba text-did-black uppercase text-3xl 

    /* RESPONSIVE : XS : 365px */
    xs:text-4.6xl 

    /* RESPONSIVE : MD : 768px */
    md:text-6xl;
  }
  .did-product-signature .did-signature {
    @apply flex flex-col font-script text-did-brown text-center text-5.5xl leading-[3rem];
    @apply md:flex-row;

    /* RESPONSIVE : XS : 365px */
    @apply xs:text-7xl xs:leading-[4rem];

    /* RESPONSIVE : MD : 768px */
    @apply md:text-7.5xl;

    /* RESPONSIVE : XL : 1024px */
    @apply xl:text-[7rem]; 
  }
  .did-product-signature .did-signature-margins {
    @apply -mt-6;

    /* RESPONSIVE : XS : 365px */
    @apply xs:-mt-7;

    /* RESPONSIVE : MD : 768px */
    @apply md:-mt-8;

    /* RESPONSIVE : XL : 1024px */
    @apply xl:-mt-8
  }
  /* END :: Produit signature */


  /* Block horaires */
  .did-schedules {
    @apply flex w-full justify-center bg-white;
    
    /* RESPONSIVE : LG : 1024px */
    @apply lg:bg-none; 
    
    /* RESPONSIVE : LG : 1024px */
    @apply lg:mt-60;

    /* RESPONSIVE : XL : 1280px */
    @apply xl:mt-0;
  }
  .did-schedules .did-schedule-inner {
    @apply flex flex-col bg-did-brown shadow-2xl shadow-gray-400 text-white items-center w-[250px] h-fit -mt-24 py-6;

    /* RESPONSIVE : XS : 365px */
    @apply xs:w-[275px] xs:py-12;

    /* RESPONSIVE : LG : 1024px */
    @apply lg:w-[400px] lg:-mt-80;

    /* RESPONSIVE : XL : 1280px */
    @apply xl:w-[480px] xl:-ml-24;
  }
  .did-schedules .did-schedule-title {
    @apply mb-4 font-beba text-white text-center underline decoration-4 underline-offset-4 text-3xl; 

    /* RESPONSIVE : XS : 365px */
    @apply xs:text-5xl;
  }
  .did-schedules .did-schedule {
    @apply flex flex-col mb-3;

    /* RESPONSIVE : 2XL : 1536px */
    @apply 2xl:text-xl;
  }
  .did-schedules .did-schedule-closed {
    @apply font-bold text-lg mt-8;

    /* RESPONSIVE : XS : 365px */
    @apply xs:text-base; 

    /* RESPONSIVE : XS : 365px */
    @apply lg:text-2xl;

    /* RESPONSIVE : 2XL : 1536px */
    @apply 2xl:text-3xl;
  }
  /* END :: Block horaires */


  /* Restaurant, walnuts cake, tea room */
  .did-head-1 {
    @apply font-beba text-did-brown uppercase text-center text-4.6xl;

    /* RESPONSIVE : SM : 640px */
    @apply sm:text-7xl;

    /* RESPONSIVE : MD : 768px */
    @apply md:text-8xl;

    /* RESPONSIVE : XL : 1280px */
    @apply md:text-9xl
  }

  .did-block-text-right {
    @apply text-justify px-4 pb-8;

    /* RESPONSIVE : SM : 640px */
    @apply sm:px-10;

    /* RESPONSIVE : LG : 1024px */
    @apply lg:my-auto lg:w-[51.82%];

    /* RESPONSIVE : XL : 1280px */
    @apply xl:pr-40 xl:pb-10;

    /* RESPONSIVE : 2XL : 1536px */
    @apply 2xl:pr-[calc(10%)];
  }

  .did-block-text-left-picture-right {
    @apply flex flex-col mt-6;

    /* RESONSIVE : LG : 1024px */
    @apply lg:flex-row;
  }

  .did-block-picture-left {
    /* RESPONSIVE : LG : 1024px */
    @apply lg:pl-10 lg:w-[48.18%];

    /* RESPONSIVE : XL : 1280px */
    @apply xl:pl-20;

    /* RESPONSIVE : 2XL : 1536px */
    @apply 2xl:pl-[calc(10%)];
  }

  .did-block-text-left-picture-right .did-block-text-left {
    @apply text-justify px-4 pb-8;

    /* RESPONSIVE : SM : 640px */
    @apply sm:px-10;

    /* RESPONSIVE : LG : 1024px */
    @apply lg:my-auto lg:w-[51.82%];

    /* RESPONSIVE : XL : 1280px */
    @apply xl:pl-40 xl:pb-10;

    /* RESPONSIVE : 2XL : 1536px */
    @apply 2xl:pl-[calc(10%)];
  }

  .did-block-text-left-picture-right .did-block-picture {
    /* RESPONSIVE : LG : 1024px */
    @apply lg:pr-10 lg:w-[48.18%];

    /* RESPONSIVE : XL : 1280px */
    @apply xl:pr-20;

    /* RESPONSIVE : 2XL : 1536px */
    @apply 2xl:pr-[calc(10%)];
  }
  .did-block-text-left-picture-right .did-block-picture .tampon-1 {
    @apply absolute -mt-[6.5rem] w-24 mr-4 sm:w-36 sm:-mt-[9.5rem];
  }

  .did-block-tourtalou {
    @apply mt-8;

    /* RESPONSIVE : SM : 640px */
    @apply lg:mt-14;
  }
  .did-block-tourtalou img { @apply w-3/5 m-auto sm:w-2/5 xl:w-2/6 2xl:w-[28rem]; }  
  .did-block-tourtalou .did-script-block {
    @apply font-script text-did-brown text-5.5xl leading-[3rem] text-center;

    /* RESPONSIVE : SM : 640px */
    @apply sm:text-7xl;

    /* RESPONSIVE : LG : 1024px */
    @apply lg:flex-row;

    /* RESPONSIVE : xl : 1280px */
    @apply xl:text-8xl;
  }
  .did-block-tourtalou .did-block-info {
    @apply font-semibold text-did-grey text-sm text-center mt-4 px-4;

    /* RESPONSIVE : SM : 640px */
    @apply sm:text-base sm:mt-8 sm:px-14;

    /* RESPONSIVE : MD : 768px */
    @apply md:text-lg md:px-20;

    /* RESPONSIVE : LG : 1024px */
    @apply lg:text-xl lg:px-32;

    /* RESPONSIVE : XL : 1280px */
    @apply xl:px-64;

    /* RESPONSIVE : 2XL : 1536px */
    @apply 2xl:px-96;
  }

  .did-block-text-right-picture-left {
    @apply flex flex-col mt-12;

    /* RESPONSIVE : LG : 1024px */
    @apply lg:flex-row lg:mt-20;
  }
  .did-block-text-right-picture-left .did-block-picture {
    /* RESPONSIVE : LG : 1024px */
    @apply lg:w-1/2;
  }
  /*
  .did-block-text-right-picture-left .did-block-text-right {
    @apply flex flex-col bg-did-brown-light-picto text-justify h-56 items-center justify-center;
    / RESPONSIVE : SM : 640px /
    @apply sm:h-96;

    / RESPONSIVE : LG : 1024px /
    @apply lg:w-1/2 lg:h-auto;
  }*/
  .did-block-text-right-picture-left .did-block-text-right-margins {
    @apply px-4;

    /* RESPONSIVE : SM : 640px */
    @apply sm:px-10;

    /* RESPONSIVE : LG : 1024px */
    @apply lg:py-0 lg:px-14;

    /* RESPONSIVE : 2XL : 1536px */
    @apply 2xl:px-28
  }
  .did-block-text-right-picture-left .did-block-text-right .did-title-black {
    @apply mt-1 font-beba uppercase leading-tight text-did-black text-xl;

    /* RESPONSIVE : SM : 640px */
    @apply sm:text-4xl sm:mt-2;

    /* RESPONSIVE : LG : 1024px */
    @apply lg:leading-[3rem];

    /* RESPONSIVE : XL : 1280px */
    @apply xl:text-5xl;
  }
  /* END :: Restaurant, walnuts cake, tea room */

  /* Menu, drinks, alcohol, coktails pages */
  .did-li-bullet { @apply m-3; }
  .did-li-bullet li:nth-child(2n+1)::before {
    @apply text-did-brown text-lg font-bold inline-block w-2 -ml-4 mr-2;
    content: "\2666";
  }

  .did-button-more {
    @apply block rounded-lg mt-1;
    border: 1px solid black;
    background-color: rgb(230, 174, 116, 0.1);
    padding-left: 8px;
    padding-right: 8px;
  }
  .did-button-more span {
    font-size: x-small;
    font-weight: bold;
  }

  .did-menu-black {
    @apply font-beba text-did-black text-sm;
  }

  .did-menu-title {
    @apply did-title-black pb-4;
    
    /* RESPONSIVE : SM : 640px */
    @apply sm:mt-2;

    /* RESPONSIVE : XL : 1280px */
    @apply xl:text-5xl;

    /* RESPONSIVE : 2XL : 1536px */
    @apply 2xl:text-6xl;
  }
  .did-sub-menu-title {
    @apply did-title-black text-sm;

    /* RESPONSIVE : SM : 640px */
    @apply sm:text-xl;
  }

  /* Menu : Today special */
  .did-menu-special {
    @apply px-6 py-8;
  }
  .did-menu-special-extra-padding {
    /* RESPONSIVE : SM : 640px */
    @apply sm:pl-[10%];

    /* RESPONSIVE : XL : 1280px */
    @apply xl:pr-[15%];

    /* RESPONSIVE : LG : 1024px */
    /* @apply lg:px-10; */
  }
  .did-menu-special-title {
    @apply did-title-black;
    
    /* RESPONSIVE : SM : 640px */
    @apply sm:mt-2;

    /* RESPONSIVE : MD : 768px */
    @apply md:text-5xl;
  }
  .did-menu-special-item {
    @apply text-did-black;
    
    /* RESPONSIVE : XS : 368px */
    @apply xs:text-2xl;

    /* RESPONSIVE : MD : 768px */
    @apply md:text-2xl;

    /* RESPONSIVE : LG : 1024px */
    @apply lg:text-lg;  
  }
  .did-menu-special-label-over {
    @apply absolute did-title-black text-white;

    /* RESPONSIVE : SM : 640px */
    @apply sm:text-3xl;
  }
  .did-menu-special-ingredients {
    @apply font-open-light text-xs text-black pl-1;
    
    /* RESPONSIVE : SM : 640px */
    @apply sm:text-sm;

    /* RESPONSIVE : MD : 768px */
    @apply md:text-base;

    /* RESPONSIVE : LG : 1024px */    
    @apply lg:text-base;
  }
  .did-menu-special-price { 
    @apply did-title-black text-right pt-2; 
  }

  .did-menu-special-price-over { 
    @apply absolute did-title-black bottom-3; 
  }

  /* Menu : Menu left block */
  .did-menu-left-outer { @apply w-full flex; }
  .did-menu-left-inner {
    @apply w-full pt-6 pb-8 pl-10 pr-8 bg-did-brown-55%;
    
    /* RESPONSIVE : SM : 640px */
    @apply sm:pl-[10%] sm:bg-did-brown-40%;

    /* RESPONSIVE : XL : 1280px */
    @apply xl:pr-[30%];
  }

  /* Menu : Menu right block */
  .did-menu-right-outer { @apply flex lg:ml-36; }
  .did-menu-right-inner {
    @apply w-full bg-did-brown-light-picto ml-10 pl-10 pr-8 pt-6 pb-8;
    @apply lg:pr-10 lg:pl-36;

    /* RESPONSIVE : SM : 640px */
    @apply sm:pl-[10%] sm:ml-[20%];

    /* RESPONSIVE : XL : 1280px */
    @apply xl:pr-[15%];
  }

  /* Menu : Menu items */
  .did-menu-list-items {
    @apply w-full block float-left list-none;
    @apply font-open-light text-xs text-did-black;
  }
  .did-menu-list-items li { @apply w-full block float-left mb-2; }
  .did-menu-item { @apply w-full flex flex-row; }
  .did-menu-item-label {
    @apply inline-block float-left clear-left pr-1 max-w-max;
    @apply font-extrabold text-did-black text-xs;

    /* RESPONSIVE : SM : 640px */
    @apply sm:text-sm;

    /* RESPONSIVE : MD : 768px */
    @apply md:text-base;

    /* RESPONSIVE : LG : 1024px */
    @apply lg:text-lg;
  }
  .did-menu-item-dots {
    @apply grow inline-block h-[14px] bg-did-tab-dots bg-bottom bg-repeat-x bg-[length:0.40rem];  

    /* RESPONSIVE : SM : 640px */
    @apply sm:h-[18px] sm:bg-[length:0.45rem];

    /* RESPONSIVE : LG : 1024px */
    @apply lg:h-[24px] lg:bg-[length:0.50rem];
  }
  .did-menu-item-price {
    @apply inline-block float-right px-1;
    @apply font-extrabold text-did-black text-xs;

    /* RESPONSIVE : SM : 640px */
    @apply sm:text-sm;

    /* RESPONSIVE : LG : 1024px */
    @apply lg:text-lg;
  }
  .did-menu-item-ingredients {
    @apply font-open-light text-xs text-did-black;
    
    /* RESPONSIVE : SM : 640px */
    @apply sm:text-sm;

    /* RESPONSIVE : LG : 1024px */
    @apply lg:text-lg;
  }
  /* END :: Menu, drinks, alcohol, coktails pages */


  /* Contact page */
  form { @apply flex flex-col items-center space-y-3; }

  form [type=text], form [type=email], form textarea {
    @apply bg-did-brown-light border-0 w-[85%] lg:w-[75%];
    @apply focus:border-did-brown-light focus:outline-none focus:ring-did-brown focus:bg-white;
  }

  form [type=text], form [type=email] { @apply h-[50px] lg:h-[65px]; }
  form textarea { @apply px-3 h-[100px] md:h-[150px]; }
  form [type=submit] { @apply px-4 py-2 border-2 border-solid border-did-brown bg-did-brown font-bold text-white; }
  form .did-form-error-container { @apply w-[85%] lg:w-[75%]; }
  form .did-text-error-message { @apply font-open-light text-xs text-red-400; }
  form .did-is-invalid { @apply border-red-400 border-2 }  
  /* END :: Contact page */

  /* Find us page */
  .adp-warnbox { 
    display: none; 
  }
  .adp-directions { width: 100%; }
}
@layer base {
  @font-face {
    font-family: 'Open Sans';
    src: url(/assets/fonts/OpenSans-Regular-98fb1d381aa24486f3298e910bf92235058670a0785029c325d4a99f88283eba.eot);
    src: url(/assets/fonts/OpenSans-Regular-98fb1d381aa24486f3298e910bf92235058670a0785029c325d4a99f88283eba.eot?#iefix) format('embedded-opentype'),
         url(/assets/fonts/OpenSans-Regular-866a7c4feae56e416d36af9f8ca9d284dba93ceff7b98bc92f51f80eb1ec324a.woff2) format('woff2'),
         url(/assets/fonts/OpenSans-Regular-2802dcaae42760eb4d74365b8ad1b2947e1d5f59649307ed6034d79224ee8a90.woff) format('woff'),
         url(/assets/fonts/OpenSans-Regular-f20d5ed577a1ddc48fd428b61d9538ef88d6ddcc1ccd8565a2cf7e9f03bd4cc7.ttf)  format('truetype'),
         url('fonts/OpenSans-Regular.svg#Open Sans') format('svg');
     font-style: normal;
     font-weight: normal;
  }
  
  @font-face {
    font-family: 'Open Sans Bold';
    src: url(/assets/fonts/OpenSans-Bold-f94670ea0c9220b1b8ad31251be7890a4a29c5a570d898a10ccd2501d12f6534.eot);
    src: url(/assets/fonts/OpenSans-Bold-f94670ea0c9220b1b8ad31251be7890a4a29c5a570d898a10ccd2501d12f6534.eot?#iefix) format('embedded-opentype'),
         url(/assets/fonts/OpenSans-Bold-27081bbe10a133705cab0a8ceff0dddec5250f22d5aa21517d06f3bdc19bba62.woff2) format('woff2'),
         url(/assets/fonts/OpenSans-Bold-470f1763c3e072e7c109f72371be4e061d78a0885970b2f12af7c929335b8447.woff) format('woff'),
         url(/assets/fonts/OpenSans-Bold-5ccf0a4d12a5fb44a9831d93841cee9c1188d900987a2b83d5884ee240d7ab46.ttf)  format('truetype'),
         url('fonts/OpenSans-Bold.svg#Open Sans') format('svg');
     font-style: normal;
     font-weight: bold;
  }

  @font-face {
    font-family: 'Open Sans Italic';
    src: url(/assets/fonts/OpenSans-Italic-6a27cffefcb0000a02f5c1fb211ef99738259aa8edbcd8c2cc4f0b3b8c907007.eot);
    src: url(/assets/fonts/OpenSans-Italic-6a27cffefcb0000a02f5c1fb211ef99738259aa8edbcd8c2cc4f0b3b8c907007.eot?#iefix) format('embedded-opentype'),
         url(/assets/fonts/OpenSans-Italic-09eea146e5eee1ff235411b397ab8f0c43474a13c1ee0a3b89e4346d6698bc29.woff2) format('woff2'),
         url(/assets/fonts/OpenSans-Italic-cd648c08bfffcbafe6cab7b689b9b75d9cb7dad9cf1ad0e1577a17317b2b2539.woff) format('woff'),
         url(/assets/fonts/OpenSans-Italic-a22063d5825c02ef4871a49f8b481d9c31156b04b46adef1a71f8ce3c4b7f454.ttf)  format('truetype'),
         url('fonts/OpenSans-Italic.svg#Open Sans') format('svg');
   font-style: italic;
   font-weight: normal;
  }

  @font-face {
      font-family: 'Open Sans BoldItalic';
      src: url(/assets/fonts/OpenSans-BoldItalic-65db77c45a0ecf337121cc71b31e86541694ebd4313d6a3c4695eeb74c449931.eot);
      src: url(/assets/fonts/OpenSans-BoldItalic-65db77c45a0ecf337121cc71b31e86541694ebd4313d6a3c4695eeb74c449931.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/OpenSans-BoldItalic-875f866ed24503cf3c4e22b17aded0567d7ffccad42e05c2e7a0cd3c3b9aaf2e.woff2) format('woff2'),
           url(/assets/fonts/OpenSans-BoldItalic-50d98bf7077856a5de54209bb09d0d892de877d9a3f5bfef98ff02ee18fd86f8.woff) format('woff'),
           url(/assets/fonts/OpenSans-BoldItalic-c98da2170f99da3e4ecabd7dd18668f96ad61475c55582ced6c1eac51ddfc347.ttf)  format('truetype'),
           url('fonts/OpenSans-BoldItalic.svg#Open Sans') format('svg');
     font-style: italic;
     font-weight: bold;
  }

  @font-face {
      font-family: 'Open Sans ExtraBold';
      src: url(/assets/fonts/OpenSans-ExtraBold-2b885fbb983f6e64fafca70df45bb49dc15bd88a329942abb805133269751d07.eot);
      src: url(/assets/fonts/OpenSans-ExtraBold-2b885fbb983f6e64fafca70df45bb49dc15bd88a329942abb805133269751d07.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/OpenSans-ExtraBold-818fb266284fb5053d7ba0de86a894652f471c8e48d3f7cb8df5fc6cfd8bc0fd.woff2) format('woff2'),
           url(/assets/fonts/OpenSans-ExtraBold-28b767d301c65b9d053f94c696a880ee7f9613c46d7e5449b4ade3463af93bc3.woff) format('woff'),
           url(/assets/fonts/OpenSans-ExtraBold-16a865c4405c71d439ef48a77caab710eb7ee91c00c6e919bac68d018331303c.ttf)  format('truetype'),
           url('fonts/OpenSans-ExtraBold.svg#Open Sans ExtraBold') format('svg');
     font-style: normal;
     font-weight: 800;
  }

  @font-face {
      font-family: 'Open Sans ExtraBoldItalic';
      src: url(/assets/fonts/OpenSans-ExtraBoldItalic-ac866641b6b5122e9711479d4c58ea2f596c914c2c49b48cbc70828335139eef.eot);
      src: url(/assets/fonts/OpenSans-ExtraBoldItalic-ac866641b6b5122e9711479d4c58ea2f596c914c2c49b48cbc70828335139eef.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/OpenSans-ExtraBoldItalic-de8ed89386d0b26c202f38fc324e2cef6fdd2b1811ac38294c5988f05e1c7719.woff2) format('woff2'),
           url(/assets/fonts/OpenSans-ExtraBoldItalic-57fd57837498e1fb6c0ec7d1af783e40a2876ff03d193018a7edcba10c467f41.woff) format('woff'),
           url(/assets/fonts/OpenSans-ExtraBoldItalic-a359f1d1edb9d03b08c0b406459149eaa15a13f839139ea182de2bd4b5c921d5.ttf)  format('truetype'),
           url('fonts/OpenSans-ExtraBoldItalic.svg#Open Sans') format('svg');
     font-style: italic;
     font-weight: 800;
  }

  @font-face {
      font-family: 'Open Sans Light';
      src: url(/assets/fonts/OpenSans-Light-3521614399154fb3dc804fbc59b1b20d252678a49c686a3af2d183248f9bcc69.eot);
      src: url(/assets/fonts/OpenSans-Light-3521614399154fb3dc804fbc59b1b20d252678a49c686a3af2d183248f9bcc69.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/OpenSans-Light-a9cb17ade68268cfb32e02a0cf3c727fb502476a8d7a90fa1f7ce3d490d6c70d.woff2) format('woff2'),
           url(/assets/fonts/OpenSans-Light-5e44d6557c63b9844982b854f817c085ac200c33bdbb78740d9d4f3d5b9eae70.woff) format('woff'),
           url(/assets/fonts/OpenSans-Light-3a6d32a2dc302eec756a5e103d28dacad52c59313bca51b7e17e8f926a170518.ttf)  format('truetype'),
           url('fonts/OpenSans-Light.svg#Open Sans Light') format('svg');
     font-style: normal;
     font-weight: 300;
  }

  @font-face {
      font-family: 'Open Sans LightItalic';
      src: url(/assets/fonts/OpenSans-LightItalic-73c7a161030874667166c983084b2c77efa6598f53c70161fa19e18d06c82b87.eot);
      src: url(/assets/fonts/OpenSans-LightItalic-73c7a161030874667166c983084b2c77efa6598f53c70161fa19e18d06c82b87.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/OpenSans-LightItalic-ab6a0bf33d9a1c527e60e12eab3cb41111877fdeee160edd97c045184d84f82b.woff2) format('woff2'),
           url(/assets/fonts/OpenSans-LightItalic-b0739ba41416a8a54c0cd0a33712562ba3731ae43f48eb0e27e5c0e6e08f67a2.woff) format('woff'),
           url(/assets/fonts/OpenSans-LightItalic-cc067b07301d49807f97d9a1f5e8a35c0729afb39b5098b6b70befb5238d79d2.ttf)  format('truetype'),
           url('fonts/OpenSans-LightItalic.svg#Open Sans Light') format('svg');
     font-style: italic;
     font-weight: 300;
  }

  @font-face {
      font-family: 'Open Sans SemiBold';
      src: url(/assets/fonts/OpenSans-SemiBold-6091e1ceb4b6f8a0000a62b89414ccc0256cb6039105869a3ed2f24c8a060eec.eot);
      src: url(/assets/fonts/OpenSans-SemiBold-6091e1ceb4b6f8a0000a62b89414ccc0256cb6039105869a3ed2f24c8a060eec.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/OpenSans-SemiBold-c54f5c8d5bca9278e632d7248bf2726e9e6a354c7d1b973a7ad118f8b0cf99d1.woff2) format('woff2'),
           url(/assets/fonts/OpenSans-SemiBold-6b50effbede72715216255321d50f6aa5346820f471fd4f82d1acc3b20b7b116.woff) format('woff'),
           url(/assets/fonts/OpenSans-SemiBold-b3185de4446e67a69ed55fd1337466f660afc5f7eb161137865d21ae69778df1.ttf)  format('truetype'),
           url('fonts/OpenSans-SemiBold.svg#Open Sans SemiBold') format('svg');
     font-style: normal;
     font-weight: 600;
  }

  @font-face {
      font-family: 'Open Sans SemiBoldItalic';
      src: url(/assets/fonts/OpenSans-SemiBoldItalic-80e7baad0486ff92446ac2cfc547e933c46beeebb90b3dafd47dc425797347c4.eot);
      src: url(/assets/fonts/OpenSans-SemiBoldItalic-80e7baad0486ff92446ac2cfc547e933c46beeebb90b3dafd47dc425797347c4.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/OpenSans-SemiBoldItalic-7384a7410d0c921ad172f36d316bcaeb11ba5842b082a79f62d23de41f5af4dc.woff2) format('woff2'),
           url(/assets/fonts/OpenSans-SemiBoldItalic-233a7bcdabc5c9aa609f6c87be3030c916e62e1e0585c2b3bb2720b7afc56fbc.woff) format('woff'),
           url(/assets/fonts/OpenSans-SemiBoldItalic-0426f6c5b3f9e1a65dcda9d515cacf5d658fb2ef0f996af248c189abce33e1b6.ttf)  format('truetype'),
           url('fonts/OpenSans-SemiBoldItalic.svg#Open Sans SemiBold') format('svg');
     font-style: italic;
     font-weight: 600;
  }

  @font-face {
      font-family: 'Bebas Neue';
      src: url(/assets/fonts/BebasNeue-Regular-a3532f6e9d5c4bbe5b93969c76ea7f13c69f9d96b639e97b331976baa31e86f9.eot);
      src: url(/assets/fonts/BebasNeue-Regular-a3532f6e9d5c4bbe5b93969c76ea7f13c69f9d96b639e97b331976baa31e86f9.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/BebasNeue-Regular-c23f28644842abf9647f08921c7b5751fd51b80694d1d36ed799a22e519420f7.woff2) format('woff2'),
           url(/assets/fonts/BebasNeue-Regular-98e8e7b6bb62c232307d592188122d38f829bf8157519dc52006e4503627d780.woff) format('woff'),
           url(/assets/fonts/BebasNeue-Regular-8284ee68690f621efedf441e2061954558045ee429df78022ad4425fdfa3e3a3.ttf)  format('truetype'),
           url('fonts/BebasNeue-Regular.svg#Bebas Neue') format('svg');
     font-style: normal;
     font-weight: normal;
  }

  @font-face {
      font-family: 'Photograph Signature';
      src: url(/assets/fonts/Photograph-Signature-4-7535a9971063545871bc636b605c685541616ea1c590342173590968a13ed0d7.eot);
      src: url(/assets/fonts/Photograph-Signature-4-7535a9971063545871bc636b605c685541616ea1c590342173590968a13ed0d7.eot?#iefix) format('embedded-opentype'),
           url(/assets/fonts/Photograph-Signature-4-60feee469625b10d7485befac25de399d947cab58ec17c6bcab6c1d27987c7bb.woff2) format('woff2'),
           url(/assets/fonts/Photograph-Signature-4-a30d921c28046c8aafc7d4eab9a85194933407f4266311b09f331e2f739aaf18.woff) format('woff'),
           url(/assets/fonts/Photograph-Signature-4-adea577b7a61c3394ee2f6409ff46c0dfd6d9d3c83af57aa2fdc4bda9eaf4041.ttf)  format('truetype'),
           url('fonts/Photograph-Signature-4.svg#Photograph Signature') format('svg');
     font-style: normal;
     font-weight: normal;
  }
}
@layer components {
  /* Menu */
  .did-li-bullet {
    @apply m-3;
  }
  .did-li-bullet li:nth-child(2n+1)::before {
    @apply text-did-brown text-lg font-bold inline-block w-2 -ml-4 mr-2;
    content: "\2666";
  }

  .did-button-more {
    @apply block rounded-lg mt-1;
    border: 1px solid black;
    background-color: rgb(230, 174, 116, 0.1);
    padding-left: 8px;
    padding-right: 8px;
  }
  .did-button-more span {
    font-size: x-small;
    font-weight: bold;
  }

  .did-menu-title {
    @apply did-title-black pb-4;
    
    /* RESPONSIVE : SM : 640px */
    @apply sm:mt-2;
  }

  /* Menu : Today special */
  .did-today-special {
    @apply bg-did-brown-light-picto px-6 py-10;
    
    /* RESPONSIVE : LG : 1024px */
    @apply lg:px-10;
  }
  .did-today-special-title {
    @apply did-title-black;
    
    /* RESPONSIVE : SM : 640px */
    @apply sm:mt-2;
  }
  .did-today-special-item {
    @apply text-did-black;
    
    /* RESPONSIVE : LG : 1024px */
    @apply lg:text-lg;  
  }
  .did-today-special-ingredients {
    @apply font-open-light text-xs text-black pl-1;
    
    /* RESPONSIVE : LG : 1024px */    
    @apply lg:text-base;
  }
  .did-today-special-price {
    @apply did-title-black text-right pt-2;
  }

  /* Menu : Menu left block */
  .did-menu-left-outer {
    @apply w-full flex;
  }
  .did-menu-left-inner {
    @apply w-full pt-6 pl-4 pr-8 pb-8 bg-did-brown-50%;
    
    /* RESPONSIVE : LG : 1024px */
    @apply lg:px-10;
  }

  .did-menu-right-outer {
    @apply flex lg:ml-36;
  }
  .did-menu-right-inner {
    @apply bg-did-brown-light-picto ml-10 pl-4 pr-8 pt-6 pb-8;
    @apply lg:pr-10 lg:pl-36;
  }

  .did-menu-list-items {
    @apply block float-left list-none;
    @apply font-open-light w-full text-xs;
    @apply text-did-black;
  }
  .did-menu-list-items li {
    @apply w-full block float-left mb-2;
  }
  .did-menu-item {
    @apply w-full flex flex-row;
  }
  .did-menu-item-label {
    @apply font-extrabold text-did-black text-xs;
    @apply lg:text-lg;
    @apply inline-block float-left clear-left pr-1 max-w-max;
  }
  .did-menu-item-dots {
    @apply grow inline-block h-[14px] bg-did-tab-dots bg-bottom bg-repeat-x bg-[length:0.40rem];  
    @apply lg:h-[24px] lg:bg-[length:0.50rem];
  }
  .did-menu-item-price {
    @apply font-extrabold text-did-black text-xs;
    @apply lg:text-lg;
    @apply inline-block float-right px-1;
  }
  .did-menu-item-ingredients {
    @apply lg:text-lg;
  }

  .did-menu-black {
    @apply font-beba text-did-black text-sm;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */