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


@font-face {
    font-family: "Branding";
    src: url("../fonts/Branding\ SF\ Black.otf") format("truetype");
    font-weight: 900;
    font-style: normal;
  }
@font-face {
    font-family: "Branding";
    src: url("../fonts/Branding\ SF\ Bold.otf") format("truetype");
    font-weight: 700;
    font-style: normal;
  }
@font-face {
    font-family: "Branding";
    src: url("../fonts/Branding\ SF\ Medium.otf") format("truetype");
    font-weight: 500;
    font-style: normal;
  }
@font-face {
    font-family: "Branding";
    src: url("../fonts/Branding\ SF\ SemiBold.otf") format("truetype");
    font-weight: 600;
    font-style: normal;
  }
  
@font-face {
    font-family: "Branding";
    src: url("../fonts/Branding\ SF\ Narrow\ Medium.otf") format("truetype");
    font-weight: 400;
    font-style: normal;
  }
@font-face {
    font-family: "Branding";
    src: url("../fonts/Branding\ SF\ Cnd\ SemiBold\ It.otf") format("truetype");
    font-weight: 500;
    font-style: italic;
  }
@font-face {
    font-family: "Branding";
    src: url("../fonts/Branding\ SF\ Medium\ It.otf") format("truetype");
    font-weight: 400;
    font-style: italic;
    /* color: #5e312f63 */
  }

  /* compressed cmp */
@font-face {
    font-family: "Branding Cmp";
    src: url("../fonts/Branding\ SF\ Cmp\ Bold.otf") format("truetype");
    font-weight: 700;
    font-style: normal;
  }
@font-face {
    font-family: "Branding Cmp";
    src: url("../fonts/Branding\ SF\ Cmp\ Medium.otf") format("truetype");
    font-weight: 500;
    font-style: normal;
  }
@font-face {
    font-family: "Branding Cmp";
    src: url("../fonts/Branding\ SF\ Cmp\ SemiBold.otf") format("truetype");
    font-weight: 600;
    font-style: normal;
  }
@font-face {
    font-family: "Branding Cmp";
    src: url("../fonts/Branding\ SF\ Cmp\ Black.otf") format("truetype");
    font-weight: 900;
    font-style: normal;
  }
@font-face {
    font-family: "Branding Cmp";
    src: url("../fonts/Branding\ SF\ Narrow\ Medium.otf") format("truetype");
    font-weight: 400;
    font-style: normal;
  }

  .font-cmp{
    font-family: 'Branding Cmp';
  }

html, body{
font-family: 'Branding';
font-weight: 400;
}


/* React-slick caroussel */
.slick-prev {
    left: 3% !important;
    z-index: 1;
  }

  
.slick-next {
  right: 3% !important;
  z-index: 1;
  /* color: #1c1c1c0a; */
}


#programmesSection{
    background: linear-gradient(
    to bottom, 
    #f8d000,
    #f8d000 35%,
    #880404 35%,
    #880404 80%,
    #f8d000 80% ,
    #f8d000 
  );
}

/* Tailwind repeated styles */
@layer components{
    .calendar{
      @apply relative rounded-lg border-2 border-primary-dark bg-white py-3 px-2 pt-5 after:content-[''] after:absolute after:top-0 after:transform after:-translate-y-1/2 after:right-1/4 after:bg-red-500 after:border after:border-primary-dark after:h-[6px]

      before:content-[''] before:absolute before:top-0 before:transform before:-translate-y-1/2 before:left-1/4 before:bg-red-500 before:border before:border-primary-dark before:h-[6px]
    }
}