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


@layer components {
    #schedules .selected {
        @apply bg-red-600;
    }

    nav .selected, .tabs .selected {
        @apply font-bold;
    }

    .cinema-link {
        /* @apply border-b-2 border-red-600; */
        /* @apply text-red-600; */
    }

    .movie-link {
        /* @apply border-b-2 border-amber-400; */
        /* @apply text-yellow-600; */
    }

    .city-link {
        /* @apply border-b-2 border-sky-600; */
        /* @apply text-sky-800; */
    }

    .cinema-link:hover, .movie-link:hover, .city-link:hover {
        @apply text-red-600
    }

}

body {
    @apply tracking-wide;
}

.poster {
    @apply rounded border border-slate-200;
}

.font-smooth {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.title {
    @apply text-2xl md:text-[28px];
    font-family: "Nimbus Sans";
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
}

@layer utilities {
    .font-semibold, .font-medium {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}
/*
 * 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.
 *


 */

/* .shadow {
  box-shadow: none;
  border: 1px solid #ccc;
}
.bg-slate-50 {
  background-color: #fff;
} */


.video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.video-container iframe, .video-container #thumbnail {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sspp__layout_fixer{
  margin-bottom: 1em;
}

.schedule-cinema.disabled{
  opacity: 0.2;
}

@font-face {
	font-family: "Kijkwijzer";
	src: url(/assets/Kijkwijzer-2020-f4bac043a6a844c0dd0b180ea015f0a84ac0b57676beb6da542ad7a529542726.otf);
	font-display: swap;
}

/*@font-face {*/
/*  font-family: "Nimbus Sans";*/
/*  src: url(/assets/NimbusSans-Light-207aaf4aa366146e9367506fe015662491ac1b315319954e8eeefe400746ced0.otf);*/
/*  font-weight: lighter;*/
/*  font-display: swap;*/
/*}*/

/*@font-face {*/
/*  font-family: "Nimbus Sans";*/
/*  src: url(/assets/NimbusSans-Regular-440086f9b2ac4fd4604e38faac60d3fed5a59d0559b4356b5bdbd9f0baa04765.otf);*/
/*  font-weight: normal;*/
/*  font-display: swap;*/
/*}*/

/*@font-face {*/
/*  font-family: "Nimbus Sans";*/
/*  src: url(/assets/NimbusSans-Bold-f61b3ef21829c24a942f57c1f03c2380e2b41915af2d873b084b5b3b793da782.otf);*/
/*  font-weight: bold;*/
/*  font-display: swap;*/
/*}*/

/*@font-face {*/
/*  font-family: "Nimbus Roman";*/
/*  src: url(/assets/NimbusRoman-Regular-ed67132c9282346dc597e5d90a88a608fc09499be9cdd2ffff63405dcae43113.otf);*/
/*  font-display: swap;*/
/*}*/

@font-face {
  font-family: "Nimbus Sans";
  src: url(/assets/NimbusSansDOT-Light-207aaf4aa366146e9367506fe015662491ac1b315319954e8eeefe400746ced0.otf);
  font-weight: lighter;
  font-display: swap;
}

@font-face {
  font-family: "Nimbus Sans";
  src: url(/assets/NimbusSansDOT-Regular-440086f9b2ac4fd4604e38faac60d3fed5a59d0559b4356b5bdbd9f0baa04765.otf);
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nimbus Sans";
  src: url(/assets/NimbusSansDOT-Bold-f61b3ef21829c24a942f57c1f03c2380e2b41915af2d873b084b5b3b793da782.otf);
  font-weight: bold;
  font-display: swap;
}

@font-face {
  font-family: "Nimbus Roman";
  src: url(/assets/NimbusRoman-Regular-ed67132c9282346dc597e5d90a88a608fc09499be9cdd2ffff63405dcae43113.otf);
  font-display: swap;
}


/*html {*/
/*  -webkit-font-smoothing: antialiased*/
/*}*/

body{
  font-family: "Nimbus Sans";
  /*letter-spacing: 0.5px;*/
}

.font-semibold{
  font-family: "Nimbus Sans";
  font-weight: bold;
  color: #444;
}

.font-bold{
  font-family: "Nimbus Sans";
  font-weight: bold;
}

.font-light{
  font-family: "Nimbus Sans";
  font-weight: lighter;
}

.classification {
  font-family: "Kijkwijzer";
  margin-top: -0.1em
}

p a, p font {
  /* padding: 4px; */
  /* background-color: rgb(250 202 21) !important; */
  color: red !important;
  /* text-decoration: underline; */
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.billboard-lg{
  min-height:250px;
}
.billboard-md, .billboard-sm{
  min-height:150px;
}
.leaderboard-lg{
  min-height:250px;
}
.leaderboard-md, .leaderboard-sm{
  min-height:150px;
}
.rectangle-lg{
  min-height:90px;
}
.rectangle-md, .rectangle-sm{
  min-height:100px;
}