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

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/
/*
 * 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.
 *


 */

/* *{                                        */
/*     font-family: 'Work Sans', sans-serif; */
/* }                                         */
h1,h2,h3,h4,h5 {
  font-family: 'Oswald', sans-serif;
  font-size: 2rem !important;
}

/* * {                                  */
/*   font-family: 'Oswald', sans-serif; */
/*   font-size: 1rem !important;        */
/* }                                    */

 .day{
  color: #FFF;
  font-family: 'Oswald', sans-serif;
}

span.title{
  font-family: 'Oswald', sans-serif;
  /* font-weight: 800; */
}

/* menu and card background */
/* .bg-base-100, figure.p-4, .card-body { */
.menu {
  background-color: #252f54;
}
.menu-button {
  font-size: 2em;
}

.btn-primary {
  background-color: #EAB308;
  border-color: #CA8A04;
  color: #000000;
}

.btn-inschrijven {
  background-color: #EAB308;
  color: #000000;
}

.btn-inschrijven:hover {
  background-color: #CA8A04;
  border-color: #CA8A04;
}

.btn-primary:hover {
  background-color: #CA8A04;
  border-color: #CA8A04;
}

.btn-social {
  color: #EAB308;
  background-color: transparent;
  border-color: transparent;
}

.background {
  background-color: rgba(0,0,0,0.3);
  background-image: url(/assets/background-78431270bce648e183ab2a216c0745d5ad4a1c0dc812c27b26e455ac04b989bd.png);
  background-blend-mode: multiply;
  background-position: left center;
  background-size: auto 100vh;
  background-size: cover;
}

.badge-logo {
  padding: .5em;
  height: 7rem;
}

.content-background {
  background-color: #252f54;
  box-shadow: inset 0 0 5px #000000;
}

.max-h-content {
  max-height: 82vh;
}

ul li {
  list-style-type: circle;
  margin-left: 1em;
}

/* gallery */
.sl-overlay {
  background: #000;
}
.sl-close, .sl-next, .sl-prev {
  color: #FFF !important;
}

/* sm */
@media (min-width: 640px) {
}

/* drawer opens */
@media (min-width: 1024px) {
}

/* md */
@media (min-width: 1536px) {
}