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

html {
  font-size: 15px;
}

body.portfolio-index .go-home {
  display: none;
}

/* make sidebar always show on homepage and hide main content div */
body.portfolio-index .sidenav {
  display: block;
}

body.portfolio-index .main {
  display: none;
}

h1, h2, h3, h4, h5, .font-dm-sans {
  font-weight: 500;
  font-family: 'DM Sans', sans-serif;
  text-rendering: optimizelegibility;
}


/* sidenav */

.sidenav {
  max-width: 280px;
  min-width: 280px;
}

.sidenav .gutter {
  position: fixed;
}
  
.sidenav li a:hover {
  @apply underline;
}

/* main content area */

.main h4, .main h5 {
  font-weight: 500;
  font-family: 'DM Sans', sans-serif;
  margin-bottom: 0.8rem;
}

.main h4, .main h5, .main p {
  margin-bottom: 0.75rem;
}

.main h5 {
  @apply text-lg;
}

.main h4 {
  @apply text-xl;
}

.main p {
  margin-bottom: 1em
}

.main h4 + h5 {
  margin-top: 1.3em;
}

.main p + h5 {
  margin-top: 1.8em;
}

.main p.image {
  margin: 2em 0;
}

.main a {
  @apply underline;
}

.main ul {
  @apply list-disc;
  margin: 1em 0;
}
  
.main ul li {
  margin-left: 2em;
}

.main .caption {
  font-size: 0.7rem;
  color: #777;
  margin-bottom: 1.5em;
}

.main .floating-media {
  margin: 0.5em 0 0.8em 1em;
  max-width: 47% !important;
}

.gallery {
  margin: 1.5em 0;
}

.gallery .gallery-thumb {
  margin: 0 10px 10px 0;
  display: inline-block;
}

.gallery .gallery-thumb.outlined {
  border: 1px solid #ddd;
}
/*
 * 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.
 *


 */

/*# sourceMappingURL=application.css-01fdb8bcc1dc4f91c340c6ff7369f78bb387f3b24e23163f790ba1a31d158bc6.map */